:root{--near-black:#0b1012;--ink:#111b18;--asphalt:#283238;--steel:#53616a;--concrete:#87908b;--bone:#d8d6c4;--pda-dark:#4d6b37;--pda:#91b85f;--pda-light:#b7d77b;--amber:#c58a37;--danger:#b7433e;--focus:#4a78a8;--signal:#f1eedc}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--bone);background:radial-gradient(circle at 50% 30%,#293235 0,#111719 44%,#080b0c 100%);margin:0;font-family:Courier New,Lucida Console,monospace}button,input{font:inherit}button{color:inherit}.game-stage{place-items:center;min-height:100svh;padding:2.5vmin;display:grid}.cabinet{width:min(96vw,122.667svh,960px)}.cabinet-mark,.build-note{color:var(--concrete);letter-spacing:.13em;margin:0;font-size:clamp(8px,.9vw,11px)}.cabinet-mark{padding:0 0 7px 3px}.build-note{text-align:right;padding:7px 3px 0}.game-frame{aspect-ratio:4/3;background:var(--near-black);width:100%;image-rendering:pixelated;border:1.2cqi solid #1a2022;outline:.45cqi solid #596064;font-size:1.85cqi;line-height:1;position:relative;overflow:hidden;box-shadow:0 2cqi 5cqi #0000008c,inset 0 0 0 .3cqi #080b0c;container-type:inline-size}.boot-screen{color:var(--pda);place-items:center;font-size:2.5cqi;display:grid}.hud{height:6.67%;color:var(--signal);background:var(--ink);border-bottom:.3cqi solid var(--steel);white-space:nowrap;grid-template-columns:.72fr 1fr 1.35fr 1.35fr;align-items:center;gap:1cqi;padding:0 1.2cqi;display:grid}.hud span:nth-child(n+3){text-align:right}.scene-region{background:#151a1b;height:53.33%;position:relative;overflow:hidden}.district-scene,.district-scene canvas{image-rendering:pixelated;position:absolute;inset:0;width:100%!important;height:100%!important}.scene-label{color:var(--signal);border-left:.7cqi solid var(--amber);letter-spacing:.08em;text-shadow:.3cqi 0 var(--near-black);background:#0b1012c7;padding:.8cqi 1.1cqi;font-size:2.4cqi;font-weight:900;position:absolute;top:1.7cqi;left:1.8cqi}.scene-label small{color:var(--concrete);letter-spacing:.12em;margin-top:.7cqi;font-size:1.35cqi;display:block}.scene-daylight{pointer-events:none;background:linear-gradient(90deg,#c58a3721,#0000 42%),repeating-linear-gradient(0deg,#0000 0 .65cqi,#00000014 .65cqi .9cqi);position:absolute;inset:0}.device-seam{background:#151b1d;border-block:.35cqi solid #555d60;grid-template-columns:1fr 4cqi 1fr;align-items:center;gap:2cqi;height:3.33%;display:grid}.device-seam span{background:#090d0e;height:.35cqi}.device-seam i{background:#090d0e;border:.3cqi solid #626a6d;height:1.6cqi}.pda{background:var(--pda);color:#10160d;height:36.67%;position:relative;overflow:hidden;box-shadow:inset 0 0 1.4cqi #16280fa6}.pda:after{content:"";z-index:5;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,#0000 0 .5cqi,#203118 .5cqi .65cqi);position:absolute;inset:0}.pda-nav{z-index:6;border-bottom:.3cqi solid var(--pda-dark);grid-template-columns:1.35fr .72fr .75fr .85fr .52fr;height:17%;display:grid;position:relative}.pda-nav button,.pda button{border:0;border-right:.25cqi solid var(--pda-dark);cursor:pointer;background:0 0;font-weight:900}.pda button:hover:not(:disabled),.pda button:focus-visible,.pda-nav button.active,.pda .selected{color:var(--pda-light);background:var(--ink);outline:none}.pda button:disabled{cursor:not-allowed;opacity:.38}.pda-screen{z-index:4;height:67%;position:relative;overflow:hidden}.message-line{z-index:6;border-top:.3cqi solid var(--pda-dark);background:var(--pda-light);grid-template-columns:1fr auto;align-items:center;height:16%;font-size:1.45cqi;font-weight:900;display:grid;position:relative}.message-line span{white-space:nowrap;text-overflow:ellipsis;padding:0 1cqi;overflow:hidden}.message-line button{background:var(--pda-dark);align-self:stretch;padding-inline:1.2cqi}.market-screen{grid-template-rows:13% 60% 27%;height:100%;display:grid}.market-grid{grid-template-columns:1.45fr 1.02fr .95fr .9fr .45fr;align-items:center;gap:.5cqi;padding-inline:.8cqi;display:grid}.market-head{color:var(--pda-light);background:var(--pda-dark);font-size:1.25cqi;font-weight:900}.market-head span:not(:first-child),.market-row>span:not(:first-child){text-align:right}.market-rows{overflow:hidden}.market-row{text-align:left;width:100%;height:16.666%;font-size:1.42cqi;border-bottom:.15cqi solid #1b301259!important}.market-row>span{white-space:nowrap;min-width:0;overflow:hidden}.market-row>span:nth-child(3){justify-content:flex-end;align-items:center;gap:.3cqi;display:flex}.sparkline{vertical-align:middle;width:5.7cqi;height:2.1cqi;display:inline-block}.up{color:#254f1f}.down{color:#77231f}.flat{color:#35442f}.trade-controls{border-top:.25cqi solid var(--pda-dark);background:var(--pda-light);grid-template-columns:1.4fr .42fr .5fr .42fr .7fr .62fr .7fr .62fr;align-items:stretch;display:grid}.trade-controls strong,.trade-controls output{place-items:center;font-size:1.3cqi;display:grid}.trade-controls button{padding:0;font-size:1.25cqi}.map-screen{grid-template-columns:1.2fr 1fr;height:100%;padding:1.2cqi;display:grid;position:relative}.gps-mark{z-index:2;color:var(--pda-light);background:var(--pda-dark);padding:.45cqi .65cqi;font-size:1.4cqi;position:absolute;top:.8cqi;left:1cqi}.map-route{border:.25cqi solid var(--pda-dark);background:linear-gradient(32deg,#0000 46%,#3c592d 47% 52%,#0000 53%),linear-gradient(-48deg,#0000 46%,#5f8243 47% 52%,#0000 53%);margin:1cqi 1.5cqi .5cqi 0;position:relative}.map-route:before,.map-route:after{content:"";background:var(--ink);border-radius:50%;width:1.7cqi;height:1.7cqi;position:absolute}.map-route:before{bottom:18%;left:18%}.map-route:after{background:var(--danger);top:16%;right:18%}.route{border-top:.5cqi dotted var(--ink);opacity:.3;position:absolute;top:50%;left:22%;right:22%;transform:rotate(-22deg)}.route.active{opacity:1;animation:.6s steps(3,end) infinite route-dash}@keyframes route-dash{to{transform:rotate(-22deg)translate(1.5cqi)}}.here{font-size:1.2cqi;font-weight:900;position:absolute;bottom:5%;left:7%}.destinations{grid-template-columns:1fr 1fr;gap:.4cqi;display:grid}.destinations button{text-align:left;padding:.4cqi;font-size:1.3cqi}.confirm-route{width:31%;height:3.5cqi;position:absolute;bottom:1.2cqi;right:1.2cqi;background:var(--pda-dark)!important}.service-screen{grid-template-rows:62% 38%;grid-template-columns:1.2fr .8fr;gap:0;height:100%;padding:1.2cqi 1.5cqi;display:grid}.service-screen>div:first-child{flex-direction:column;gap:.8cqi;display:flex}.service-screen strong{letter-spacing:-.1em;font-size:4.2cqi}.service-screen small{font-size:1.15cqi}.service-screen label{align-content:center;gap:.7cqi;font-weight:900;display:grid}.service-screen input{border:.3cqi solid var(--pda-dark);width:100%;min-width:0;color:var(--ink);background:var(--pda-light);border-radius:0;outline:0;padding:.7cqi}.service-actions{border-top:.25cqi solid var(--pda-dark);grid-column:1/-1;justify-content:flex-end;align-items:stretch;display:flex}.service-actions button{min-width:20%;padding-inline:1.2cqi}.inventory-screen{grid-template-columns:.85fr 1.15fr;height:100%;display:grid}.inventory-stats{border-right:.3cqi solid var(--pda-dark);grid-template-columns:1fr 1fr;gap:.5cqi;padding:1.4cqi;display:grid}.inventory-stats span{flex-direction:column;gap:.6cqi;font-size:1.25cqi;display:flex}.inventory-stats b{font-size:2.2cqi}.inventory-list{padding:.8cqi 1.2cqi;overflow:auto}.inventory-list p{border-bottom:.2cqi solid var(--pda-dark);justify-content:space-between;margin:0;padding:.65cqi 0;font-size:1.3cqi;font-weight:900;display:flex}.inventory-list span{color:#354b29}.end-overlay{z-index:20;color:var(--pda-light);text-align:center;background:#0b1012f0;place-content:center;justify-items:center;gap:2cqi;font-size:2.6cqi;display:grid;position:absolute;inset:0}.end-overlay strong{color:var(--amber);font-size:4.2cqi}.end-overlay button{border:.3cqi solid var(--pda-light);color:var(--ink);background:var(--pda);cursor:pointer;padding:1.2cqi 2cqi;font-weight:900}@media (max-aspect-ratio:3/4){.game-stage{padding:1vmin}.cabinet{width:98vw}}@media (prefers-reduced-motion:reduce){.route.active{animation:none}}