:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;--ink:#101c28;--paper:#f5edda;--gold:#e9bd62;--cyan:#72d5d0;--red:#e56d61;--panel:rgba(15,29,40,.88);--line:rgba(233,189,98,.3);background:#182838;color:var(--paper)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#182838;user-select:none;-webkit-user-select:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 35%,#60869a,#182838 55%,#0a1520)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s}.hud[data-visible=true]{opacity:1}.topbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:.66rem;letter-spacing:.18em;text-shadow:0 2px 8px #000}.brand b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--gold);color:var(--gold);transform:rotate(45deg)}#objective{margin:0;padding:9px 14px;border:1px solid var(--line);background:#09131cb8;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.buttons{display:flex;gap:7px;pointer-events:auto}.buttons button,.secondary,.primary{border:1px solid rgba(245,237,218,.18);background:#0b1923d6;padding:9px 12px;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.card{position:absolute;border:1px solid var(--line);background:linear-gradient(135deg,#112531e6,#08141dc2);box-shadow:0 12px 28px #0000003d;backdrop-filter:blur(7px)}.status{left:max(20px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:230px;padding:14px}.status div:first-child{display:flex;justify-content:space-between;font-size:.65rem;text-transform:uppercase;letter-spacing:.13em}.meter{height:6px;margin:7px 0 11px;background:#ffffff1a}.meter i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--red),#f5ae69);transition:transform .2s}.status>div:nth-of-type(2){display:flex;justify-content:space-between}.status p{margin:5px 0 0;color:var(--gold);font-size:.69rem;letter-spacing:.08em}.compass{top:82px;left:20px;width:104px;padding:12px;text-align:center}.compass span{display:block;color:var(--gold);font:1.6rem Georgia,serif}.compass b,.compass small{display:block;font-size:.61rem;letter-spacing:.1em}.compass small{margin-top:5px;color:#a8bbc3}.controls{right:20px;bottom:24px;display:flex;gap:14px;padding:10px 13px;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em}.interaction{position:absolute;left:50%;top:76px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 15px;background:var(--paper);color:var(--ink);font-weight:700;opacity:0;transition:opacity .18s}.interaction[data-visible=true]{opacity:1}.toast{position:absolute;left:50%;top:20%;transform:translate(-50%);max-width:min(520px,90vw);padding:11px 18px;border:1px solid var(--line);background:var(--panel);opacity:0;transition:opacity .2s;text-align:center}.toast[data-visible=true]{opacity:1}.overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:22px;background:#050d1494;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s}.overlay[data-visible=true]{opacity:1;pointer-events:auto}.panel{width:min(560px,100%);padding:clamp(25px,5vw,48px);border:1px solid var(--line);background:linear-gradient(145deg,#162d3af7,#09141df7);box-shadow:0 28px 80px #00000073;text-align:center}.kicker{margin:0 0 12px;color:var(--cyan);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.panel h1,.panel h2{margin:0 0 18px;font-family:Georgia,serif;font-weight:500;letter-spacing:.04em}.panel h1{font-size:clamp(3rem,10vw,5.8rem);line-height:.85}.panel h1 span{color:var(--gold)}.panel h2{font-size:clamp(2rem,6vw,3.4rem)}.panel p:not(.kicker){color:#c5d0d4;line-height:1.7}.primary,.secondary{min-width:190px;margin:8px 5px 0;padding:13px 18px}.primary{border-color:var(--gold);background:var(--gold);color:#172530;font-weight:800}.secondary:hover,.buttons button:hover{border-color:var(--cyan)}.panel small{display:block;margin-top:20px;color:#83969e}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center}.dialogue{text-align:left}.dialogue h2,.dialogue .kicker{text-align:center}.dialogue .menu-actions{justify-content:flex-start}.settings-panel label{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.settings-panel input{accent-color:var(--gold);width:20px;height:20px}.touch-controls{display:none;position:absolute;inset:auto 14px max(14px,env(safe-area-inset-bottom));justify-content:space-between;align-items:end;pointer-events:none}.touch-controls button{pointer-events:auto;width:50px;height:44px;border:1px solid var(--line);background:#0c1c26c2;border-radius:8px}.direction{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,42px);gap:4px}.direction button:first-child{grid-column:1}.direction button:nth-child(2){grid-column:2}.actions{display:flex;gap:5px;align-items:end}.actions button{width:52px;font-size:.58rem}@media(max-width:760px){.topbar{align-items:flex-start}.brand span,.controls{display:none}#objective{position:absolute;top:44px;left:0;text-align:left}.status{left:12px;bottom:130px;width:190px}.compass{top:78px;left:12px}.touch-controls{display:flex}}@media(max-height:620px){.panel{padding:20px}.panel h1{font-size:3rem}.panel p:not(.kicker){margin:8px 0}.panel small{margin-top:10px}.status{bottom:14px}.compass{top:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:760px){#objective{top:48px;left:0;right:0;max-width:calc(100vw - 124px);text-align:left}.compass{top:98px}.interaction{top:186px}}.status div:first-child strong{color:var(--paper);font-size:1rem;font-variant-numeric:tabular-nums}.status[data-state=warning]{border-color:#e9bd629e}.status[data-state=warning] .meter i{background:linear-gradient(90deg,var(--gold),var(--red))}.status[data-state=critical]{border-color:var(--red);box-shadow:0 0 24px #e56d6133}.status[data-state=critical] .meter i{background:var(--red);box-shadow:0 0 12px #e56d618c}.status[data-state=critical] div:first-child strong{color:var(--red)}#victory-screen .panel{border-top:2px solid var(--gold)}#victory-screen .panel h2{max-width:460px;margin-inline:auto;color:var(--paper)}#victory-screen .primary{width:100%;margin-top:24px}.status #outfit-state{color:var(--cyan);font-size:.61rem}.outfitting{margin:22px 0 8px;padding:16px;border:1px solid rgba(114,213,208,.32);background:#0511196b}.outfitting h3{margin:0 0 4px;color:var(--cyan);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.outfitting p{margin:0;font-size:.7rem;line-height:1.5}.outfit-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.outfit-option{display:grid;gap:4px;min-height:74px;padding:11px;text-align:left;border:1px solid rgba(245,237,218,.2);background:#091821db}.outfit-option strong{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.outfit-option span{color:#9fb2ba;font-size:.62rem;line-height:1.4}.outfit-option[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9bd6247}.outfit-option[aria-pressed=true] strong{color:var(--gold)}@media(max-width:760px){.topbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;align-items:center}#objective{top:45px;left:0;right:118px;max-width:none;padding:7px 9px;font-size:.61rem}.buttons{gap:4px}.buttons button{padding:8px 9px}.compass{top:98px;left:12px}.status{left:12px;bottom:142px;width:196px;padding:10px 12px}.interaction{top:186px;max-width:calc(100vw - 24px)}.touch-controls{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.touch-controls button{width:46px;height:48px}.direction{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}.actions{gap:4px}.actions button{width:46px}.panel{padding:25px 20px}.primary,.secondary{min-width:0}.outfitting{margin:14px 0 4px;padding:12px}.outfit-options{grid-template-columns:1fr}.outfit-option{min-height:58px}#settlement-screen .dialogue{max-height:calc(100dvh - 28px);overflow-y:auto}}.route-panel{top:154px;right:20px;width:190px;padding:10px 12px}.route-panel p{margin:0 0 7px;color:var(--cyan);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}.route-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid rgba(245,237,218,.12)}.route-item strong{overflow:hidden;color:var(--paper);font-size:.61rem;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.route-item span{color:#a8bbc3;font-size:.54rem;letter-spacing:.08em;white-space:nowrap}.route-item.is-next{border-left:2px solid var(--gold);padding-left:7px;margin-left:-2px}.route-item.is-next strong{color:var(--gold)}@media(max-width:760px){.route-panel{top:285px;left:12px;right:auto;width:184px;padding:8px 10px}.route-panel p{margin-bottom:4px;font-size:.52rem}.route-item{padding:4px 0}.route-item strong{font-size:.54rem}.route-item span{font-size:.49rem}}