#radar-panel{display:flex;align-items:stretch;justify-content:flex-start;gap:0;padding:20px 24px;box-sizing:border-box;background:radial-gradient(ellipse at 65% 45%,#15152c 0%,#0c1018 58%,#0b0e11 100%);overflow:auto}#radar-panel .radar-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}#radar-panel h1{font:500 23px Arial;letter-spacing:-.5px}#radar-panel h1 span{font:9px Arial;letter-spacing:2px;color:#647786;margin-left:18px}#radar-panel .radar-top p{font:11px Arial;margin-top:8px;color:#8692a6}.radar-controls{display:flex;gap:8px}.radar-controls select{background:#141c28;color:#c0cbd7;border:1px solid #2d3c4e;border-radius:5px;padding:8px;font:11px Arial}.radar-content{flex:1;min-height:0;display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;margin-top:20px}.radar-info{padding:18px 12px;border-right:1px solid #263142;overflow:auto}.radar-live-label{color:#4fc1a4;font:9px Arial;letter-spacing:1.6px}.radar-info h2{font:20px Arial;color:#e7edf8;margin:24px 0 12px}#radar-volume{color:#d4e0eb!important;font-size:13px!important}#radar-level-details{font:11px/1.7 Arial;color:#8e9eb1;margin-top:18px}.radar-legend{display:flex;flex-direction:column;gap:10px;margin-top:30px;font:10px Arial}.above{color:#58d6a5}.below{color:#fa718a}#radar-panel .radar-note,#radar-status{font:10px/1.7 Arial!important;color:#718396!important;margin-top:20px!important}#radar-nearest{display:flex;flex-direction:column;gap:5px;margin-top:20px}#radar-nearest button{border:1px solid #273549;background:#121c29;border-radius:4px;padding:7px;font:10px Arial;text-align:left;cursor:pointer}.radar-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;container-type:size}.radar-disc{position:relative;width:min(100cqw,100cqh,850px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#181d35 0%,#10172766 63%,transparent 72%);isolation:isolate}.radar-ring{position:absolute;border:1px dashed #36425788;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.ring-one{width:30%;height:30%;border-style:solid;border-color:#66549b88}.ring-two{width:60%;height:60%}.ring-three{width:90%;height:90%}.radar-cross{position:absolute;pointer-events:none;background:#30405944}.radar-cross.horizontal{left:5%;top:50%;width:90%;height:1px}.radar-cross.vertical{top:5%;left:50%;height:90%;width:1px}.radar-sweep{position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,#50c6aa03 285deg,#50c6aa28 359deg,#77ebc888 360deg);animation:radar-scan 12s linear infinite;pointer-events:none}.radar-centre{position:absolute;left:50%;top:50%;width:5px;height:5px;background:#9ae6da;border-radius:50%;box-shadow:0 0 20px #6addc8;transform:translate(-50%,-50%)}.ring-label{position:absolute;left:51%;color:#8794ab;font:9px Arial;pointer-events:none}.label-one{top:35%}.label-two{top:20%}.label-three{top:5%}#radar-blips{position:absolute;inset:0}.radar-blip{position:absolute;width:49px;height:49px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;cursor:pointer;transition:left 1s ease,top 1s ease;z-index:2;padding:0}.radar-blip.above{background:#10563ee8;border-color:#26805f;color:#baefda;box-shadow:0 0 20px #27b07e10}.radar-blip.below{background:#651d32e8;border-color:#9c354f;color:#f0c2cb;box-shadow:0 0 20px #c83e6110}.radar-blip span{position:absolute;top:-9px;font:8px Arial;border:1px solid currentColor;background:#111b29;border-radius:8px;padding:2px 4px;white-space:nowrap}.radar-blip strong{font:9px Arial;max-width:60px;overflow:hidden}.radar-blip small{font:7px Arial;opacity:.7;margin-top:4px}.radar-blip:hover,.radar-blip:focus-visible{z-index:5;outline:2px solid #d5c68b;box-shadow:0 0 22px #e5d57b33}#radar-empty{position:absolute;bottom:12px;text-align:center;font:11px Arial!important;color:#718396!important;pointer-events:none}#radar-empty[hidden]{display:none}#radar-chart-dialog{width:92vw;max-width:1400px;height:88vh;max-height:94vh;padding:0;border:1px solid #50617a;border-radius:9px;background:#0b0e11;color:#dce5ed;overflow:hidden}#radar-chart-dialog::backdrop{background:#040811b8;backdrop-filter:blur(3px)}#radar-chart-dialog>header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#151f2c;font:12px Arial}#radar-chart-dialog>header button{background:transparent;color:#c5d0df;border:1px solid #405066;border-radius:4px;font:18px Arial;cursor:pointer}#radar-chart-dialog iframe{display:block;width:100%;height:calc(100% - 42px);border:0}.chart-popup-page body>header,.chart-popup-page .table-card,.chart-popup-page .controls>*:not(#create-alert-button),.chart-popup-page .layout-buttons,.chart-popup-page #radar-panel{display:none!important}.chart-popup-page main{height:100vh;padding:8px}.chart-popup-page .layout{grid-template-columns:minmax(0,1fr)}.chart-popup-page .controls{margin:0 0 5px}.chart-popup-page #create-alert-button{padding:5px 10px;font-size:11px}.chart-popup-page .chart-toolbar{height:auto;min-height:38px}.chart-popup-page .detail{height:auto}.chart-popup-page .chart-grid{min-height:0}@keyframes radar-scan{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.radar-sweep{animation:none}.radar-blip{transition:none}}@media(max-width:800px){#radar-panel{height:auto;min-height:calc(100vh - 80px);padding:14px}.radar-content{grid-template-columns:1fr}.radar-info{border-right:0;padding:8px}.radar-stage{height:65vh;min-height:350px;grid-row:1}#radar-nearest{display:none}.radar-legend{margin-top:12px}.radar-controls{flex-wrap:wrap}}
#radar-panel .radar-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:10px 12px;border:1px solid #263344;background:#111923;border-radius:6px;font:11px Arial;color:#a9b8c9}.radar-filters select,.radar-filters button,.radar-filters input[type=number],.radar-filters input[type=search]{background:#172331;color:#d6dfed;border:1px solid #34485c;border-radius:4px;padding:6px;font:11px Arial}.radar-filters button{cursor:pointer}.radar-volume-mode{display:flex;align-items:center;gap:8px}#radar-volume-slider{width:180px;accent-color:#6ac9ae;cursor:pointer}.radar-volume-number{display:flex;align-items:center;gap:5px}.radar-volume-number input{width:84px}#radar-coin-picker{position:relative}#radar-coin-picker summary{cursor:pointer;min-width:160px}.radar-picker-body{position:absolute;top:28px;left:0;width:300px;max-width:80vw;padding:12px;z-index:10;background:#121d2b;border:1px solid #40546c;border-radius:6px;box-shadow:0 10px 30px #0009}#radar-coin-search{width:100%;box-sizing:border-box}.radar-picker-actions{display:flex;gap:6px;margin-top:8px}#radar-coin-options{max-height:240px;overflow:auto}#radar-coin-options label{display:flex;align-items:center;gap:8px;padding:7px 0;cursor:pointer}#radar-coin-options input{width:auto;accent-color:#6ac9ae}#radar-panel #radar-picker-note{font:10px/1.5 Arial;color:#9bacc1;margin:10px 0}#radar-filter-summary{font-size:10px;color:#7ec9b4}.radar-filters input:disabled{opacity:.4}#radar-apply-filters{border-color:#498576;color:#a3e2d0}
/* Keep the animation's transformed bounds inside the viewport. Only lists scroll. */
body:has(#radar-panel:not([hidden])){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body:has(#radar-panel:not([hidden]))>header{flex:0 0 auto}
body #radar-panel{flex:1 1 0;height:auto;min-height:0;overflow:hidden}
#radar-panel>.radar-top,#radar-panel>.radar-filters{flex-shrink:0}
#radar-panel .radar-content{min-width:0;min-height:0;grid-template-rows:minmax(0,1fr)}
#radar-panel .radar-stage{min-width:0;min-height:0;overflow:clip}
#radar-panel .radar-disc{overflow:clip}
#radar-panel .radar-info{min-height:0;scrollbar-gutter:stable;overscroll-behavior:contain}
#radar-panel #radar-empty{left:12px;right:12px;line-height:1.6!important;overflow-wrap:anywhere}
#radar-panel.radar-offline .radar-sweep{animation-play-state:paused;opacity:.3}
#radar-panel.radar-offline #radar-empty{color:#d5aa84!important}
@media(max-width:800px){#radar-panel .radar-content{overflow:auto;scrollbar-gutter:stable;grid-template-rows:auto auto}#radar-panel .radar-stage{height:50dvh;min-height:260px;flex-shrink:0}#radar-panel .radar-info{overflow:visible}}
.radar-age-filter{display:flex;align-items:center;gap:5px;white-space:nowrap}.radar-age-filter input{width:65px}.radar-age-filter span{cursor:help;color:#8fa6c0}
#radar-level-tooltip{position:fixed;z-index:60;pointer-events:none;width:285px;max-width:calc(100vw - 16px);padding:13px 15px;background:#151924;border:1px solid #576380;border-radius:8px;box-shadow:0 12px 35px #0008;color:#d7dfed;font:11px/1.5 Arial;overflow-wrap:anywhere}#radar-level-tooltip[hidden]{display:none}.radar-tip-title{display:block;font-size:12px;color:#eef1fa;margin-bottom:9px}.radar-tip-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;border-top:1px solid #303848}.radar-tip-row span{color:#9eaabd;flex-shrink:0}.radar-tip-row b{text-align:right;font-variant-numeric:tabular-nums}.radar-tip-value{color:#64d8b3}.radar-tip-age{color:#83b7ff}#radar-level-tooltip small{display:block;margin-top:9px;color:#8391a7;font-size:9px;line-height:1.5}
.radar-min-volume{white-space:nowrap}#radar-volume-value{min-width:105px;color:#a3e2d0;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Full-tab canvas with compact floating controls; overlays never resize the radar. */
body #radar-panel{position:relative;padding:0}
#radar-panel .radar-content{display:block;position:absolute;inset:0;margin:0;overflow:hidden}
#radar-panel .radar-info{display:none}
#radar-panel .radar-stage{width:100%;height:100%;min-height:0}
#radar-panel .radar-disc{width:min(100cqw,100cqh)}
.radar-settings-toggle{position:absolute;left:16px;top:16px;z-index:12;width:34px;height:34px;display:grid;place-items:center;border:1px solid #34485c;border-radius:6px;background:#141c28;color:#a9b8c9;cursor:pointer}
#radar-settings-drawer{position:absolute;inset:0 auto 0 0;width:360px;max-width:calc(100% - 16px);box-sizing:border-box;padding:16px;z-index:15;background:#101822f5;border-right:1px solid #34485c;box-shadow:12px 0 35px #0005;overflow:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
#radar-settings-drawer.is-open{transform:translateX(0);visibility:visible}
#radar-settings-drawer>header,.radar-coin-window>header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bbc9d8;font:11px Arial}
#radar-settings-drawer>header button{width:28px;height:28px;background:#172331;color:#c0cbd7;border:1px solid #34485c;border-radius:4px;font:20px Arial;cursor:pointer}
#radar-settings-drawer .radar-top{margin-top:18px}
#radar-settings-drawer .radar-top>div:first-child{display:none}
#radar-settings-drawer .radar-controls{flex-wrap:wrap}
#radar-settings-drawer .radar-filters{margin-top:14px;gap:14px;padding:12px}
#radar-settings-drawer #radar-coin-picker{width:100%}
#radar-settings-drawer .radar-picker-body{position:static;width:auto;max-width:none;margin-top:12px;padding:8px}
#radar-settings-drawer #radar-filter-summary{width:100%;line-height:1.6}
.radar-coin-window{position:absolute;right:14px;bottom:14px;width:200px;max-width:42%;max-height:35%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;z-index:8;background:#101822ee;border:1px solid #2c3c50;border-radius:6px;box-shadow:0 6px 24px #0005}
.radar-coin-window>header{font-size:10px;flex-shrink:0}.radar-coin-window>header span{color:#8395ab;font-size:9px}
#radar-panel .radar-coin-window #radar-nearest{display:flex;margin-top:8px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.radar-coin-window #radar-nearest button{flex-shrink:0;padding:6px;font-size:10px}.radar-coin-window #radar-nearest p{color:#8395ab;font:10px Arial}
@media(prefers-reduced-motion:reduce){#radar-settings-drawer{transition:none}}
@media(max-width:600px){.radar-coin-window{right:8px;bottom:8px;width:170px;max-height:27%;padding:7px}.radar-coin-window>header{flex-wrap:wrap}.radar-settings-toggle{left:10px;top:10px}}