*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0e1a;font-family:Segoe UI,system-ui,sans-serif;color:#cbd5e1;font-size:14px}#game-container{position:fixed;top:0;right:0;bottom:0;left:0}#game-container canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}button{background:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px}button:hover:not([disabled]){background:#334155}button[disabled]{opacity:.45;cursor:not-allowed}button.active{background:#0ea5e9;border-color:#38bdf8;color:#082f49;font-weight:600}#topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:8px 14px;background:#0a0e1ad9;border-bottom:1px solid #1e293b}#topbar .brand{font-weight:800;letter-spacing:2px;color:#38bdf8}#topbar .sector{color:#64748b}#topbar .credits{color:#facc15;font-weight:700;font-size:16px}#topbar .tick{color:#64748b;font-size:12px}#topbar .spacer{flex:1}.time-controls{display:flex;gap:4px}.panel{background:#0f172aeb;border:1px solid #334155;border-radius:8px;padding:14px}.panel h3{margin:0 0 6px;color:#e2e8f0}.panel h4{margin:12px 0 4px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:1px}.dim{color:#64748b}.hint{margin-top:10px;font-size:11px}.row{margin:4px 0}#selection-panel{position:absolute;top:54px;right:12px;width:290px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.btn-grid{display:flex;flex-direction:column;gap:6px}.btn-grid button{text-align:left}.order{font-size:12px;color:#93c5fd}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{text-align:left;padding:3px 6px;font-size:12px}th{color:#64748b;border-bottom:1px solid #334155}.bar{height:8px;background:#1e293b;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#38bdf8}#event-log{position:absolute;left:12px;bottom:12px;max-width:420px;font-size:12px}.ev{padding:2px 8px;background:#0f172ab3;border-left:2px solid #334155;margin-top:2px}.ev-trade{border-left-color:#facc15}.ev-crew{border-left-color:#4ade80}.ev-order{border-left-color:#38bdf8}.ev-combat{border-left-color:#f87171}.badge-manual{background:#b45309;color:#fef3c7;font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 6px;border-radius:3px;vertical-align:middle}.manual-hint{margin-top:10px;font-size:11px;color:#fbbf24;border:1px solid #b45309;border-radius:4px;padding:6px 8px}#roster-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#02061799;display:flex;align-items:center;justify-content:center}#roster-body{width:560px;max-height:80vh;overflow-y:auto}.roster-head{display:flex;justify-content:space-between;align-items:center}#admin-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:1000}#admin-body{width:90vw;max-width:1400px;max-height:90vh;overflow-y:auto}.crew-card{border:1px solid #334155;border-radius:6px;padding:10px;margin:8px 0}.crew-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.crew-actions{display:flex;gap:6px}.skill-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.skill-name{width:90px;color:#94a3b8}.stars{width:80px;color:#facc15}.xpbar{flex:1;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.xpfill{display:block;height:100%;background:#4ade80}.recruit-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #1e293b}#context-menu{position:absolute;width:220px;background:#0a1220f2;border:1px solid #0ea5e9;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px #0009}#context-menu .ctx-title{font-size:11px;font-weight:700;letter-spacing:1px;color:#38bdf8;text-transform:uppercase;padding:2px 4px 6px;border-bottom:1px solid #1e293b;margin-bottom:4px}#context-menu .ctx-note{font-size:11px;color:#fbbf24;padding:2px 4px 6px}#context-menu button{text-align:left}.hidden{display:none!important}#docked-screen{position:absolute;top:46px;right:0;bottom:0;width:500px;max-width:55vw;background:#080e1af0;border-left:1px solid #0ea5e9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;display:flex;box-shadow:-12px 0 32px #00000080}.dock-inner{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.dock-head h2{margin:0;letter-spacing:2px;color:#38bdf8}.dock-cols{display:flex;gap:20px;flex-wrap:wrap}.dock-col{flex:1;min-width:240px;background:#0b1220;border:1px solid #1e293b;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.dealer-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #162033;font-size:12px}.dealer-ware{width:110px;font-weight:600}.dealer-price{flex:1;font-size:11px}.dealer-btns{display:flex;gap:4px}.dealer-btns button{padding:4px 8px;font-size:11px}.dock-foot{display:flex;justify-content:flex-end}.launch-btn{font-size:16px;font-weight:800;letter-spacing:4px;padding:12px 48px;background:#065f46;border-color:#34d399}.launch-btn:hover{background:#047857}.autotrade-row{display:flex;gap:6px;align-items:center;width:100%}.autotrade-row select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;background:#0b1220;color:#dbe4f0;border:1px solid #334155;border-radius:4px;padding:6px 8px;font-size:12px}.reserve-row{display:flex;align-items:center;gap:6px;padding:2px 0}.reserve-name{flex:1;font-size:12px}.reserve-row button{padding:1px 8px;font-size:11px}.reserve-amt{min-width:34px;text-align:center;color:#93c5fd}