:root{color-scheme:dark;--bg:#0b0d0e;--panel:#20212b;--field:#1a1a1d;--line:#383b47;--accent:#f24059;--muted:#9295a6;--text:#eff0f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',system-ui,sans-serif;overflow:hidden}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 28px;background:#13141a}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:2px}.brand img{width:38px;height:38px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.1px;margin-top:5px}.connection{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}#signal{height:7px;width:7px;background:#8b7181;border-radius:50%}#signal.live{background:#96d278;box-shadow:0 0 12px #96d27855}.private{margin-left:auto;font-size:10px;letter-spacing:1.6px;border:1px solid #f2405940;border-radius:4px;padding:7px 10px;color:#f48291}main{height:calc(100dvh - 78px);display:flex;padding:16px;gap:16px}aside{width:262px;flex-shrink:0;background:var(--panel);border-radius:7px;padding:20px 15px;overflow:auto;display:flex;flex-direction:column}.section-label,.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.section-label{padding:0 12px 12px}button,input,select{font:inherit;color:inherit;border-radius:5px;border:1px solid var(--line);background:var(--field);padding:9px 11px}button{cursor:pointer;background:#303038;transition:background .15s}button:hover{background:#4d303b;border-color:#71404d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav{border:0;background:none;text-align:left;padding:12px 13px;color:var(--muted);display:flex;gap:12px;font-size:16px;margin-bottom:4px}.nav span{font-size:13px}.nav.active{background:#f240591c;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}h2{font-size:12px;margin:0 0 16px;font-weight:650}label{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}select{width:100%;margin-top:7px;font-size:12px}.check{display:flex;align-items:center;gap:10px;color:var(--text);font-size:12px;margin:13px 0}.check input{accent-color:var(--accent);width:15px;height:15px;margin:0}.row{display:flex;gap:7px}.row button{flex:1;font-size:11px;padding:9px 4px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;color:var(--muted);padding-top:12px}.legend b{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.self{background:#50aaff}.friendly{background:#96d278}.enemy{background:#ff555f}.unknown{background:#ebcd50}.sidebar-footer{margin-top:auto;padding:28px 10px 0;font-size:10px;letter-spacing:1.5px;color:#ccc}.sidebar-footer span{display:block;font-size:10px;letter-spacing:0;margin-top:8px;color:var(--muted)}article{min-width:0;flex:1;background:#111318;border:1px solid #282a34;border-radius:7px;display:flex;flex-direction:column;overflow:hidden}.map-bar{display:flex;justify-content:space-between;align-items:center;padding:19px 25px;border-bottom:1px solid var(--line);background:#191a22}h1{font-size:23px;font-weight:600;margin:6px 0 0;letter-spacing:-.4px}.metrics{display:flex;gap:28px}.metrics div{text-align:right}.metrics strong{display:block;font-size:23px;font-weight:500}.metrics span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}#mapWrap{flex:1;min-height:0;position:relative;background:#101716}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#hint{position:absolute;left:18px;top:18px;color:#ddd;background:#111318dd;padding:9px 12px;border:1px solid #ffffff15;border-radius:5px;font-size:10px;pointer-events:none}.zoom{position:absolute;right:18px;top:18px;display:flex;flex-direction:column;background:#171820;border:1px solid var(--line);border-radius:5px;overflow:hidden}.zoom button{border:0;border-radius:0;font-size:20px;width:38px;height:36px;padding:0}.zoom span{text-align:center;padding:8px 0;font-size:10px;color:var(--muted)}#emptyState{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 17px;border:1px solid #ffffff20;border-radius:5px;background:#16171ee8;color:#ccc;font-size:12px;pointer-events:none;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding:10px 18px}output{display:block;background:#14151b;padding:12px;margin:12px 0;border-left:2px solid var(--accent);font-size:12px;line-height:1.8;white-space:pre-line}small{color:var(--muted);font-size:10px;line-height:1.6}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:32px;width:min(440px,90vw)}dialog::backdrop{background:#050608df;backdrop-filter:blur(7px)}dialog p{font-size:13px;color:var(--muted);line-height:1.6}dialog input,dialog button{width:100%;margin-top:12px}.primary{background:var(--accent);border-color:var(--accent);font-weight:650}#loginError{color:#ff9cab;min-height:20px} [hidden]{display:none!important}@media(max-width:780px){header{height:65px;padding:0 14px;gap:14px}.private{display:none}.brand{font-size:12px}.brand img{width:30px}.brand small{font-size:7px}main{height:calc(100dvh - 65px);padding:8px;gap:8px}aside{width:190px;padding:13px 10px}.map-bar{padding:15px}h1{font-size:18px}.metrics{gap:12px}.metrics strong{font-size:18px}footer span:last-child{display:none}#hint{display:none}}@media(max-width:520px){aside{width:145px}.row{flex-direction:column}.legend{grid-template-columns:1fr}.metrics{display:none}.brand small{letter-spacing:1px}.connection{font-size:10px}.nav{padding:10px 6px}.sidebar-footer{display:none}#emptyState{font-size:10px;white-space:normal;width:90%;text-align:center}}