@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cream:#fae7d4;--muted:#ba9b85;--yellow:#ffad66;--line:#553524}*{box-sizing:border-box}body{margin:0;background:#1b100c;color:var(--cream);font-family:'DM Sans',sans-serif}main{max-width:1320px;margin:auto;padding:0 48px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;color:inherit;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:1.6px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.1px;margin-top:7px}.brand-mark{border:1px solid #778163;width:57px;height:46px;display:flex;align-items:center;justify-content:center;font-size:20px;letter-spacing:-3px;transform:rotate(-5deg);color:var(--yellow)}.brand-mark span{font-size:15px;margin:0 4px}.edition{font-size:10px;letter-spacing:1.3px;color:var(--yellow)}.edition span{display:block;text-align:right;color:#ad7c5b;font-size:9px;margin-top:8px}i.live-dot,.edition i,.game-footer i{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-right:8px}.intro{display:flex;align-items:center;justify-content:space-between;padding:43px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--yellow);font-weight:600}h1{font-family:'Space Grotesk',sans-serif;font-size:48px;letter-spacing:-2.5px;font-weight:500;margin:12px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--yellow)}.intro p{color:var(--muted);font-size:13px;margin:0}.stamp{text-align:center;border:1px solid #414c39;padding:12px 22px;transform:rotate(5deg);font-size:9px;letter-spacing:2px;color:#a7b38e}.stamp span{display:block;font-family:'Space Grotesk',sans-serif;font-size:32px;letter-spacing:-1px;margin:5px 0}.stamp small{font-size:7px}.game-shell{border:1px solid #875732;border-radius:9px;overflow:hidden;box-shadow:0 24px 70px #0004}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 19px;background:#352015;font-size:10px;letter-spacing:1.5px}.toolbar-right{display:flex;gap:12px;align-items:center;color:#cd9f7d;font-size:9px}button{cursor:pointer;font-family:inherit}.toolbar button{border:1px solid #4e5943;background:transparent;color:var(--cream);border-radius:4px;width:27px;height:25px}.viewport{position:relative;background:#100805;aspect-ratio:1100/650;overflow:hidden}canvas{width:100%;height:100%;display:block;outline:none;cursor:crosshair}.hud{pointer-events:none;position:absolute;inset:23px 26px auto;display:flex;justify-content:space-between}.hud-label{font-size:9px;letter-spacing:2px;color:#edc39e}.battery-hud,.mission{background:#28160feb;border:1px solid #71887940;padding:13px 16px;border-radius:5px;min-width:185px;backdrop-filter:blur(6px)}.battery-row{display:flex;gap:10px;align-items:center;margin:8px 0}.battery-track{width:122px;height:10px;background:#34453f;border:1px solid #8b9980;padding:2px;position:relative}.battery-track:after{content:'';position:absolute;right:-4px;top:2px;width:2px;height:4px;background:#8b9980}#battery-fill{height:100%;background:var(--yellow);width:100%}.battery-row b{font-size:11px}.battery-hud small{font-size:7px;letter-spacing:1px;color:#c79c7a}.mission b{display:block;font-size:12px;margin:7px 0}.mission b span{color:var(--yellow);margin-left:10px}#health{color:#e89777;font-size:14px;letter-spacing:3px}.game-footer{display:flex;justify-content:space-between;background:#352015;padding:13px 18px;font-size:9px;letter-spacing:1.4px;color:#d2ab8c}#secret-status{color:var(--yellow)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#180a0490;backdrop-filter:blur(3px);z-index:5}.overlay.hidden{display:none}.start-card{text-align:center;max-width:540px;padding:25px}.start-card h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-1.7px;font-size:43px;line-height:1.12;margin:20px 0}.start-card p{font-size:12px;line-height:1.9;color:#dfba9a}.start-controls{display:flex;gap:19px;justify-content:center;margin:24px 0;font-size:10px;color:#dfb58f}kbd{display:inline-block;font:8px 'DM Sans',sans-serif;padding:5px 6px;border:1px solid #64755c;border-radius:3px;color:var(--cream);margin-right:3px}.primary{border:0;background:var(--yellow);color:#3b1d0e;border-radius:4px;padding:16px 23px;font-size:11px;font-weight:700;letter-spacing:1.5px;min-width:260px;display:block;margin:0 auto 15px;box-shadow:0 0 32px #d8ee7b15}.primary:hover{background:#f6ffc0;transform:translateY(-1px)}.primary span{float:right;font-size:16px}.start-card>small{font-size:9px;color:#bc916f}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 95px #0006;pointer-events:none}#toast{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);padding:10px 20px;background:#341c10f0;border:1px solid #8d9b6680;border-radius:5px;font-size:12px;text-align:center;color:#eaf0c8;opacity:0;transition:opacity .2s;pointer-events:none;max-width:80%}#prompt{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:11px;background:#341b10ed;border:1px solid #7c9e6b;padding:8px 14px;border-radius:4px;display:none}.below{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:35px 0}.below>div{position:relative;padding-left:38px}.number{position:absolute;left:0;top:2px;color:#9baf77;font-family:'Space Grotesk';font-size:12px}h3{font-size:14px;font-weight:500;margin:0 0 9px}.below p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}footer{border-top:1px solid var(--line);padding:20px 0 30px;display:flex;justify-content:space-between;align-items:center;color:#7d8b75;font-size:8px;letter-spacing:1.2px}button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:800px){main{padding:0 16px}header{height:85px}.edition{display:none}.intro{padding:28px 0}h1{font-size:35px}.stamp{display:none}.intro p{font-size:11px}.viewport{aspect-ratio:4/3}.hud{inset:10px}.battery-hud,.mission{padding:7px;min-width:130px}.battery-track{width:65px}.start-card h2{font-size:30px}.start-controls{gap:5px;font-size:9px}.below{gap:14px}.below>div{padding-left:0}.number{position:static;display:block;margin-bottom:10px}.game-footer{font-size:7px;letter-spacing:.5px}footer{gap:15px}.start-card{padding:12px}.start-card p{font-size:11px}}

