@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--paper:#efede4;--muted:#aeb5ae;--amber:#efa556;--bg:#111919;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--paper);font-family:var(--body)}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.hidden{display:none!important}#world{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}#loading{position:fixed;z-index:12;right:3vw;bottom:3vh;font:12px var(--mono);color:var(--muted);display:flex;gap:12px;align-items:center}.loading-line{display:block;width:30px;height:2px;background:var(--amber);animation:loading 1s infinite alternate}@keyframes loading{to{opacity:.2;transform:scaleX(.4)}}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 58% 46%,transparent 35%,#03090880 100%);z-index:1}.screen{position:fixed;inset:0;z-index:2}.menu{padding:36px 5vw;background:linear-gradient(90deg,#0c1515e8 0%,#0c1515b0 30%,#0c151519 65%)}.brand{display:flex;gap:15px;align-items:center;font:12px var(--mono);letter-spacing:2px}.brand-mark{border:1px solid #b7bcb24d;font-size:14px;padding:8px 9px;font-weight:600;letter-spacing:0}.menu-copy{position:absolute;top:49%;transform:translateY(-50%);max-width:570px}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:var(--muted);line-height:1.5}.menu-copy .eyebrow{display:flex;gap:10px;align-items:center;color:var(--amber)}.eyebrow>span{width:5px;height:5px;background:var(--amber);display:inline-block}h1{font-family:var(--display);font-weight:800;font-size:clamp(84px,10.4vw,166px);line-height:.81;letter-spacing:-3px;margin:25px 0 28px;position:relative}h1>span{color:var(--amber)}h1 i{position:absolute;left:3px;top:44%;height:2px;width:85%;transform:rotate(-12deg);background:#111919;opacity:.8}.premise{color:#bcc1b9;font-size:16px;line-height:1.7;margin:0 0 30px}.primary{display:flex;align-items:center;justify-content:space-between;gap:45px;border:0;padding:20px 24px;background:var(--amber);color:#15201e;font:600 14px var(--mono);letter-spacing:1.5px;min-width:280px;transition:background .2s,transform .2s}.primary:hover{background:#ffbd75;transform:translateY(-2px)}.primary>span:last-child{font-size:22px;line-height:1}.primary>span:first-child{font-size:14px}.text-button{background:transparent;border:0;color:var(--muted);font-size:14px;padding:17px 0;display:flex;gap:30px;align-items:center;justify-content:space-between}.text-button:hover{color:var(--paper)}.menu-bottom{position:absolute;left:5vw;right:5vw;bottom:30px;display:flex;justify-content:space-between;color:#a8b1a6;font:12px var(--mono);letter-spacing:1px}.building-caption{position:absolute;right:5vw;top:38px;display:flex;flex-direction:column;text-align:right;gap:9px;font:12px var(--mono);color:#b8c2b3;letter-spacing:1px}.building-caption>span:last-child{color:var(--amber)}#hud{position:fixed;inset:0;z-index:3;pointer-events:none;padding:28px 32px}#hud button{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.floor-info .eyebrow{font-size:12px;letter-spacing:1.7px}.floor-line{display:flex;gap:15px;align-items:center;margin-top:8px}.floor-line>b{font:700 52px/.9 var(--display);color:var(--amber)}.floor-line>div{display:flex;flex-direction:column;gap:6px}.floor-line strong{font-size:16px}.floor-line>div>span{font:12px var(--mono);letter-spacing:1px;color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-button{background:#111919ad;border:1px solid #eee4ce38;width:42px;height:42px;font-size:19px;border-radius:2px}.icon-button:hover{background:#38443b}.objective{display:flex;gap:10px;align-items:center;max-width:380px;margin-top:20px;font-size:14px;color:#e1e2d7;text-shadow:0 1px 3px #000;line-height:1.5}.objective-dot{width:6px;height:6px;background:var(--amber);flex-shrink:0;transform:rotate(45deg)}#crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#f7f1db99;box-shadow:0 0 0 4px #11191930;transform:translate(-50%,-50%)}#crosshair.active{background:var(--amber);box-shadow:0 0 0 5px #efa55630}#interaction{position:absolute;top:57%;left:50%;transform:translateX(-50%);padding:10px 16px;background:#101918d9;border:1px solid #ffffff26;font-size:14px;display:flex;align-items:center;gap:12px;white-space:nowrap}kbd{border:1px solid #b7c3b349;border-radius:3px;padding:4px 7px;font:12px var(--mono);color:var(--paper);background:#11191980}#interaction kbd{color:var(--amber);border-color:#efa55677}#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);text-align:center;max-width:600px;width:max-content;padding:13px 22px;color:#ffe0b7;background:#131d1bea;border:1px solid #efa55666;font-size:14px;line-height:1.5}#enemy-alert{position:absolute;left:50%;bottom:125px;transform:translateX(-50%);font:12px var(--mono);letter-spacing:1px;color:#eadccc;background:#131d1b9c;padding:9px 14px;white-space:nowrap}.hud-bottom{position:absolute;left:32px;right:32px;bottom:44px;display:flex;justify-content:space-between;align-items:end}.health{width:210px}.meter-label{display:flex;justify-content:space-between;gap:20px;align-items:center;font:12px var(--mono);letter-spacing:1px}.meter-label strong{font-size:16px;color:var(--amber)}#health-bars{display:flex;gap:5px;margin-top:12px;height:5px}#health-bars i{flex:1;background:var(--amber);transition:background .2s}#health-bars i.empty{background:#53604d66}.gas-status{text-align:right;display:flex;flex-direction:column;gap:5px}.gas-status>span:first-child{font:12px var(--mono);letter-spacing:1.3px;color:#c5d59d}.gas-status>strong{font:500 32px var(--mono);line-height:1.15}.gas-status>span:nth-child(3){font-size:12px;color:#bec6b1}.gas-track{height:3px;width:190px;background:#53604d80;margin-top:6px}.gas-track i{display:block;background:#bfd182;width:0%;height:100%;transition:width .3s}.gas-status.danger>strong,.gas-status.danger>span:first-child{color:#ff9972}.gas-status.danger .gas-track i{background:#ff9972}.desktop-controls{position:absolute;left:32px;bottom:14px;display:flex;gap:17px;color:#b0b8a7;font-size:12px}.desktop-controls kbd{border:0;padding:0;margin-right:4px;background:transparent;font-size:12px}#look-hint{position:absolute;bottom:14px;right:32px;color:#aebba2;font-size:12px}#damage,#gas-effect{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:0}#damage{background:radial-gradient(ellipse,transparent 30%,#b12820c0);transition:opacity .25s}#gas-effect{background:linear-gradient(0deg,#9bc656a8,transparent 75%);transition:opacity .3s}.overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:10;background:#050c0ce3;backdrop-filter:blur(6px);padding:24px;overflow:auto}.panel-card{background:#15201e;border:1px solid #6f7c5a5c;border-top:3px solid var(--amber);padding:36px;max-width:530px;width:100%;max-height:95dvh;overflow:auto;box-shadow:0 20px 100px #0008}.panel-kicker{font:12px var(--mono);color:var(--amber);letter-spacing:2px}.panel-card h2{font:700 42px/1 var(--display);letter-spacing:.1px;margin:15px 0}.panel-card p{color:#c2c8b9;font-size:15px;line-height:1.6}.panel-card .eyebrow{font-size:12px}.panel-card .primary{width:100%;margin-top:20px}.panel-card .text-button{width:100%;padding-bottom:0}.panel-card kbd{font-size:12px}.secondary{background:transparent;border:1px solid #76806375;font:500 14px var(--mono);padding:15px;width:100%;margin-top:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;margin:25px 0}.help-grid>div{display:flex;flex-direction:column;gap:9px;align-items:start}.help-grid span{font-size:12px;color:var(--muted)}.panel-card .warning{background:#ed9b4320;border-left:2px solid var(--amber);padding:12px 16px;font-size:14px}.panel-card .help-note{font-size:12px}.panel-card #panel-message{color:var(--amber);min-height:20px;font-size:13px;margin-bottom:0}.puzzle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.puzzle-btn{padding:18px 10px;background:#233029;border:1px solid #657056;color:#e6e3d5;min-height:64px;font:500 15px var(--mono);border-radius:3px}.puzzle-btn:hover{background:#32402f;border-color:var(--amber)}.puzzle-btn.on{background:#cc9443;color:#14201a;border-color:#ffc272}.puzzle-btn.done{background:#4b6745;border-color:#abc27b}.puzzle-progress{font:15px var(--mono);padding:18px;background:#0e1715;text-align:center;letter-spacing:7px;margin:18px 0}.code-input{background:#0b1312;color:var(--paper);border:1px solid #6a7958;width:100%;padding:18px;text-align:center;letter-spacing:14px;font:26px var(--mono);margin:14px 0 0;border-radius:2px}.note-paper{padding:24px;background:#cec8ac;color:#27372e!important;font:16px/1.8 var(--mono)!important;white-space:pre-line;transform:rotate(-1deg)}.power-total{display:flex;justify-content:space-between;font:14px var(--mono);background:#0c1613;padding:18px;margin:16px 0 0}.power-total strong{color:var(--amber)}#ending-stats{padding:18px 0;border-top:1px solid #ffffff1a;font:13px var(--mono);color:var(--amber)}#touch-controls{display:none}#joystick{width:112px;height:112px;border-radius:50%;background:#13231b7a;border:1px solid #e6f2ce45;position:absolute;left:24px;bottom:115px;touch-action:none;pointer-events:auto}#joystick-knob{width:44px;height:44px;border-radius:50%;background:#efeee5a1;position:absolute;left:33px;top:33px;pointer-events:none}.touch-actions{position:absolute;right:24px;bottom:115px;display:flex;align-items:end;gap:15px}.touch-actions button{background:#15241cbc;border:1px solid #e9ecda77;border-radius:50%;width:64px;height:64px;font:12px var(--mono);touch-action:none}.touch-actions #touch-interact{background:#dda252d9;color:#14251d;font-size:22px}body.playing #world{cursor:crosshair}body.puzzle #enemy-alert{z-index:11;bottom:15px}#panel{background:#07100be0}
@media(pointer:coarse){#touch-controls{display:block}.desktop-controls,#look-hint,.headphones{display:none}#interaction kbd{display:none}#enemy-alert{bottom:100px}.hud-bottom{bottom:25px}#toast{max-width:85vw}}
@media(max-width:700px){.menu{padding:24px}.brand{font-size:12px}.brand-mark{font-size:12px}.menu-copy{left:25px;top:49%;max-width:90vw}h1{font-size:clamp(84px,17vw,122px)}.menu-copy .eyebrow{font-size:12px}.menu{background:linear-gradient(90deg,#0c1515ed,#0c15156c 75%)}.premise{font-size:14px}.primary{padding:18px 22px;min-width:245px}.menu-bottom{left:25px;right:25px;bottom:22px;font-size:12px}.building-caption{display:none}#hud{padding:20px}.hud-bottom{left:20px;right:20px}.health{width:155px}.meter-label{font-size:12px;letter-spacing:0}.gas-track{width:150px}.gas-status>strong{font-size:27px}.gas-status>span:first-child{font-size:12px}.objective{font-size:12px;max-width:80vw;margin-top:15px}.floor-line>b{font-size:43px}.floor-line strong{font-size:14px}.panel-card{padding:25px}.panel-card h2{font-size:36px}.panel-card p{font-size:14px}.overlay{padding:15px}#toast{font-size:12px;max-width:86vw;width:86vw}.desktop-controls{left:20px;gap:10px;font-size:12px}#look-hint{display:none}.help-grid{gap:15px}}
@media(max-height:550px){.brand{display:none}.menu-copy{top:47%}h1{font-size:82px;margin:12px 0 16px}.premise{margin-bottom:18px}.menu-copy .eyebrow{font-size:12px}.menu .primary{padding:13px 20px}.menu .text-button{padding:12px 0}.menu-bottom{bottom:17px}.floor-line>b{font-size:34px}.floor-info .eyebrow{display:none}.objective{margin-top:10px;font-size:12px}.hud-bottom{bottom:25px}.desktop-controls{display:none}#joystick{width:90px;height:90px;bottom:95px}#joystick-knob{left:22px;top:22px}.touch-actions{bottom:95px}#toast{top:15%}#enemy-alert{bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:700px){.headphones{display:none}.meter-label{gap:8px}.health{width:165px}.gas-status>span:nth-child(3){max-width:150px;line-height:1.4}}
#ending.finale-end{background:#050c0cf0;backdrop-filter:blur(2px)}
#ending.finale-end .panel-card{background:transparent;border:0;box-shadow:none;text-align:center;max-width:720px;overflow:visible}
#ending.finale-end .panel-card h2{font-size:clamp(86px,16vw,190px);color:var(--amber);line-height:.8;margin:0 0 34px;text-shadow:0 10px 40px #000;letter-spacing:0}
#ending.finale-end #ending-kicker,#ending.finale-end #ending-description,#ending.finale-end #ending-stats{display:none}
#ending.finale-end .primary,#ending.finale-end .text-button{max-width:300px;margin-left:auto;margin-right:auto}
.music-status{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.track-name{color:var(--amber);font-size:12px}
.equalizer{display:flex;align-items:end;gap:4px;height:24px}
.equalizer i{display:block;width:4px;height:6px;background:var(--amber);box-shadow:0 0 12px #efa55680;transform-origin:bottom;animation:eqPulse .68s ease-in-out infinite alternate;animation-play-state:paused}
.equalizer i:nth-child(2){animation-duration:.45s;height:12px}
.equalizer i:nth-child(3){animation-duration:.76s;height:18px}
.equalizer i:nth-child(4){animation-duration:.52s;height:10px}
.equalizer i:nth-child(5){animation-duration:.62s;height:20px}
.equalizer i:nth-child(6){animation-duration:.41s;height:8px}
body.menu-music-playing .equalizer i{animation-play-state:running}
@keyframes eqPulse{from{transform:scaleY(.3);opacity:.55}to{transform:scaleY(1.15);opacity:1}}