:root{--bg:#0c1015;--card:#121821e0;--line:#ffffff1f;--txt:#e7edf3;--mut:#9fb0c0;--accent:#ff8c00;--sky-zenith:#5b8fd0;--sky-horizon:#bcd6ef}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--txt);height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial}#map{position:fixed;background:var(--sky-zenith);background:linear-gradient(to bottom,var(--sky-zenith),var(--sky-horizon));inset:0}#sun{position:fixed;pointer-events:none;display:none;z-index:1;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px}#moon{position:fixed;pointer-events:none;display:none;z-index:1;filter:drop-shadow(0 0 5px #dce2ff73);width:48px;height:48px;margin:-24px 0 0 -24px}#moon svg{display:block;width:100%;height:100%}.card{position:fixed;background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 8px 30px #00000073}#panel{overflow:auto;z-index:3;width:320px;max-width:calc(100vw - 24px);max-height:62vh;top:12px;left:12px}#panel h1{margin:0 0 2px;font-size:14px;font-weight:650}#panel .sub{color:var(--mut);margin-bottom:10px;font-size:11px;line-height:1.35}.row{display:flex;align-items: center;gap:8px;margin:9px 0}.spread{justify-content:space-between}.clock{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.clock small{color:var(--mut);margin-left:6px;font-size:11px;font-weight:400}button{color:var(--txt);border:1px solid var(--line);cursor:pointer;background:#1b2531;border-radius:8px;padding:6px 10px;font-size:12px}button:hover{background:#243040}button.on{background:var(--accent);color:#101010;border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:default}.seg{display:flex;gap:4px}#lang.langsel{cursor:pointer;flex:none;width:auto;padding:4px 6px;font-size:11px;font-weight:600}#infoBtn{padding:4px 8px;font-size:12px;font-weight:600}.disc{color:var(--mut);border-top:1px solid var(--line);margin-top:8px;padding-top:8px;font-size:10.5px;line-height:1.4}.disc b{color:var(--txt);font-size:11px}.disc ul{margin:5px 0 0;padding-left:16px}.disc li{margin:3px 0}select,input[type=text],input[type=date]{color:var(--txt);border:1px solid var(--line);background:#1b2531;border-radius:8px;width:100%;padding:6px 8px;font-size:12px}input[type=range]{accent-color:var(--accent);width:100%}body.dragover #map{outline:3px dashed var(--accent);outline-offset:-8px}.scrubends{display:flex;color:var(--mut);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:10px}label.lbl{color:var(--mut);display:block;margin-bottom:3px;font-size:11px}.fblink{color:var(--accent);text-decoration:none;white-space:nowrap;flex:none;font-size:10.5px;font-weight:600}.fblink:hover{text-decoration:underline}.ac{position:relative}.aclist{position:absolute;z-index:10;border:1px solid var(--line);overflow:hidden;display:none;background:#10171f;border-radius:8px;top:calc(100% + 2px);left:0;right:0}.aclist.open{display:block}.aclist .it{cursor:pointer;display:flex;gap:8px;padding:6px 9px;font-size:12px}.aclist .it:hover{background:#243040}.aclist .it b{color:var(--accent);min-width:42px}.aclist .it span{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{color:var(--mut);min-height:15px;margin:4px 0 2px;font-size:11px}.status.err{color:#ff7a7a}.status.warn{color:#ffce6b}.sep{background:var(--line);height:1px;margin:10px 0}#controls{transition:opacity .2s}body:not(.loaded) #controls{opacity:.35;pointer-events:none}body:not(.loaded) #legend,body:not(.loaded) #nav,body:not(.loaded) #hud{display:none!important}#legend{z-index:2;overflow:auto;width:320px;max-width:calc(100vw - 24px);max-height:34vh;font-size:12px;bottom:12px;left:12px}#lglist{overflow-y:auto;max-height:26vh}#legend .lg{display:flex;font-variant-numeric:tabular-nums;align-items: flex-start;gap:8px;margin:5px 0}#legend .lg .dot{margin-top:3px}.lgtext{display:flex;flex-direction:column;gap:1px;min-width:0}.lgtop{display:flex;align-items:baseline;gap:8px}.dot{border:1px solid #ffffff80;border-radius:50%;flex:none;width:11px;height:11px}.reg{width:64px;font-weight:600}.mut{color:var(--mut)}.mut2{color:var(--mut);opacity:.82;font-size:10px}#legend .ttl{color:var(--mut);margin-bottom:4px;font-size:11px}#focusBadge{display:none;font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff1a;align-items: center;gap:8px;margin:0 0 6px;padding-bottom:6px}#focusBadge .lbl2{color:var(--mut);font-size:11px}#legend .lg.focus{outline:1px solid var(--accent);outline-offset:2px;border-radius:4px}.fpvOnly,.subjOnly,.followOnly,.freeOnly,.windowOnly,.coneOnly{display:none}body.cone .coneOnly{display:flex}.loc{text-align:center;flex:none;width:14px;font-size:11px;line-height:1}.loc.no{opacity:.5;filter:grayscale(1)}body.fpv .fpvOnly,body.fpv .subjOnly,body.chase .subjOnly,body.fpv.follow .followOnly,body.fpv.free .freeOnly,body.win .windowOnly{display:flex}body.fpv #legend,body.chase #legend{opacity:.5}#traffic{display:none;z-index:3;width:156px;height:156px;padding:6px;top:12px;right:12px}body.traffic.fpv.loaded #traffic,body.traffic.chase.loaded #traffic{display:block}#trafficCanvas{display:block;width:100%;height:100%}#hud{display:none;width:210px;bottom:12px;right:12px}body.fpv.loaded #hud,body.chase.loaded #hud{display:block}#hud .hreg{color:var(--accent);margin-bottom:6px;font-size:13px;font-weight:650}#hud .g{display:grid;grid-template-columns:auto 1fr;font-variant-numeric:tabular-nums;gap:2px 10px}#hud .k{color:var(--mut);align-self: center;font-size:11px}#hud .v{text-align:right;font-size:18px;font-weight:600}#hud .vario.pos{color:#5fd35f}#hud .vario.neg{color:#ff6b6b}.hint{color:var(--mut);margin-top:8px;font-size:10px}#graphs{position:fixed;z-index:4;display:none;height:172px;padding:6px 10px;bottom:12px;left:12px;right:12px}body.graphs #graphs{display:block}#graphTabs{display:flex;gap:4px;margin:0 0 4px}#graphTabs button{padding:3px 9px;font-size:11px}#graphCanvas{display:block;cursor:crosshair;width:100%;height:calc(100% - 30px)}#graphClose{position:absolute;z-index:1;padding:2px 7px;font-size:12px;top:5px;right:8px}body.graphs #legend,body.graphs #hud,body.graphs #nav,body.graphs #chasenav{bottom:196px}#nav{display:flex;flex-direction:row;align-items:stretch;gap:8px;width:auto;padding:10px;bottom:12px;right:12px}body.fpv #nav,body.chase #nav{display:none}.navcol{display:flex;flex-direction:column;align-items: center;gap:6px}#nav .nrow,#chasenav .nrow{display:flex;justify-content:center;align-items: center;gap:6px}#nav button,#chasenav button{display:flex;border-radius:9px;justify-content:center;align-items: center;width:34px;height:34px;padding:0;font-size:16px;line-height:1}#nav .cap,#chasenav .cap{color:var(--mut);text-align:center;max-width:128px;margin-top:2px;font-size:9px;line-height:1.3}#chasenav{display:none;flex-direction:column;align-items: center;gap:6px;width:auto;padding:10px;bottom:12px;right:234px}body.chase.loaded #chasenav{display:flex}#nav .altctl{position:relative;border-left:1px solid var(--line);align-self:stretch;width:26px}.vslider{writing-mode:vertical-lr;direction:rtl;position:absolute;accent-color:var(--accent);cursor:ns-resize;width:22px;height:100%;margin:0;top:0;bottom:0;left:50%;transform:translate(-50%)}.compass{cursor:pointer;flex:none;width:42px;height:42px}.compass:hover circle{stroke:var(--accent)}#collapseBtn{padding:4px 8px;font-size:12px;font-weight:600}#liveBtn.on{color:#fff;background:#e23b3b;border-color:#e23b3b}#liveBadge{display:none;color:#ff6b6b;letter-spacing:.5px;align-items: center;gap:6px;font-size:11px;font-weight:700}body.live #liveBadge{display:inline-flex}body.live .liveHide{display:none!important}.livedot{animation:livepulse 1.5s infinite;background:#ff3b3b;border-radius:50%;width:9px;height:9px}@keyframes livepulse{0%{box-shadow:0 0 #ff3b3b8c}70%{box-shadow:0 0 0 7px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}body.collapsed #panel>:not(.hdr),body.collapsed #legend{display:none}@media (max-width:640px){#panel h1{display:none}#panel{width:-moz-fit-content;width:fit-content;max-width:min(68vw,260px);max-height:54vh;top:8px;left:8px;right:auto}#legend{width:auto;bottom:8px;left:8px;right:8px}#nav,#hud{bottom:8px;right:8px}#chasenav{top:8px;bottom:auto;right:8px}#graphs{height:128px;bottom:8px;left:8px;right:8px}body.graphs #legend,body.graphs #hud,body.graphs #nav{bottom:144px}#traffic{width:112px;height:112px;top:8px;right:8px}}