.toolbar #upgrade{width:auto;padding:0 10px;color:#ffba7d;border-color:#a66b3e;font-size:10px}.secondary{display:block;margin:12px auto;border:1px solid #ad7144;background:#3d2318;color:#ffd1a8;border-radius:4px;padding:12px 24px}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.primary:hover{background:#ffc28b}.battery-track{border-color:#c48958;background:#5d3a27}.battery-track:after{background:#c48958}.brand-mark,.stamp{border-color:#ae7448;color:#ffba7d}.vignette{box-shadow:inset 0 0 60px #0004}

.help-card{max-width:650px;padding:16px 28px}.help-card h2{font-size:30px;margin:10px 0}.help-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:7px 20px;text-align:left;font-size:11px;margin:16px 0}.help-grid span{color:#ce9d76}.help-grid b{font-weight:500;color:#ffe0bb}.help-card p{font-size:10px;line-height:1.7}.help-card .primary{padding:12px}.start-controls{flex-wrap:wrap}
.overlay:has(.help-card){overflow-y:auto;align-items:flex-start}.help-card{margin:auto;flex-shrink:0}
.touch-controls,.touch-guide{display:none}
@media (pointer:coarse),(max-width:700px){
 .touch-controls{display:flex;align-items:center;justify-content:space-around;gap:8px;padding:16px 10px max(16px,env(safe-area-inset-bottom));background:#2b180f;user-select:none;-webkit-user-select:none}
 .stick{position:relative;width:100px;height:100px;flex-shrink:0;border:2px solid #ae7149;border-radius:50%;background:radial-gradient(circle,#7b4b2e55,#2a170f);touch-action:none;display:grid;place-items:center}
 .stick-knob{width:42px;height:42px;border-radius:50%;background:#e69b62;border:2px solid #ffcf9e;box-shadow:0 4px 15px #0006;pointer-events:none}
 .stick b{position:absolute;bottom:5px;font-size:9px;letter-spacing:1px;pointer-events:none;color:#ffdbb7}
 .touch-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:260px;flex:1}
 .touch-actions button{min-height:44px;min-width:44px;padding:6px 4px;border:1px solid #a76c42;background:#58301c;color:#ffe2c1;border-radius:7px;font-size:9px;font-weight:700;touch-action:none}
 #touch-flash{background:#ed9c57;color:#31180d}.touch-actions button:active{background:#ffc990;color:#301b10}
 .touch-guide{display:block!important}canvas{touch-action:none}.viewport{aspect-ratio:1100/650}
 .overlay{overflow-y:auto;align-items:flex-start}.start-card{margin:auto;padding:14px;flex-shrink:0}.start-card h2{font-size:26px;margin:10px 0}.start-card p{font-size:11px}.start-controls{display:none}.start-card>small{font-size:9px}
 .toolbar{padding:7px 9px;gap:8px;flex-wrap:wrap;font-size:8px}.toolbar-right{gap:7px}.toolbar button{min-width:44px;min-height:44px}.toolbar #upgrade{font-size:9px}#sound-label{display:none}
 .hud{inset:6px}.battery-hud,.mission{min-width:0;padding:5px 7px}.hud-label{font-size:6px;letter-spacing:1px}.mission b{font-size:8px;margin:3px 0}.battery-row{margin:3px 0;gap:6px}.battery-row b{font-size:8px}.battery-track{height:8px;width:58px}.battery-hud small{display:none}#health{font-size:10px;letter-spacing:1px}
 #toast{bottom:32px;font-size:9px;padding:5px 8px;max-width:80%;width:max-content}#prompt{bottom:7px;font-size:9px;padding:5px 8px;max-width:85%;text-align:center}
 .help-grid{font-size:10px;gap:6px}.help-card{max-width:100%}.help-card p{font-size:10px}.below{display:none}.game-footer{gap:10px;font-size:7px}main{padding:0 10px}.intro{padding:16px 0}.intro h1{font-size:31px}header{height:70px}footer{font-size:7px}.primary{min-height:44px}
}
@media (max-width:380px){.stick{width:82px;height:82px}.stick-knob{width:34px;height:34px}.touch-controls{gap:5px;padding-left:5px;padding-right:5px}.touch-actions button{font-size:8px}}
@media (pointer:coarse) and (orientation:landscape){header,.intro,main>footer{display:none}main{padding:0 max(8px,env(safe-area-inset-left))}.game-shell{max-width:900px;margin:auto}.viewport{max-height:58dvh;aspect-ratio:1100/650;margin:auto}canvas{object-fit:contain}.touch-controls{padding:6px 10px}.stick{width:76px;height:76px}.stick-knob{width:32px;height:32px}.touch-actions{grid-template-columns:repeat(3,1fr);max-width:400px}.touch-actions button{min-height:36px}.game-footer{padding:5px 10px}.toolbar button{min-height:36px}}
@media (pointer:coarse),(max-width:700px){.overlay{position:fixed;inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:20;background:#1b100cf5;border:1px solid #9d633b;border-radius:10px;align-items:center}.start-card{width:100%;max-width:550px;min-width:0;white-space:normal}.start-card p{overflow-wrap:anywhere}.start-card .primary{max-width:100%;min-width:0;width:100%}.help-card{max-width:550px}.help-grid{grid-template-columns:1fr 1.5fr}}
@media (pointer:coarse),(max-width:700px){.hud{inset:6px 6px auto}}
/* Keep the museum, rather than the site introduction, in the foreground. */
main{max-width:1600px;padding:0 16px}header{height:46px}.brand{gap:10px;font-size:11px}.brand-mark{width:36px;height:28px;font-size:15px}.brand-mark span{font-size:10px;margin:0 3px}.brand small,.edition span,.stamp,.intro .eyebrow{display:none}.edition{font-size:8px}.intro{padding:8px 0}.intro>div:first-child{display:flex;gap:18px;align-items:center}.intro h1{font-size:22px;letter-spacing:-.7px;margin:0}.intro p{font-size:10px}.viewport{aspect-ratio:1100/650;max-height:calc(100dvh - 145px)}canvas{object-fit:cover}.below{display:none}main>footer{padding:8px 0;font-size:7px}.game-footer{padding:7px 12px}.hud{inset:10px 12px auto}
@media(pointer:coarse),(max-width:700px){main{padding:0 4px}header{height:36px;padding:0 6px}.brand{font-size:10px}.brand-mark{width:30px;height:24px}.intro,main>footer{display:none}.game-shell{height:calc(100svh - 40px);display:flex;flex-direction:column;max-width:none;border-radius:6px}.toolbar{flex-shrink:0;padding:4px 6px;gap:4px;flex-wrap:nowrap}.toolbar>div:first-child{min-width:0;font-size:7px;letter-spacing:.5px}.toolbar-right{gap:4px;flex-shrink:0}.toolbar #upgrade{font-size:8px;padding:0 5px}.toolbar button{min-width:36px;min-height:40px}.viewport{flex:1;width:100%;min-height:200px;max-height:none;aspect-ratio:auto;margin:0}.touch-controls{flex-shrink:0;padding:8px 6px max(8px,env(safe-area-inset-bottom))}.game-footer{flex-shrink:0;padding:5px 7px;font-size:6px}.hud{inset:6px 6px auto}.touch-actions{gap:4px}.touch-actions button{min-height:40px}.stick{width:90px;height:90px}}
@media(pointer:coarse) and (orientation:landscape){header{display:none}.game-shell{height:100svh}.viewport{min-height:120px}.touch-controls{padding:4px 10px}.stick{width:66px;height:66px}.touch-actions{grid-template-columns:repeat(3,1fr);max-width:420px}.touch-actions button{min-height:34px}.toolbar button{min-height:32px}.game-footer{display:none}}
