body.radar{background:#0d1422;overflow:hidden;height:100vh;height:100dvh}
#map{position:fixed;inset:0}
.rtop{position:fixed;top:calc(env(safe-area-inset-top) + 10px);left:10px;right:10px;display:flex;gap:8px;z-index:5;max-width:560px}
.radar .ib,.radar .loc-btn{background:rgba(16,24,38,.72);border-color:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.side{position:fixed;right:10px;top:calc(env(safe-area-inset-top) + 62px);display:flex;flex-direction:column;gap:8px;z-index:5}
.lpanel{position:fixed;top:calc(env(safe-area-inset-top) + 62px);left:10px;z-index:6;background:rgba(16,24,38,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;display:none;flex-direction:column;gap:9px;font-size:14px}
.lpanel.open{display:flex}.lpanel input[type=range]{width:110px;vertical-align:middle}
.dock{position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:5;max-width:640px;margin:0 auto;background:rgba(16,24,38,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:12px 14px}
.dock .nc{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.dock .nc-text{font-size:15px;margin-bottom:8px}.dock .nc-bars{height:34px}
.tl{display:flex;align-items:center;gap:12px}
.playb{width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0d1422;display:grid;place-items:center;cursor:pointer;flex:none}.playb svg{width:20px;height:20px}
.track{flex:1;min-width:0}.tlab{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:4px}
.kind{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:rgba(124,242,156,.2);color:#7CF29C}.kind.f{background:rgba(255,209,102,.2);color:#FFD166}
.sl{position:relative;height:24px}.futzone{position:absolute;top:9px;height:6px;right:0;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(255,209,102,.55) 0 4px,transparent 4px 7px)}
.sl input{position:absolute;inset:0;width:100%;margin:0;background:transparent;-webkit-appearance:none;appearance:none}
.sl input::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:rgba(255,255,255,.18)}
.sl input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;margin-top:-7px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.sl input::-moz-range-track{height:6px;border-radius:4px;background:rgba(255,255,255,.18)}.sl input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0}
.ticks{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.5);margin-top:2px}
.legend-dbz{position:fixed;right:10px;bottom:calc(env(safe-area-inset-bottom) + 190px);z-index:4;display:flex;align-items:center;gap:6px;font-size:11px;background:rgba(16,24,38,.72);padding:5px 9px;border-radius:10px}
.legend-dbz i{width:90px;height:7px;border-radius:4px;background:linear-gradient(90deg,#04e9e7,#019ff4,#02fd02,#01c501,#fdf802,#fd9500,#fd0000,#bc0000,#f800fd)}
.maplibregl-ctrl-attrib{font-size:10px}.maplibregl-ctrl-bottom-right{bottom:auto;top:calc(env(safe-area-inset-top) + 160px)}
.me{width:18px;height:18px;border-radius:50%;background:#2f8bff;border:3px solid #fff;box-shadow:0 0 0 8px rgba(47,139,255,.25),0 2px 8px rgba(0,0,0,.4)}
.sheet{z-index:50}
@media(min-width:900px){.dock{left:auto;right:16px;bottom:16px;width:460px}.legend-dbz{bottom:16px;left:16px;right:auto}}

#ticks{position:relative;height:14px;display:block!important}
#ticks span{position:absolute;top:0;white-space:nowrap}
#ticks .seam{transform:translateX(-50%);color:#fff;font-weight:600}
#fresh{font-size:11px;color:rgba(255,255,255,.6);margin-bottom:2px}#fresh.old{color:#ffb000}

#abanner{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 64px);z-index:20;padding:8px 14px;border-radius:99px;font-weight:700;font-size:14px;text-decoration:none;color:#111;background:#ffb000;box-shadow:0 4px 14px rgba(0,0,0,.35);white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}
#abanner.w{background:#e5484d;color:#fff}#abanner.a{background:#8ab4f8}