:root{color-scheme:dark;--bg:#030712;--panel:#081427;--line:#24557d;--text:#d7efff;--muted:#8da9bc;--accent:#63e6ff;--focus:#ffe66d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#10233e 0,var(--bg) 55%);color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button,select{font:inherit}#game-container{width:min(100%,1100px);margin:0 auto;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#terminal-header,#terminal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:rgba(5,17,35,.92);padding:10px 12px}#terminal-title{color:var(--accent);letter-spacing:.08em;font-weight:700}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}select,.ui-button,.touch-controls button{color:var(--text);background:#0c2440;border:1px solid #367da6;border-radius:4px;padding:7px 10px;cursor:pointer}button:hover,select:hover{border-color:var(--focus)}button:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}#screen{margin:8px 0;border:1px solid var(--line);background:#000;box-shadow:0 0 28px rgba(45,156,255,.16)}canvas{display:block;width:100%;height:auto;max-height:68vh;image-rendering:pixelated}#terminal-footer{color:var(--muted);font-size:12px}#status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.touch-controls button{min-height:46px;touch-action:none}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:rgba(0,4,12,.86);padding:16px}.hidden{display:none!important}.modal-content{width:min(100%,980px);max-height:92vh;overflow:auto;border:1px solid var(--line);background:#061122;padding:16px;box-shadow:0 0 36px #000}.modal-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-header h2{margin:0 auto 0 0;color:var(--accent)}.fleet-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.ship-card{border:1px solid var(--line);border-left:4px solid var(--ship-color,var(--accent));background:#0b1a2e;padding:12px;min-height:270px}.ship-card h3{margin:0 0 4px}.ship-meta{color:var(--muted);margin:0 0 8px}.ship-preview{display:grid;place-items:center;height:70px;color:var(--ship-color);font-size:52px;text-shadow:0 0 18px var(--ship-color)}.ship-card small{color:#bfe4f2;display:block;margin:8px 0}.card-actions{display:grid;gap:5px}.rarity-common{border-color:#8495a7}.rarity-rare{border-color:#4aa4ff}.rarity-epic{border-color:#c076ff}.rarity-legendary{border-color:#ffae57}#overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.8)}#overlay-content{background:#030712}#overlay-content pre{padding:24px;color:var(--accent);text-align:center;font-size:clamp(12px,2vw,18px)}@media(max-width:680px){#terminal-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.touch-controls{grid-template-columns:repeat(3,1fr)}#terminal-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}