:root{color-scheme:dark;--ivory:#e4e4d8;--muted:#9da6a0;--green:#b8cb76;--panel:rgba(10,15,14,.91)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090c0c;color:var(--ivory);font-family:Inter,Segoe UI,Arial,sans-serif;user-select:none}#game{display:block;width:100%;height:100%;outline:0;cursor:crosshair}#vignette,#grain{position:fixed;inset:0;pointer-events:none}#vignette{background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.28) 80%,rgba(0,0,0,.72) 145%);z-index:2}#grain{z-index:3;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.screen,.panel{position:fixed;z-index:5;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,rgba(3,7,7,.82),rgba(3,7,7,.35) 60%,rgba(3,7,7,.12)),radial-gradient(ellipse at 78% 48%,rgba(70,83,73,.17),transparent 43%)}.menuCard{width:min(520px,88vw);margin-left:min(40vw,480px);padding:24px 30px 28px;background:linear-gradient(145deg,rgba(7,12,12,.82),rgba(7,12,12,.18));border-left:1px solid rgba(203,215,183,.34);backdrop-filter:blur(5px)}.eyebrow{font:500 10px 'DM Mono',Consolas,monospace;letter-spacing:.17em;text-transform:uppercase;color:#a5b793}h1{font-size:clamp(48px,7vw,79px);line-height:.94;letter-spacing:-.065em;margin:32px 0 18px;font-weight:600;text-shadow:0 3px 25px #000}h1 span{color:#d2d5c3}.lead{font-size:15px;color:#b3bbb3;letter-spacing:.04em;margin-bottom:34px}.menuButtons{display:grid;gap:9px;width:min(330px,100%)}button{appearance:none;border:1px solid rgba(197,212,196,.2);background:rgba(12,20,18,.68);color:#d8ded1;padding:13px 17px;text-align:left;font:500 13px Inter,Arial,sans-serif;letter-spacing:.025em;cursor:pointer;transition:background .16s,border .16s,transform .16s}button:hover{background:rgba(108,128,97,.27);border-color:rgba(202,220,183,.55);transform:translateX(2px)}button.primary{background:#d2dbc3;color:#162018;border-color:#d2dbc3;font-weight:700}button.primary:hover{background:#e5ecd9}.menuHint{margin-top:32px;color:#7d8a7d;font:10px 'DM Mono',monospace;letter-spacing:.1em}.hidden{display:none!important}.panel{background:rgba(3,7,7,.78);backdrop-filter:blur(7px)}.panelCard{position:relative;width:min(430px,90vw);max-height:90vh;overflow:auto;padding:36px;background:var(--panel);border:1px solid rgba(194,208,189,.18);box-shadow:0 20px 100px #0009}.panelCard h2{font-weight:500;font-size:29px;letter-spacing:-.04em;margin:8px 0 23px}.panelCard p{color:#bec5ba;line-height:1.65;font-size:14px}.panelCard .dim{font-size:11px;color:#7e8980}.panelCard>button:not(.closeButton){width:100%;margin:5px 0}.closeButton{position:absolute;right:18px;top:14px;border:0;background:none;font-size:27px;padding:2px 8px;color:#aeb7ae}.panelCard label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cbd1c5;font-size:12px;margin:15px 0}.panelCard input[type=range]{width:48%;accent-color:#b8cb76}.panelCard select{background:#17201c;border:1px solid #52604f;color:#e3e8dc;padding:7px}.panelCard label.check{justify-content:flex-start}.panelCard input[type=checkbox]{accent-color:#b8cb76}.panelCard #settingsDone{margin-top:20px}.hud{position:fixed;z-index:4;inset:0;pointer-events:none;padding:34px 40px;display:flex;justify-content:space-between;align-items:flex-start;text-shadow:0 2px 12px #000}.objective{display:flex;flex-direction:column;gap:8px;max-width:min(430px,45vw)}.objective #objectiveText{font-size:14px;color:#e2e3d8}.resources{width:135px;display:grid;gap:13px;font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#abb5aa}.resources i{display:block;height:3px;background:#75807166;margin-top:6px}.resources b{display:block;height:100%;width:100%;background:#d0d6c0;transition:width .2s}.crosshair{position:fixed;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);font-size:31px;color:#e2e6d8a3;text-shadow:0 0 8px #000}.prompt{position:fixed;z-index:4;left:50%;top:59%;transform:translateX(-50%);padding:8px 14px;background:rgba(8,12,11,.74);border:1px solid rgba(207,220,197,.16);color:#e0e5d8;font-size:12px;letter-spacing:.03em;white-space:nowrap}.subtitle{position:fixed;z-index:4;bottom:10%;left:50%;transform:translateX(-50%);max-width:min(720px,86vw);padding:11px 19px;background:rgba(3,7,6,.76);color:#e4e6db;text-align:center;font-size:14px;letter-spacing:.025em;text-shadow:0 2px 7px #000;line-height:1.5}.message{position:fixed;z-index:4;left:50%;top:21%;transform:translateX(-50%);padding:10px 16px;color:#e6e8dc;background:rgba(5,9,8,.66);font:11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;text-align:center;max-width:85vw}.chapter{position:fixed;z-index:4;left:50%;top:43%;transform:translate(-50%,-50%);text-align:center;color:#dfe2d4;font:11px 'DM Mono',monospace;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 15px #000;animation:fadeChapter 3.5s forwards}@keyframes fadeChapter{0%,100%{opacity:0}15%,72%{opacity:.9}}body.reduce-effects #grain{opacity:.012}body.reduce-effects #vignette{background:radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.2) 90%)}
.mobileUI{display:none;pointer-events:none}.joystickPad{position:fixed;pointer-events:auto;touch-action:none;left:5vw;bottom:8vh;width:140px;height:140px;display:grid;place-items:center;color:#e7e8dc88;font:9px 'DM Mono',Consolas,monospace;letter-spacing:.15em}.stickRing{width:112px;height:112px;border:1px solid #d3ddca55;border-radius:50%;background:#09100d55;display:grid;place-items:center;box-shadow:0 0 25px #0004}.stickRing:before{content:'';position:absolute;width:65px;height:65px;border:1px solid #d3ddca33;border-radius:50%}#joystickKnob{width:48px;height:48px;border-radius:50%;background:#d9e0d077;border:1px solid #e8ebdf88;box-shadow:0 2px 10px #0007;transform:translate(0,0)}.joystickPad>span{position:absolute;bottom:-14px}.mobileActions{position:fixed;right:5vw;bottom:7vh;width:158px;height:183px;pointer-events:none}.mobileActions button,.mobilePause{position:absolute;pointer-events:auto;touch-action:none;display:grid;place-items:center;text-align:center;border-radius:50%;width:62px;height:62px;padding:0;background:#0b120fb3;border:1px solid #d4dec766;color:#eff0e5;font:9px 'DM Mono',Consolas,monospace;letter-spacing:.02em;backdrop-filter:blur(4px);box-shadow:0 3px 16px #0005}.mobileActions button:active,.mobileActions button.active{background:#aab98b9c;color:#101510}.mobileActions #mobileRun{left:0;top:0}.mobileActions #mobileCrouch{right:0;top:0}.mobileActions #mobileLight{left:0;bottom:0}.mobileActions #mobileInteract{right:0;bottom:0;width:70px;height:70px;background:#c6d1bbd9;color:#182019;border-color:#e3eadc}.mobilePause{z-index:5;right:5vw;top:4vh;width:40px;height:40px;font-size:12px;background:#080c0bcc}
@media (pointer:coarse),(max-width:850px){.mobileUI:not(.hidden){display:block}.menuCard{margin-left:0;width:min(520px,92vw);padding:22px}.menuHint{font-size:8px}.hud{padding:20px 17px}.resources{width:105px}.objective{max-width:55vw}.objective #objectiveText{font-size:12px}.crosshair{top:47%}.prompt{top:53%;font-size:11px}.subtitle{bottom:25%;font-size:12px}.mobileActions{right:4vw;bottom:8vh;transform:scale(.92);transform-origin:bottom right}.joystickPad{left:3vw;bottom:9vh;transform:scale(.9);transform-origin:bottom left}.panelCard{padding:28px 22px}.message{top:14%;font-size:9px}}
@media (max-width:420px){.mobileActions{transform:scale(.8)}.joystickPad{transform:scale(.8)}.resources{width:88px}.objective .eyebrow{font-size:8px}.objective #objectiveText{font-size:11px}}
#game{touch-action:none}.mobileUI{position:fixed;inset:0;z-index:6}
.pcControls{position:fixed;z-index:6;left:34px;bottom:34px;width:194px;padding:14px 16px;background:rgba(8,13,12,.62);border-left:1px solid #a6b69566;backdrop-filter:blur(3px);pointer-events:none}.pcControls .eyebrow{margin-bottom:10px}.pcControls div:not(.eyebrow){height:22px;display:flex;align-items:center;gap:11px;color:#bfc6b9;font-size:10px;letter-spacing:.015em}.pcControls kbd{display:inline-grid;place-items:center;min-width:47px;height:17px;padding:0 4px;border:1px solid #d1d9c835;background:#cbd2c80d;color:#d7ded0;font:9px 'DM Mono',Consolas,monospace;letter-spacing:.05em}
@media (pointer:coarse),(max-width:850px){.pcControls{display:none}}
html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,button,select,input{font-family:Inter,'Aptos','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif}.screen .eyebrow{color:#b19a93}.screen h1{font-family:Impact,'Arial Narrow','Franklin Gothic Medium',Inter,sans-serif;font-weight:500;font-stretch:condensed;letter-spacing:.025em;line-height:.92;color:#d6d6ce;text-shadow:0 3px 30px #000,1px 0 #533335;animation:titleGlitch 8s steps(1,end) infinite}.screen h1 span{color:#a8b0b0;text-shadow:0 0 22px #90a8af22,1px 0 #772f37,-1px 0 #17272a}.screen .lead{font-size:16px;color:#c2c2b9;letter-spacing:.065em}.menuButtons button{font-size:14px;letter-spacing:.035em}.pcControls{width:214px}.pcControls div:not(.eyebrow){font-size:11px;height:24px}.objective #objectiveText{font-size:15px}.prompt{font-size:13px;padding:10px 16px}.subtitle{font-size:15px;line-height:1.65;max-width:min(760px,88vw)}.panelCard p{font-size:15px;line-height:1.72}.eyebrow{font-size:10px}.message{font-size:12px;letter-spacing:.09em}@keyframes titleGlitch{0%,92%,95%,98%,100%{transform:translateX(0);filter:none}93%{transform:translateX(-1px);filter:brightness(1.22)}94%{transform:translateX(1px);filter:brightness(.72)}}body.reduce-effects .screen h1{animation:none}
@media (max-width:850px){.objective #objectiveText{font-size:13px}.prompt{font-size:12px;padding:9px 12px}.subtitle{font-size:13px;line-height:1.55}.panelCard p{font-size:14px}}