*{box-sizing:border-box}html,body{color:#cbd5e1;background:#0a0e1a;height:100%;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;overflow:hidden}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud>*{pointer-events:auto}button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:4px 10px;font-size:12px}button:hover:not([disabled]){background:#334155}button[disabled]{opacity:.45;cursor:not-allowed}button.active{color:#082f49;background:#0ea5e9;border-color:#38bdf8;font-weight:600}#topbar{background:#0a0e1ad9;border-bottom:1px solid #1e293b;align-items:center;gap:12px;padding:8px 14px;display:flex;position:absolute;top:0;left:0;right:0}#topbar .brand{letter-spacing:2px;color:#38bdf8;font-weight:800}#topbar .sector{color:#64748b}#topbar .credits{color:#facc15;font-size:16px;font-weight:700}#topbar .tick{color:#64748b;font-size:12px}#topbar .spacer{flex:1}#topbar-dyn{flex:1;align-items:center;gap:12px;min-width:0;display:flex}#music-ctl{flex:none;align-items:center;gap:8px;display:flex}.time-controls{gap:4px;display:flex}.panel{background:#0f172aeb;border:1px solid #334155;border-radius:8px;padding:14px}.panel h3{color:#e2e8f0;margin:0 0 6px}.panel h4{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:12px 0 4px;font-size:12px}.dim{color:#64748b}.hint{margin-top:10px;font-size:11px}.row{margin:4px 0}#selection-panel{width:290px;max-height:calc(100vh - 120px);position:absolute;top:54px;right:12px;overflow:hidden auto}.btn-grid{flex-direction:column;gap:6px;display:flex}.btn-grid button{text-align:left}.order{color:#93c5fd;font-size:12px}table{border-collapse:collapse;width:100%;margin-top:8px}th,td{text-align:left;padding:3px 6px;font-size:12px}th{color:#64748b;border-bottom:1px solid #334155}.bar{background:#1e293b;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:#38bdf8;height:100%}#event-log{max-width:420px;font-size:12px;position:absolute;bottom:12px;left:12px}.ev{background:#0f172ab3;border-left:2px solid #334155;margin-top:2px;padding:2px 8px}.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{color:#fef3c7;letter-spacing:1px;vertical-align:middle;background:#b45309;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.manual-hint{color:#fbbf24;border:1px solid #b45309;border-radius:4px;margin-top:10px;padding:6px 8px;font-size:11px}#roster-modal{background:#02061799;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#roster-body{width:560px;max-height:80vh;overflow-y:auto}.roster-head{justify-content:space-between;align-items:center;display:flex}.crew-card{border:1px solid #334155;border-radius:6px;margin:8px 0;padding:10px}.crew-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.crew-actions{gap:6px;display:flex}.skill-row{align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.skill-name{color:#94a3b8;width:90px}.stars{color:#facc15;width:80px}.xpbar{background:#1e293b;border-radius:3px;flex:1;height:6px;overflow:hidden}.xpfill{background:#4ade80;height:100%;display:block}.recruit-row{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:6px 0;display:flex}#context-menu{background:#0a1220f2;border:1px solid #0ea5e9;border-radius:6px;flex-direction:column;gap:4px;width:220px;padding:8px;display:flex;position:absolute;box-shadow:0 8px 24px #0009}#context-menu .ctx-title{letter-spacing:1px;color:#38bdf8;text-transform:uppercase;border-bottom:1px solid #1e293b;margin-bottom:4px;padding:2px 4px 6px;font-size:11px;font-weight:700}#context-menu .ctx-note{color:#fbbf24;padding:2px 4px 6px;font-size:11px}#context-menu button{text-align:left}.hidden{display:none!important}#door-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:5;background:#080e1af0;border-left:1px solid #0ea5e9;width:500px;max-width:55vw;display:flex;position:absolute;top:46px;bottom:0;right:0;box-shadow:-12px 0 32px #00000080}#docked-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#080e1af0;border-left:1px solid #0ea5e9;width:500px;max-width:55vw;display:flex;position:absolute;top:46px;bottom:0;right:0;box-shadow:-12px 0 32px #00000080}.dock-inner{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.dock-head h2{letter-spacing:2px;color:#38bdf8;margin:0}.dock-cols{flex-wrap:wrap;gap:20px;display:flex}.dock-col{background:#0b1220;border:1px solid #1e293b;border-radius:8px;flex-direction:column;flex:1;gap:6px;min-width:240px;padding:12px 14px;display:flex}.dealer-row{border-bottom:1px solid #162033;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.dealer-ware{width:110px;font-weight:600}.dealer-price{flex:1;font-size:11px}.dealer-btns{gap:4px;display:flex}.dealer-btns button{padding:4px 8px;font-size:11px}.dock-foot{justify-content:flex-end;display:flex}.launch-btn{letter-spacing:4px;background:#065f46;border-color:#34d399;padding:12px 48px;font-size:16px;font-weight:800}.launch-btn:hover{background:#047857}.autotrade-row{align-items:center;gap:6px;width:100%;display:flex}.autotrade-row select{text-overflow:ellipsis;color:#dbe4f0;background:#0b1220;border:1px solid #334155;border-radius:4px;flex:1;min-width:0;padding:6px 8px;font-size:12px;overflow:hidden}.reserve-row{align-items:center;gap:6px;padding:2px 0;display:flex}.reserve-name{flex:1;font-size:12px}.reserve-row button{padding:1px 8px;font-size:11px}.reserve-amt{text-align:center;color:#93c5fd;min-width:34px}#render-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.entity-label{color:#cbd5e1;text-shadow:0 1px 4px #000;white-space:nowrap;pointer-events:none;will-change:transform;font-family:monospace;font-size:12px;position:absolute;top:0;left:0}#reticle{pointer-events:none;z-index:2;position:fixed;inset:0;box-shadow:inset 0 0 160px #040a14d9,inset 0 -110px 150px #060c18e6}#reticle:before{content:"";background:#67e8f9;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #67e8f9}#reticle:after{content:"";border:1px solid #67e8f966;border-radius:50%;width:44px;height:44px;margin:-22px;position:absolute;top:50%;left:50%}#steer-pip{pointer-events:none;z-index:3;border:2px solid #67e8f9d9;border-radius:50%;width:18px;height:18px;margin:-9px;position:fixed;box-shadow:0 0 6px #67e8f980}#map-view{z-index:4;background:#030b08;position:fixed;inset:0}#map-canvas{width:100%;height:100%;display:block}#map-view:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#1f7a5e0d 3px 4px);border:2px solid #1f7a5ecc;border-radius:4px;margin:10px 10px 50px;position:absolute;inset:0}#map-caption{color:#2dd4bf;pointer-events:none;font-family:monospace;font-size:13px;position:absolute;bottom:22px;right:24px}.ctx-sep{border-top:1px solid #1f7a5e;margin:4px 0}#entity-list{width:25%;min-width:220px;max-width:360px;padding:8px;font-size:12px;position:absolute;top:54px;bottom:170px;left:12px;overflow-y:auto}#entity-list .ent-title{color:#64748b;border-bottom:1px solid #334155;margin-bottom:6px;padding-bottom:6px;font-size:11px}#entity-list .ent-head{letter-spacing:1.5px;color:#38bdf8;margin:10px 2px 4px;font-size:10px;font-weight:700}#entity-list .ent-head:first-of-type{margin-top:0}#entity-list .ent-item{cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:space-between;gap:8px;padding:4px 6px;display:flex;overflow:hidden}#entity-list .ent-item:hover{background:#1e293b}#entity-list .ent-item.sel{background:#0c4a6e;outline:1px solid #38bdf8}#entity-list .ent-item.own .ent-name{color:#38bdf8}#entity-list .ent-item.npc .ent-name{color:#94a3b8}#entity-list .ent-name{text-overflow:ellipsis;overflow:hidden}#entity-list .ent-sub{color:#64748b;font-size:11px}#entity-list .ent-manual{color:#fbbf24}.rel-chip{letter-spacing:1px;border:1px solid;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.rel-btns{flex-wrap:wrap;gap:4px;display:flex}.rel-btns button{padding:2px 8px;font-size:11px}.badge-alert{color:#fecaca;letter-spacing:1px;vertical-align:middle;background:#7f1d1d;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}#entity-list .ent-item.rel-neutral .ent-name{color:#e2e8f0}#entity-list .ent-item.rel-bit .ent-name{color:#f87171}#entity-list .ent-item.rel-enemy .ent-name{color:#dc2626}.vol-slider{accent-color:#0ea5e9;cursor:pointer;align-self:center;width:70px;height:4px}#walk-hint{color:#facc15;pointer-events:none;z-index:6;background:#080e1ad9;border:1px solid #d4a017;border-radius:8px;padding:8px 18px;font-size:14px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}#login-overlay{z-index:100;background:radial-gradient(at 30% 20%,#101a30 0%,#05080f 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:#080e1af2;border:1px solid #1e3a5f;border-radius:12px;width:340px;padding:34px 30px 24px;box-shadow:0 20px 60px #0009}.login-card h1{letter-spacing:3px;color:#7dd3fc;text-align:center;margin:0 0 20px;font-size:20px}.login-tabs{gap:6px;margin-bottom:14px;display:flex}.login-tabs button{color:#64748b;cursor:pointer;background:#0f1622;border:1px solid #1e3a5f;border-radius:6px;flex:1;padding:7px}.login-tabs button.active{color:#e2e8f0;border-color:#7dd3fc}.login-body input{box-sizing:border-box;color:#e2e8f0;background:#0f1622;border:1px solid #1e3a5f;border-radius:6px;width:100%;margin-bottom:10px;padding:9px 11px;font-size:14px;display:block}.login-body input:focus{border-color:#7dd3fc;outline:none}.login-body input.hidden{display:none}.login-body button{cursor:pointer;border-radius:6px;width:100%;margin-top:8px;padding:9px;display:block}.login-msg{min-height:18px;margin:4px 0;font-size:13px}.login-msg.err{color:#f87171}.login-msg.ok{color:#4ade80}#lg-continue{color:#7dd3fc;background:0 0;border:1px solid #1e3a5f}.login-offline{color:#475569;cursor:pointer;background:0 0;border:none;width:100%;margin-top:18px;font-size:12px;text-decoration:underline}.login-offline:hover{color:#7dd3fc}#net-banner{color:#fca5a5;z-index:90;background:#3c0c0ceb;border:1px solid #f87171;border-radius:8px;padding:8px 22px;font-size:13px;display:none;position:fixed;top:46px;left:50%;transform:translate(-50%)}#net-banner.show{display:block}