@media(min-width:1000px){
:root:root:root{--bg:#0a0e13;--card:#111823;--tx:#d7dee9;--mu:#7f8da3;--bd:#222d3b;--f:#f0594b;--p:#4f8cff;--a:#2fd072;--ac:#12202f;--land:#1b2430;color-scheme:dark}
body{display:grid;grid-template-columns:clamp(290px,21vw,380px) minmax(0,1fr) clamp(320px,24vw,420px);grid-template-rows:auto auto minmax(0,1fr) clamp(260px,44vh,460px);grid-template-areas:"hd hd hd" "pl mp nv" "pl mp rp" "rl mp rp";height:100vh;font-size:13px}
header{position:static;grid-area:hd;background:#0d1620;border-bottom:2px solid #1f6feb;gap:18px;padding:6px 16px}
.dx{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}
.dx>div{border:1px solid var(--bd);background:#080d13;border-radius:4px;padding:3px 12px;text-align:center;font:600 16px/1.1 ui-monospace,Menlo,Consolas,monospace;min-width:86px}
.dx small{display:block;font:600 9px system-ui;letter-spacing:.08em;color:var(--mu);opacity:1}
#clk{color:#7ee787;font-size:20px}
#hs #ctl{position:static;border:0;padding:0;background:none;color:var(--mu)}#hs select{background:#080d13;color:var(--tx);border:1px solid var(--bd);border-radius:4px}
#pl{grid-area:pl;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--bd);background:var(--bg)}
#rl{grid-area:rl;display:flex;flex-direction:column;min-height:0;border-top:2px solid #1f6feb;border-right:1px solid var(--bd);background:#080c11}
#plb,#rlb{flex:1;min-height:0;overflow:auto}
.ph{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#0d1620;border-bottom:1px solid var(--bd);font:700 11px system-ui;letter-spacing:.1em;color:var(--mu)}
.ir{border-left:4px solid var(--bd);padding:8px 12px;border-bottom:1px solid var(--bd);cursor:pointer}.ir:hover{background:#151f2c}.ir.sel{background:#16263a}
.ir.f{border-left-color:var(--f)}.ir.p{border-left-color:var(--p)}.ir.a{border-left-color:var(--a)}
.ir.gn{border-left-color:#22c55e!important;background:rgba(34,197,94,.1)}.ir.gn.sel{background:rgba(34,197,94,.2)}
.ir.rs{border-left-color:#fde047!important;background:rgba(253,224,71,.08)}.ir.rs.sel{background:rgba(253,224,71,.18)}
.age{font:600 13px ui-monospace,Menlo,Consolas,monospace}
.fr{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;padding:2px 12px;line-height:1.2;border-bottom:1px solid var(--bd);cursor:pointer}.fr:hover{background:#151f2c}
#rlb .logx{font:12px ui-monospace,Menlo,Consolas,monospace;padding:2px 12px;border:0}#rlb .log.r{color:#7ee787;font-weight:400}.ulk{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.log.r .ulk{color:#a5f3b0}.req{margin-top:6px;padding:6px 8px;border-radius:6px;border:1px solid #f59e0b;background:#f59e0b22;color:#b45309;font-weight:700;font-size:12px}@media (prefers-color-scheme:dark){.req{color:#fbbf24}}
#mapw{position:relative;inset:auto;grid-area:mp;height:auto;min-height:0}
nav{position:static;grid-area:nv;max-width:none;margin:0;border:0;border-bottom:1px solid var(--bd);background:#0d1620}nav [data-t=c],nav [data-t=l]{display:none}nav button{padding:9px 4px}nav button.on{color:#eaf1fb;box-shadow:inset 0 3px 0 var(--p)}
main{position:static;grid-area:rp;inset:auto;overflow:auto;padding:0;border-left:1px solid var(--bd);background:var(--bg)}main>*{max-width:none}main>.card{margin:10px}
.leaflet-top{top:0}.leaflet-bottom{bottom:0}.lm .lz{top:8px!important}.lm .la{bottom:0!important}
.leaflet-container{background:#cfe3f5}
#bm{left:50%;right:auto;top:12px;bottom:auto;transform:translateX(-50%);white-space:nowrap}
#bsr{left:50%;right:auto;top:58px;bottom:auto;transform:translateX(-50%);width:min(460px,40vw)}#lg{bottom:24px}#fabw{bottom:62px}
#toast{left:50%;right:auto;top:72px;transform:translateX(-50%);width:min(560px,40vw)}
#modal{align-items:center}#sw{position:relative;width:100%;max-width:620px;display:flex}#sheet{flex:1;min-width:0;max-width:none;max-height:86vh;border-radius:12px;border:1px solid var(--bd);padding-top:40px}.upw{transform:none!important;width:0;height:0}.upop{position:absolute;left:0;bottom:20px;transform:translateX(-50%);background:#000;color:#fff;border:1px solid #555;border-radius:10px;padding:8px 26px 8px 10px;box-shadow:0 3px 10px #0006;font:12px/1.5 system-ui;min-width:150px;white-space:nowrap;cursor:default;z-index:5}.upop:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#000;border:solid #555;border-width:0 1px 1px 0;transform:translateX(-50%) rotate(45deg)}.upop .ulk{color:#7cc4ff}.upop .ux{position:absolute;top:4px;right:6px;cursor:pointer;font-weight:700;opacity:.7}#xb{position:absolute;top:8px;right:10px;z-index:2;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--bd);background:var(--bg);color:inherit;font:700 14px/1 system-ui;cursor:pointer}

/* ---- collapsible right panel (nav + fleet/stations/ranks) ---- */
body{transition:grid-template-columns .2s ease}
body.rp-off{grid-template-columns:clamp(290px,21vw,380px) minmax(0,1fr) 0}
body.rp-off nav,body.rp-off main{display:none!important}
#rpt{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:600;width:22px;height:64px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-right:0;border-radius:8px 0 0 8px;background:#0d1620;color:var(--tx);font:700 16px/1 system-ui;cursor:pointer;opacity:.85;box-shadow:-2px 0 8px #0005}
#rpt:hover{opacity:1;background:#16263a}
#rpt:focus-visible{outline:2px solid #4f8cff;outline-offset:-2px}
#bm{white-space:normal;width:min(400px,38vw)}#bsr{top:118px}
}