.vr-radar-card{color:#fff;isolation:isolate;background:#06142e;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #06142e38,inset 0 0 0 1px #7fe6fa24}.vr-radar-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #06142e4d,inset 0 0 0 1px #7fe6fa47}.vr-radar-stage{aspect-ratio:2.5;position:relative;overflow:hidden}.vr-radar-world{aspect-ratio:1586/992;width:100%;position:absolute;top:-22%;left:0}.vr-radar-map{object-fit:fill;opacity:.95;width:100%;height:100%;position:absolute;inset:0}.vr-radar-shade{background:radial-gradient(60% 70% at 58% 46%,#0000 0%,#06142e26 55%,#06142eb3 100%),linear-gradient(#06142e8c 0%,#0000 28% 70%,#06142ed9 100%);position:absolute;inset:0}.vr-radar-sweep{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;background:conic-gradient(#28d7f500 0deg 290deg,#28d7f524 340deg,#7fe6fa57 360deg);border-radius:50%;width:40%;animation:5.5s linear infinite vr-sweep;position:absolute;top:46%;left:58.3%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0 45%,#0000 71%);mask:radial-gradient(circle,#000 0 45%,#0000 71%)}@keyframes vr-sweep{to{transform:translate(-50%,-50%)rotate(360deg)}}.vr-radar-rings{pointer-events:none;width:0;height:0;position:absolute;top:46%;left:58.3%}.vr-radar-rings i{border:1px solid #7fe6fa38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vr-radar-rings i:first-child{width:64px;height:64px}.vr-radar-rings i:nth-child(2){border-style:dashed;border-color:#7fe6fa29;width:136px;height:136px}.vr-radar-rings i:nth-child(3){border-color:#7fe6fa1a;width:220px;height:220px}.vr-radar-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vr-dest-dim{fill:#7fe6fa59}.vr-route-base{fill:none;stroke:url(#vrArc);stroke-width:2.2px;stroke-linecap:round;opacity:.55;stroke-dasharray:100;stroke-dashoffset:100px;animation:1.4s ease-out forwards vr-draw;animation-delay:inherit}.vr-route.is-latest .vr-route-base{stroke-width:3.2px;opacity:.9}@keyframes vr-draw{to{stroke-dashoffset:0}}.vr-route-pulse{fill:none;stroke:#e9fdff;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:7 93;stroke-dashoffset:100px;filter:drop-shadow(0 0 6px #7fe6fa);animation:2.8s cubic-bezier(.45,0,.2,1) infinite vr-travel}@keyframes vr-travel{0%{stroke-dashoffset:100px;opacity:0}10%{opacity:1}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.vr-dest-dot{fill:#e9fdff}.vr-route.is-latest .vr-dest-dot{fill:#3ee49b}.vr-dest-ring{fill:none;stroke:#7fe6fa;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite vr-ping}.vr-route.is-latest .vr-dest-ring{stroke:#3ee49b}@keyframes vr-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(3.2)}}.vr-origin-dot{fill:#fff;stroke:#28d7f5;stroke-width:4px}.vr-origin-glow{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite vr-breathe}@keyframes vr-breathe{50%{opacity:.7;transform:scale(1.25)}}.vr-radar-card.is-peak .vr-origin-glow{animation-duration:.6s}.vr-radar-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;inset:12px 14px auto}.vr-radar-top strong{letter-spacing:.12em;color:#fff;font-size:12px;font-weight:800;display:block}.vr-radar-top span{color:#b9d6f5;margin-top:2px;font-size:12px;display:block}.vr-radar-top .vr-radar-status{letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:7px;margin:0;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.vr-radar-status i{border-radius:50%;width:8px;height:8px;position:relative}.vr-radar-status i:after{content:"";opacity:0;border:2px solid;border-radius:50%;animation:1.8s ease-out infinite vr-ping-dot;position:absolute;inset:-4px}@keyframes vr-ping-dot{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.vr-radar-status.is-live{color:#3ee49b;background:#14875a47;border:1px solid #3ee49b73}.vr-radar-status.is-live i{background:#3ee49b}.vr-radar-status.is-watching{color:#9cc4ff;background:#1b5fd94d;border:1px solid #7fb0ff66}.vr-radar-status.is-watching i{background:#7fb0ff}.vr-radar-callout{color:#0f172a;white-space:nowrap;pointer-events:none;background:#fffffff2;border-radius:8px;gap:1px;padding:5px 9px;animation:3s ease-in-out infinite vr-float;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 18px));box-shadow:0 10px 26px #00000059}.vr-radar-callout:after{content:"";background:inherit;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.vr-radar-callout b{align-items:center;gap:6px;font-size:12px;display:flex}.vr-radar-callout b img,.vr-radar-callout b svg{border-radius:2px;width:16px;height:auto}.vr-radar-callout small{color:#14875a;font-size:12px;font-weight:700}@keyframes vr-float{50%{transform:translate(-50%,calc(-100% - 23px))}}.vr-radar-panel{background:linear-gradient(#081a3a,#06142e);border-top:1px solid #7fe6fa24;padding:10px 12px 12px;position:relative}.vr-radar-feed{gap:4px;display:grid}.vr-radar-row{background:#ffffff0a;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 10px;display:grid}.vr-radar-row:first-child{background:#28d7f514;box-shadow:inset 0 0 0 1px #7fe6fa2e}.vr-radar-flag{border-radius:3px;place-items:center;width:24px;height:17px;display:grid;overflow:hidden}.vr-radar-flag img,.vr-radar-flag svg{width:24px;height:auto}.vr-radar-place{min-width:0}.vr-radar-place strong{color:#fff;font-size:13px;font-weight:700;line-height:1.2;display:block}.vr-radar-place small{color:#9fb6d8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.vr-radar-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.vr-radar-badge.tone-ok{color:#5ff0b0;background:#3ee49b29}.vr-radar-badge.tone-wait{color:#ffc861;background:#e8a3172e}.vr-radar-badge.tone-info{color:#a9c9ff;background:#7fb0ff2e}.vr-radar-row time{color:#8aa4c8;white-space:nowrap;font-size:12px}.vr-radar-empty{color:#9fb6d8;text-align:center;margin:0;padding:24px 8px;font-size:14px}.vr-radar-stats{border-top:1px solid #7fe6fa1a;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:start;gap:10px;margin-top:10px;padding-top:10px;display:grid}.vr-radar-stats strong{color:#fff;font-size:18px;font-weight:800;line-height:1.1;display:block}.vr-radar-stats strong.t-ok{color:#3ee49b}.vr-radar-stats small{color:#8aa4c8;margin-top:2px;font-size:12px;display:block}.vr-radar-open{color:#fff;white-space:nowrap;background:#1b5fd9;border-radius:8px;align-self:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.vr-radar-open svg{width:16px;height:16px;transition:transform .2s}.vr-radar-card:hover .vr-radar-open svg{transform:translate(3px)}@media (width<=640px){.vr-radar-card{border-radius:18px}.vr-route-pulse{filter:none}.vr-radar-sweep{mix-blend-mode:normal}.vr-radar-top .vr-radar-status{-webkit-backdrop-filter:none;backdrop-filter:none}.vr-radar-stage{aspect-ratio:1.8}.vr-radar-world{top:-6%}.vr-radar-callout{animation-name:vr-float-down;transform:translate(-50%,16px)}.vr-radar-callout:after{top:-5px;bottom:auto}@keyframes vr-float-down{50%{transform:translate(-50%,20px)}}.vr-radar-top{inset:12px 12px auto}.vr-radar-top span:not(.vr-radar-status),.vr-radar-rings i:nth-child(3){display:none}.vr-radar-row{grid-template-columns:24px minmax(0,1fr) auto}.vr-radar-row time{display:none}.vr-radar-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-radar-open{grid-column:1/-1;justify-content:center}.vr-radar-stats{align-items:start}.vr-radar-stats strong{font-size:17px}}@media (prefers-reduced-motion:reduce){.vr-radar-card *,.vr-radar-card :after{animation:none!important}.vr-route-base{stroke-dashoffset:0}}