*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;color:#d8e4f0}canvas{display:block}:root{--ui-bg: rgba(8, 16, 28, .78);--ui-bg-solid: #0b1626;--ui-border: rgba(120, 180, 240, .22);--ui-border-hi: rgba(120, 180, 240, .45);--ui-text: #e2ecf5;--ui-dim: #7e95ac;--ui-faint: #5a6d84;--ui-accent: #5cc0ff;--ui-accent-dim: rgba(92, 192, 255, .45);--ui-accent-glow: rgba(92, 192, 255, .22);--ui-font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--ui-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(180deg,#e4ecf6,#b6c3d3);color:#121827;font:600 10px/1 var(--ui-font-mono);text-transform:uppercase;letter-spacing:.02em;border-radius:3px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000001f,0 1px 2px #0006;vertical-align:0}#title-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background:radial-gradient(ellipse 85% 65% at 50% 45%,#0c142cb3,#030612f5 55%,#000006);opacity:1;transition:opacity .85s ease;pointer-events:auto;user-select:none;overflow:hidden}#title-screen.fading{opacity:0;pointer-events:none}.title-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;transform:translateY(-3%)}.title-name{margin:0;font-family:Fraunces,Georgia,serif;font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 430;font-size:clamp(72px,12vw,148px);letter-spacing:-.01em;line-height:1;color:#f4ebd8;font-style:italic;text-shadow:0 0 28px rgba(255,210,158,.18),0 2px 0 rgba(0,0,0,.35)}.title-tagline{margin:42px 0 0;font-family:var(--ui-font);font-size:14px;color:#e6e6d28c;letter-spacing:.2em;text-transform:lowercase}.title-prompt{position:absolute;bottom:8vh;left:50%;transform:translate(-50%);margin:0;font-family:var(--ui-font-mono);font-size:10.5px;color:#e6e6d266;letter-spacing:.38em;text-transform:uppercase;animation:title-prompt-pulse 2.6s ease-in-out infinite;white-space:nowrap}@keyframes title-prompt-pulse{0%,to{opacity:.38}50%{opacity:.95}}.title-credit{position:absolute;bottom:18px;right:22px;margin:0;font-family:var(--ui-font-mono);font-size:10px;color:#e6e6d247;letter-spacing:.18em;text-transform:lowercase}.title-credit a{color:#e6e6d28c;text-decoration:none;pointer-events:auto;border-bottom:1px solid rgba(230,230,210,.18);transition:color .2s ease,border-color .2s ease}.title-credit a:hover{color:#ffebc8e6;border-color:#ffebc88c}#cutscene-fade{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:120;background:#020208;color:#f4ebd8;opacity:0;pointer-events:none;transition:opacity 2s ease}#cutscene-fade.visible{opacity:1;pointer-events:auto}.cutscene-title{font-family:Fraunces,Georgia,serif;font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 380;font-size:clamp(72px,11vw,128px);font-style:italic;letter-spacing:.01em;opacity:0;transform:translateY(6px);transition:opacity 1.4s ease 1.2s,transform 1.4s ease 1.2s}.cutscene-sub{margin-top:30px;font-family:var(--ui-font-mono);font-size:11px;color:#e6e6d273;letter-spacing:.4em;text-transform:uppercase;opacity:0;transition:opacity 1.2s ease 2.4s}#cutscene-fade.visible .cutscene-title{opacity:1;transform:translateY(0)}#cutscene-fade.visible .cutscene-sub{opacity:1}#hint{position:fixed;top:14px;left:14px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:4px;font:11px/1.4 var(--ui-font-mono);color:var(--ui-dim);letter-spacing:.04em;pointer-events:none;user-select:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000059}#hint span{display:inline-flex;align-items:center;gap:6px}#hint.hidden{opacity:0;transform:translateY(-4px);pointer-events:none}#hint{transition:opacity .35s ease,transform .35s ease}.dialog{position:fixed;bottom:7%;left:50%;transform:translate(-50%) translateY(0);width:min(760px,82vw);pointer-events:none;z-index:20;transition:opacity .22s ease,transform .22s ease}.dialog.hidden{opacity:0;transform:translate(-50%) translateY(8px)}.dialog-box{position:relative;background:linear-gradient(180deg,#0c1828eb,#060e18f2);border:1px solid var(--ui-border);padding:26px 30px 18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0a}.dialog-box:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 10%,var(--ui-accent-dim) 50%,transparent 90%)}.dialog-corner{position:absolute;width:14px;height:14px;border:0 solid var(--ui-accent);pointer-events:none;opacity:.75}.dialog-corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.dialog-corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.dialog-corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.dialog-corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.dialog-speaker{position:absolute;top:-1px;left:22px;transform:translateY(-50%);padding:4px 10px;background:var(--ui-bg-solid);border:1px solid var(--ui-border-hi);border-radius:2px;font:600 10px/1 var(--ui-font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ui-accent)}.dialog-text{font:15px/1.55 var(--ui-font);color:var(--ui-text);min-height:2em;word-wrap:break-word}.dialog-text-body{color:inherit}.dialog-cursor{display:inline-block;width:8px;height:1em;margin-left:3px;vertical-align:-.14em;background:var(--ui-accent);box-shadow:0 0 8px var(--ui-accent-glow);animation:dialog-blink .9s step-end infinite}@keyframes dialog-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.dialog-prompt{font:10px/1 var(--ui-font-mono);color:var(--ui-faint);text-align:right;letter-spacing:.15em;margin-top:14px;text-transform:uppercase;opacity:0;transition:opacity .18s ease}.dialog.is-ready .dialog-prompt{opacity:1}.prompt{position:fixed;bottom:12%;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:4px;padding:7px 14px 7px 8px;font:500 13px/1 var(--ui-font);color:var(--ui-text);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 22px #0006}.prompt.hidden{opacity:0;transform:translate(-50%) translateY(4px)}.prompt-key{min-width:22px;height:22px;font-size:11px;padding:0 7px}#right-stack{position:fixed;top:14px;right:14px;width:276px;display:flex;flex-direction:column;gap:10px;z-index:15;pointer-events:none}#right-stack>*{pointer-events:auto}#right-stack>:not(.hidden){animation:panel-in .22s ease}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.inventory-panel{width:100%;background:linear-gradient(180deg,#0c1828eb,#060e18f2);border:1px solid var(--ui-border);border-radius:4px;padding:14px 14px 10px;color:var(--ui-text);font:13px var(--ui-font);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 36px #00000080,inset 0 1px #ffffff0a;position:relative}.inventory-panel.hidden{display:none}.inventory-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 5%,var(--ui-accent-dim) 50%,transparent 95%)}.inventory-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;padding:0 2px}.inventory-title{font:600 11px/1 var(--ui-font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--ui-accent)}.inventory-count-label{font:500 10px/1 var(--ui-font-mono);color:var(--ui-faint);letter-spacing:.1em;text-transform:uppercase}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.inventory-slot{aspect-ratio:1;position:relative;display:grid;grid-template-rows:1fr 22px;align-items:center;padding:6px 4px 5px;background:#ffffff08;border:1px solid rgba(120,180,240,.15);border-radius:3px;box-shadow:inset 0 0 22px color-mix(in srgb,var(--cell-color, #0000) 20%,transparent);transition:transform .12s ease,border-color .12s ease}.inventory-slot:not(.empty):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cell-color) 55%,var(--ui-border))}.inventory-slot.empty{background:#ffffff03;border-color:#78b4f012;box-shadow:none}.inventory-slot.empty:after{content:"";position:absolute;inset:50% 40% auto;height:1px;background:#78b4f01f}.inventory-icon{place-self:center;font-size:22px;line-height:1;color:var(--cell-color);text-shadow:0 0 8px color-mix(in srgb,var(--cell-color) 70%,transparent),0 0 16px color-mix(in srgb,var(--cell-color) 40%,transparent)}.inventory-name{align-self:center;justify-self:stretch;font:600 8.5px/1.15 var(--ui-font-mono);text-align:center;color:var(--ui-dim);letter-spacing:.06em;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word}.inventory-count{position:absolute;top:3px;right:5px;padding:1px 4px;background:#060e18d9;border-radius:2px;font:600 9px/1 var(--ui-font-mono);color:var(--ui-text);letter-spacing:.02em;box-shadow:0 1px 2px #00000080}.inventory-footer{margin-top:12px;padding:6px 2px 0;border-top:1px solid rgba(120,180,240,.08);font:10px var(--ui-font-mono);color:var(--ui-faint);letter-spacing:.1em;display:flex;align-items:center;justify-content:flex-end;gap:6px}.communicator{width:100%;background:linear-gradient(180deg,#0c1828eb,#060e18f2);border:1px solid var(--ui-border);border-radius:4px;padding:12px 14px 10px;color:var(--ui-text);font:13px var(--ui-font);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 36px #0000008c,inset 0 1px #ffffff0a;position:relative}.communicator.hidden{display:none}.communicator:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 5%,var(--ui-accent-dim) 50%,transparent 95%)}.comms-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding:0 2px}.comms-title{font:600 11px/1 var(--ui-font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--ui-accent)}.comms-status{font:500 10px/1 var(--ui-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ui-faint);transition:color .2s ease}.communicator.is-broken .comms-status{color:#ff6b5a}.communicator.is-ready .comms-status{color:var(--ui-accent)}.communicator.is-online .comms-status{color:#7ce0a6}.comms-screen{position:relative;aspect-ratio:2.2 / 1;background:#050810;border:1px solid rgba(120,180,240,.22);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 24px #000000e6,inset 0 0 6px #5cc0ff14}.comms-static{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.55}.comms-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 18px/1 var(--ui-font-mono);letter-spacing:.28em;color:var(--ui-text);text-shadow:0 0 8px rgba(0,0,0,.9);pointer-events:none}.communicator.is-broken .comms-message{color:#ff6b5a;text-shadow:0 0 10px rgba(255,107,90,.4);animation:comms-blink 1.6s ease-in-out infinite}.communicator.is-ready .comms-message{color:var(--ui-accent);text-shadow:0 0 12px rgba(92,192,255,.5);font-size:15px;letter-spacing:.22em;line-height:1.3;text-align:center}.communicator.is-online .comms-message{color:#a4dfb9;font-weight:500;font-size:13px;letter-spacing:.18em;text-shadow:0 0 8px rgba(124,224,166,.25)}.comms-submessage{display:inline-block;margin-top:4px;font:500 9px/1 var(--ui-font-mono);letter-spacing:.24em;color:var(--ui-dim);text-transform:uppercase}@keyframes comms-blink{0%,to{opacity:.35}50%{opacity:.95}}.comms-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px);pointer-events:none;mix-blend-mode:multiply}.comms-footer{margin-top:10px;padding:6px 2px 0;border-top:1px solid rgba(120,180,240,.08);font:10px var(--ui-font-mono);color:var(--ui-faint);letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;gap:10px}.dev-menu{position:fixed;bottom:14px;left:14px;width:230px;background:#160a0eeb;border:1px solid rgba(240,100,100,.3);border-radius:4px;padding:10px 12px 8px;font:11px var(--ui-font-mono);color:#f2cccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 20px #0006;z-index:30;pointer-events:auto}.dev-menu.hidden{display:none}.dev-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(240,100,100,.18)}.dev-title{font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ff9a9a;font-size:10px}.dev-hint{display:inline-flex;align-items:center;gap:6px;color:#f0c8c88c;font-size:10px}.dev-section-title{font:500 9px var(--ui-font-mono);letter-spacing:.22em;text-transform:uppercase;color:#f08c8c8c;margin:4px 0 6px;padding-top:4px;border-top:1px dashed rgba(240,100,100,.2)}.dev-section-title:first-of-type{border-top:none;padding-top:0}.dev-list,.dev-actions{display:flex;flex-direction:column;gap:4px}.dev-action-btn{background:#162030cc;border-color:#78b4f038;color:#cfe2f6}.dev-action-btn:hover{background:#203048f2;border-color:#8cc8ff8c;color:#e8f3ff}.dev-btn{background:#281216b3;border:1px solid rgba(240,100,100,.18);border-radius:3px;padding:6px 10px;color:#f2cccc;font:500 11px var(--ui-font-mono);letter-spacing:.04em;text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease,transform .08s ease}.dev-btn:hover{background:#3c191ee6;border-color:#ff787880;color:#ffe4e4}.dev-btn:active{transform:translateY(1px)}.comms-action:empty{display:none}.comms-action{color:var(--ui-accent);display:inline-flex;align-items:center;gap:6px}