:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7f4f5;background:#142432;font-synthesis:none;--panel: #102835f2;--line: #7ca6b333;--muted: #a3bdc7;--accent: #62e3bd}.legacy-header,.legacy-footer{display:none}.minimal-hud{position:fixed;z-index:7;top:max(12px,env(safe-area-inset-top));right:14px;display:flex;gap:12px;align-items:center;background:#102835c9;border:1px solid #87b4b444;border-radius:12px;padding:6px 8px}.minimal-hud small{font-size:11px;color:#b5d4db}.tablet-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#07131ca8;padding:4vh 5vw}.tablet-frame{width:min(1160px,100%);height:92dvh;max-height:900px;background:#102433;color:#e6f1f5;border:9px solid #25343d;border-radius:24px;box-shadow:0 24px 100px #000a;display:flex;flex-direction:column;overflow:hidden}.tablet-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0a1723;flex-shrink:0}.tablet-top small{display:block;font-size:9px;letter-spacing:2px;color:#6cdabb;margin-top:4px}.tablet-nav{display:flex;gap:5px;padding:8px 12px;background:#173441;overflow-x:auto;flex-shrink:0}.tablet-nav button{white-space:nowrap;font-size:12px;min-height:44px}.tablet-nav [aria-current]{background:#2b6659;border-color:#70d8b7}.tablet-content{padding:20px;overflow:auto;flex:1;min-height:0;scroll-padding:16px}.tablet-bottom{padding:6px 15px;color:#91aebc;font-size:10px;background:#0a1723}.tablet-frame aside,.tablet-frame .ticket{position:static;width:100%;max-width:none;max-height:none;padding:0;border:0;box-shadow:none;background:none;overflow:visible}.tablet-frame .modal-backdrop{position:static;display:block;padding:0;background:none}.tablet-frame .progress-panel,.tablet-frame .virtual-computer,.tablet-frame .equipment-panel{width:100%;max-height:none;overflow:visible;border:0;padding:0;background:none;box-shadow:none}.tablet-frame .game-menu{max-width:none}.tablet-frame h2{font-size:24px}.case-desk{max-width:850px}.case-desk p,.case-notes li{font-size:14px;line-height:1.7;color:#bfd3dd}.case-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.case-actions button{min-height:48px}.case-feedback{border-left:3px solid #64d9bb;padding:10px 14px;background:#173e40}@media(pointer:coarse){.minimal-hud small{max-width:110px;font-size:9px}.tablet-backdrop{padding:0}.tablet-frame{width:100%;height:100dvh;max-height:none;border-width:5px;border-radius:14px}.tablet-content{padding:14px}.tablet-top{padding:8px 12px}.tablet-nav{padding:6px}.tablet-frame .ticket{max-height:none;width:100%}.tablet-frame h2{font-size:20px}}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;outline:none;touch-action:none}button{font:inherit;cursor:pointer;color:inherit;background:#254451;border:1px solid #688d9e;border-radius:8px;padding:10px 14px;min-height:40px;transition:background .15s}button:hover{background:#34606d}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header,aside,footer,.ticket{position:fixed;z-index:4;border:1px solid var(--line);background:var(--panel);box-shadow:0 6px 22px #06151d24;border-radius:14px}header{top:22px;left:22px;padding:17px 22px}header b{font-size:20px;letter-spacing:3px}header b span{color:var(--accent)}header small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:8px}aside{right:22px;top:22px;padding:14px 18px;font-size:12px;min-width:185px}aside span{display:block;color:var(--muted);margin:8px 0 12px}.connection{font-weight:600}aside i{display:inline-block;width:7px;height:7px;background:#f2bd77;border-radius:50%;margin-right:6px}aside[data-online=true] i{background:var(--accent);box-shadow:0 0 8px #62e3bd77}aside button{padding:6px 10px;min-height:32px;font-size:11px}.ticket{top:125px;left:22px;padding:20px;width:300px;max-height:calc(100dvh - 235px);overflow:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}.ticket h2{font-size:18px;line-height:1.3;margin:10px 0 14px}.ticket-progress{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--progress),#48616c var(--progress));margin-bottom:12px}.ticket .next-step{font-size:13px;color:#e7f4f5;line-height:1.5;min-height:35px}.ticket p{color:var(--muted);font-size:12px;line-height:1.6}.ticket summary{font-size:12px;color:var(--muted);cursor:pointer;padding:8px 0}.ticket ol{padding-left:20px;font-size:12px;line-height:1.65;color:#8aa5b2}.ticket li{padding:3px 0}.ticket .done{color:var(--accent)}.ticket .current{font-weight:700;color:#fff}.ticket small{color:var(--muted);font-size:11px}.ticket strong{display:block;margin-top:12px;color:var(--accent);font-size:13px}footer{bottom:22px;left:22px;padding:12px 18px;pointer-events:none;color:var(--muted);font-size:12px}.crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff9;text-shadow:0 1px 3px #16303c}.interaction-hint,.action-message{position:fixed;z-index:5;left:50%;bottom:130px;transform:translate(-50%);background:var(--panel);padding:12px 18px;border-radius:10px;font-size:13px;text-align:center;pointer-events:none;border:1px solid var(--line);max-width:min(90vw,500px)}.action-message{bottom:75px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#03121b9c;display:grid;place-items:center;padding:18px}.equipment-panel{width:min(100%,640px);max-height:90dvh;overflow:auto;background:#102835;border:1px solid #688d9e;border-radius:18px;padding:28px;box-shadow:0 24px 80px #0005}.equipment-panel h2{font-size:23px;margin:12px 0}.equipment-panel>p{font-size:13px;color:var(--muted)}.ports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.ports button{min-height:76px;padding:12px 4px;background:#193b47;font-size:13px}.ports button:before{content:"";display:block;margin:0 auto 8px;width:22px;height:12px;border:2px solid currentColor;border-radius:2px}.ports small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.ports .online{border-color:#62e3bd88;color:var(--accent)}.ports .offline{background:#493531;border-color:#ffad80;color:#ffd2a8}.notification{line-height:1.5;border-left:3px solid currentColor;padding:12px 14px;border-radius:6px}.notification.success{color:#a0f2ce;background:#174537}.notification.error{color:#ffcfb8;background:#493126}.equipment-panel .notification{color:inherit;min-height:44px}.equipment-panel .success{color:#a0f2ce}.equipment-panel .error{color:#ffcfb8}.mobile-controls{display:none}@media(pointer:coarse){header,aside,.ticket{border-radius:11px}header{left:10px;top:max(10px,env(safe-area-inset-top));padding:12px;max-width:50vw}header b{font-size:14px;letter-spacing:1px}header small{font-size:8px;letter-spacing:1px}aside{right:10px;top:max(10px,env(safe-area-inset-top));min-width:0;max-width:44vw;padding:10px;font-size:10px}aside span{margin:5px 0}aside button{font-size:10px;min-height:30px}.ticket{top:118px;left:10px;width:44vw;max-height:calc(100dvh - 310px);padding:12px}.ticket h2{font-size:14px;margin:8px 0}.eyebrow{font-size:8px;letter-spacing:1px}.ticket .next-step{font-size:11px;min-height:0;margin:8px 0}.ticket p,.ticket ol{font-size:11px}.ticket summary{font-size:11px}.ticket-progress{margin-bottom:8px}.ticket strong{font-size:11px}.mobile-controls{display:block;position:fixed;inset:0;pointer-events:none;z-index:3}.look-zone{position:absolute;right:0;top:0;width:48%;height:100%;pointer-events:auto;touch-action:none}.joystick{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:25px;width:120px;height:120px;border:1px solid #a7dbde77;border-radius:50%;background:#102835ad;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 0 12px #7cb4ba11}.joystick div{position:absolute;top:39px;left:39px;width:40px;height:40px;border-radius:50%;background:#62e3bd99;transform:translate(var(--stick-x, 0px),var(--stick-y, 0px));pointer-events:none}.touch-interact{position:absolute;right:25px;bottom:max(40px,env(safe-area-inset-bottom));pointer-events:auto;min-height:56px;min-width:105px;border-color:#62e3bd88}.touch-interact:disabled{opacity:.5}.interaction-hint{bottom:160px;width:max-content;max-width:90vw;font-size:11px}.action-message{bottom:160px;font-size:11px}footer{display:none}.equipment-panel{padding:18px;max-height:92dvh}.equipment-panel h2{font-size:19px}.ports{gap:7px;margin:16px 0}.ports button{min-height:70px;font-size:11px}.ports small{font-size:9px}.ticket>details:not(.journal)[open]~strong{display:none}}@media(pointer:coarse)and (max-height:500px){.ticket{top:100px;max-height:calc(100dvh - 255px);padding:10px}.ticket h2,.ticket .eyebrow{display:none}.ticket .next-step{margin:6px 0}.ticket summary{font-size:10px}}.quality-setting{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;color:var(--muted)}select{font:inherit;border:1px solid #688d9e;background:#193b47;color:#e7f4f5;border-radius:6px;padding:5px;max-width:100%}.asset-status{font-size:10px;color:var(--muted);margin-top:9px;max-width:220px}.asset-status progress{display:block;width:100%;height:4px;margin-top:6px;accent-color:var(--accent)}.asset-status[data-state=degraded]{color:#ffcda5}.asset-status details{max-height:100px;overflow:auto;margin-top:6px}@media(pointer:coarse){.quality-setting{font-size:9px;display:block;margin-top:6px}.quality-setting select{margin-left:4px;max-width:80px}.asset-status{font-size:8px;max-width:145px}.asset-status[data-state=ready]{display:none}}.profile-summary{margin:8px 0;font-size:13px;color:var(--accent)}.profile-summary small{display:block;color:var(--muted);margin-top:3px}aside .open-progress{display:block;width:100%;margin-bottom:7px;min-height:40px}.progress-panel{width:min(900px,96vw);max-height:92dvh;overflow:auto;background:#102835;border:1px solid #688d9e;border-radius:18px;padding:20px;scroll-padding-top:65px}.progress-heading{position:sticky;top:-20px;z-index:1;background:#102835;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0}.progress-heading h2{font-size:21px}.progress-heading button{min-width:44px;min-height:44px}.profile-card{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px;background:#173e4a;border-radius:10px}.profile-card span{font-weight:700;color:var(--accent)}.profile-card progress{width:100%;accent-color:var(--accent)}.profile-card small{width:100%}.persistence-mode{font-size:12px}.persistence-mode[data-mode=temporary]{color:#ffcc9d}.work-board,.supply-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-board article,.supply-list article{padding:14px;border:1px solid #527482;border-radius:12px;background:#142e3b;display:flex;flex-direction:column;gap:8px}.work-board article[data-job-status=ACTIVE]{border-color:var(--accent)}.work-board p{font-size:13px;margin:0;line-height:1.5}.job-id{display:block;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}.completed-order{padding:10px;background:#193c32;border-radius:8px;color:#a0f2ce}.progress-panel button:disabled{opacity:.45;cursor:default}.supply-list{grid-template-columns:repeat(3,minmax(0,1fr))}.supply-list span{font-size:12px}.progress-panel>.notification{margin:14px 0 0}.rack-maintenance{margin:15px 0;border-top:1px solid #527482;padding-top:10px}.rack-maintenance h3{font-size:15px}.rack-maintenance button{margin:4px;min-height:44px}@media(max-width:600px){.progress-panel{padding:12px;max-height:94dvh}.progress-heading{top:-12px}.work-board,.supply-list{grid-template-columns:1fr}.profile-summary{font-size:10px}.profile-summary small{font-size:9px}.progress-panel button{min-height:44px}}.progress-panel>.notification{position:sticky;bottom:0;z-index:2;padding:12px;box-shadow:0 -4px 18px #071d3299}.progress-panel{scroll-padding-bottom:90px}.journal{border-top:1px solid #446572;margin-top:12px;padding-top:10px}.journal p{font-size:12px}.journal article[hidden]{display:none}.journal li.done{color:#71ddbf}.virtual-computer{width:min(1000px,96vw);max-height:94dvh;overflow:auto;border:1px solid #658aa0;border-radius:18px;color:#e8f3fa;background:linear-gradient(135deg,#143947,#101c2b);box-shadow:0 24px 100px #0009}.os-title,.os-taskbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#0d2232;gap:12px}.os-title small{display:block;color:#a3c4d3;margin-top:4px}.os-title button{font-size:18px;min-width:44px;min-height:44px}.os-network{display:flex;gap:16px;flex-wrap:wrap;padding:10px 18px;font-size:12px;background:#214452}.os-network[data-connected=false]{color:#ffc0ab}.os-icons{display:flex;gap:8px;padding:12px 18px;flex-wrap:wrap}.virtual-computer button{min-height:40px}.virtual-computer button:disabled{opacity:.5;cursor:default}.os-window{margin:0 18px;padding:16px;background:#0b1a28d9;border:1px solid #345564;border-radius:10px;min-height:180px;animation:window-open .16s ease-out}.os-window h2{margin-top:0;font-size:19px}.os-window p{line-height:1.5}.terminal-output{background:#07121d;color:#9df1c2;padding:14px;border-radius:6px;min-height:150px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;-webkit-user-select:text;user-select:text}.command-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.command-form input{flex:1;min-width:130px}.virtual-computer input{font:inherit;color:#e5f8fa;background:#182d40;border:1px solid #668898;border-radius:6px;padding:10px;min-width:0;box-sizing:border-box}.virtual-computer input:focus{outline:2px solid #5fdbc2}.command-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.command-shortcuts button{font-family:monospace;font-size:11px}.network-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.network-form label{display:flex;flex-direction:column;gap:5px}.pc-service{padding:14px 18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pc-service p{width:100%;margin:2px 0;font-size:13px}.virtual-computer>.notification{margin:0 18px 12px}.os-taskbar{font-size:12px;position:sticky;bottom:0}.virtual-computer dt{color:#9bbcca}.virtual-computer dd{margin:0 0 10px}@keyframes window-open{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.os-window{animation:none}}@media(max-width:600px){.virtual-computer{width:100vw;max-height:100dvh;border-radius:0}.computer-backdrop{padding:0}.os-network{font-size:10px;gap:6px}.os-window{margin:0 8px;padding:12px}.os-icons{padding:8px;gap:5px}.os-icons button{font-size:12px;flex:1 1 40%}.network-form{grid-template-columns:1fr}.terminal-output{max-height:180px;font-size:12px}.os-taskbar{font-size:10px}.pc-service{padding:12px 8px}.virtual-computer input{font-size:16px}}.virtual-computer{scroll-padding-top:80px}.diagnostics{margin-top:8px}.diagnostics summary{cursor:pointer;color:var(--muted)}.interaction-hint small{display:block;margin-top:4px;color:var(--muted)}.capture-hint{position:fixed;z-index:4;left:50%;bottom:28px;transform:translate(-50%);padding:10px 14px;border-radius:9px;background:var(--panel);pointer-events:none;font-size:12px}.tutorial-card{position:fixed;z-index:5;left:22px;bottom:100px;width:300px;max-height:38dvh;overflow:auto;padding:16px;background:#143b45f5;border:1px solid var(--accent);border-radius:14px;box-shadow:0 10px 35px #0004}.tutorial-card b{display:block;margin-top:8px}.tutorial-card p{color:#c9e3e7;font-size:12px;line-height:1.6;margin:8px 0}.tutorial-card button{min-height:44px;padding:8px 12px;font-size:12px}.game-menu{max-width:700px}.game-menu p{color:var(--muted);line-height:1.6;font-size:13px}.game-menu>label{display:flex;gap:12px;align-items:center;padding:12px 0;flex-wrap:wrap}.bindings{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.bindings label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.bindings button{min-width:70px;min-height:44px}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.district-map{display:block;width:min(100%,480px);max-height:55dvh;margin:auto;border:1px solid var(--line);border-radius:12px}.mission-hud{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.mission-hud label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.mission-hud p{margin:8px 0}.mission-hud small{display:block;margin-top:7px}.mission-bearing{display:inline-block;margin-right:10px;font-size:22px;color:#ffd38b}.reward-toast{position:fixed;z-index:12;pointer-events:none;top:22px;left:50%;transform:translate(-50%);background:#133f36f5;border:1px solid var(--accent);border-radius:14px;padding:16px 24px;text-align:center;box-shadow:0 10px 40px #0004}.reward-toast span,.reward-toast small{display:block;margin-top:6px}.reward-toast span{color:var(--accent);font-size:22px;font-weight:700}.diagnostic-reward{padding:10px 18px;margin:0;color:#a7e8d3;font-size:12px;line-height:1.5}.identity-status{display:block;max-width:220px;margin:6px 0;color:var(--muted);font-size:10px;line-height:1.4}.company-card{margin:16px 0;padding:16px;border:1px solid #6fada5;background:#15372f;border-radius:12px}.company-card h3,.company-card h4{margin:10px 0}.company-card p,.company-card small{font-size:12px;line-height:1.6}.company-card ul{list-style:none;padding:0}.company-card li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #8fc7b333;font-size:12px}.company-card progress{width:100%;accent-color:var(--accent)}.company-details>summary{cursor:pointer;padding:12px 0;color:var(--accent)}.brand-link{padding:0;background:none;border:0;min-height:0;border-radius:2px;text-align:left}.brand-link:hover{background:none;color:var(--accent)}.welcome-menu{max-width:650px;padding:30px}.welcome-menu h1{letter-spacing:2px;font-size:32px}.welcome-menu p{line-height:1.75;color:#bad4dc}.welcome-menu .menu-actions{display:grid;grid-template-columns:1fr 1fr}@media(max-width:600px){.welcome-menu{padding:20px}.welcome-menu h1{font-size:24px}.welcome-menu .menu-actions{grid-template-columns:1fr}}@media(pointer:coarse){.reward-toast{top:300px;width:230px;padding:12px}}.touch-sprint{position:absolute;right:30px;bottom:115px;pointer-events:auto;touch-action:none;min-height:44px;min-width:95px}@media(pointer:coarse){.tutorial-card{left:10px;bottom:180px;width:min(320px,45vw);max-height:32dvh;padding:12px}.capture-hint{display:none}.ticket{max-height:calc(100dvh - 400px)}aside button{min-height:36px}}@media(pointer:coarse)and (max-width:600px){header{padding:10px;max-width:41vw}header b{font-size:12px}header small{display:none}aside{max-width:50vw;padding:8px}aside .open-progress{min-height:44px;font-size:10px}.ticket{top:70px;width:42vw;padding:10px;max-height:26dvh}.ticket h2{font-size:12px}.tutorial-card{width:calc(100vw - 20px);bottom:185px;max-height:27dvh}.bindings{grid-template-columns:1fr}.game-menu input[type=range]{width:100%}.game-menu button{min-height:44px}}.os-title{position:sticky;top:0;z-index:1}.tablet-frame .tutorial-card{position:static;max-width:none;width:100%;margin:0 0 20px}.tablet-top .profile-summary{font-size:12px;max-width:50%;line-height:1.5}@media(max-width:500px){.tablet-top{gap:6px}.tablet-top b{font-size:11px}.tablet-top small{font-size:7px;letter-spacing:0}.tablet-top .profile-summary{font-size:10px}.tablet-top button{min-width:44px}}.account-panel{max-width:760px;margin:auto}.account-panel p{line-height:1.65;color:#bcd1dc}.account-panel form{display:grid;gap:18px;margin:22px 0}.account-panel label{display:grid;gap:8px;font-size:14px}.account-panel input:not([type=checkbox]),.account-panel textarea{width:100%;min-height:48px;background:#071b28;color:#eef9fc;border:1px solid #5f8e9d;border-radius:8px;padding:12px;font:inherit}.account-panel textarea{min-height:100px;overflow-wrap:anywhere;resize:vertical}.account-panel .account-check{display:flex;align-items:center;gap:12px;line-height:1.6}.account-check input{width:22px;height:22px;flex-shrink:0}.account-tabs{display:flex;gap:8px;flex-wrap:wrap}.account-tabs [aria-pressed=true]{border-color:#62e3bd;background:#27594e}.account-migration{border:1px solid #5c8498;border-radius:10px;padding:16px}.account-message:not(:empty),.account-warning{padding:12px;border-left:3px solid #e3b36d;background:#273a40}.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.business-grid article{border:1px solid #547582;border-radius:12px;padding:16px;background:#163543}.business-grid button{display:block;margin-top:12px}.case-actions label{display:grid;gap:7px;max-width:100%}.case-actions input,.case-actions select{max-width:100%;min-height:42px;background:#102a38;color:#eaf7f8;border:1px solid #638797;border-radius:6px;padding:8px}.touch-drop{position:absolute;right:24px;bottom:180px;pointer-events:auto;min-height:44px;padding:8px 16px;background:#173a43;color:#c6f5e5;border:1px solid #68baa3;border-radius:12px}