.ss-live-radar{min-width:0;max-width:490px;width:100%;margin:auto;color:#edf4dc}
.ss-live-radar .ss-radar-stage{max-width:400px;aspect-ratio:1;width:100%;position:relative;margin:0 auto}
.ss-live-radar *{box-sizing:border-box}
.ss-live-radar .ss-radar-points{position:absolute;inset:0}
.ss-live-radar .ss-radar-point{position:absolute;display:flex;align-items:center;gap:7px;width:max-content;max-width:70%;min-height:44px;padding:10px 11px;border:1px solid #a7c48a60;background:#16372fea;border-radius:8px;color:#e4efd7!important;font-size:12px;line-height:1.4;letter-spacing:0;text-decoration:none;box-shadow:0 8px 25px #0b241b22;z-index:1}
.ss-live-radar .ss-radar-point>span:first-child{width:6px;height:6px;flex:none;border-radius:50%;background:#d9f3a4;box-shadow:0 0 13px #d9f3a470}
.ss-live-radar .ss-radar-label{min-width:0;overflow-wrap:anywhere;white-space:normal}
.ss-live-radar .ss-radar-new{font-size:8px;letter-spacing:.5px;font-weight:500;color:#d9f3a4;border-left:1px solid #a7c48a60;padding-left:7px}
.ss-live-radar .ss-radar-pos-0{left:3%;top:2%}
.ss-live-radar .ss-radar-pos-1{right:0%;top:18%}
.ss-live-radar .ss-radar-pos-2{left:0%;top:35%}
.ss-live-radar .ss-radar-pos-3{right:3%;top:51%}
.ss-live-radar .ss-radar-pos-4{left:7%;top:68%}
.ss-live-radar .ss-radar-pos-5{right:0%;top:84%}
.ss-live-radar .ss-radar-point:hover,.ss-live-radar .ss-radar-point.is-selected{border-color:#d4eca6c0;background:#24483c}
.ss-live-radar .ss-radar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 15px}
.ss-live-radar .ss-radar-count{font-size:12px;color:#deedc8!important;text-decoration:none;line-height:1.6}
.ss-live-radar .ss-radar-count:hover{text-decoration:underline;text-underline-offset:4px}
.ss-live-radar .ss-radar-toggle{font:inherit;font-size:10px;line-height:1.5;color:#c8d8bd;border:1px solid #adc59c50;background:transparent;border-radius:20px;padding:7px 10px;cursor:pointer;white-space:nowrap}
.ss-live-radar .ss-radar-toggle[hidden]{display:none}
.ss-live-radar .ss-radar-preview{min-width:0;display:flex;align-items:center;gap:17px;min-height:125px;padding:16px 18px;border:1px solid #a7c48a45;background:#0e29265c;border-radius:13px}
.ss-live-radar .ss-radar-preview-image{display:block;width:72px;height:82px;object-fit:cover;flex:none;border-radius:7px}
.ss-live-radar .ss-radar-preview-image[hidden]{display:none}
.ss-live-radar .ss-radar-preview-copy{min-width:0;flex:1;overflow-wrap:anywhere}
.ss-live-radar .ss-radar-preview-category{font-size:9px!important;letter-spacing:1.2px;text-transform:uppercase;color:#b6cda7;margin:0 0 6px!important;line-height:1.4}
.ss-live-radar .ss-radar-preview-title{font-size:15px!important;line-height:1.35;color:#f3f6e7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 7px!important}
.ss-live-radar .ss-radar-read{display:inline-block;font-size:11px;color:#def3af!important;text-decoration:none;line-height:1.6}
.ss-live-radar .ss-radar-read:hover{text-decoration:underline;text-underline-offset:3px}
.ss-live-radar a:focus-visible,.ss-live-radar button:focus-visible{outline:2px solid #e1f4ad;outline-offset:4px}
.ss-live-radar[data-motion-paused=true] .ss-radar2:before{animation-play-state:paused}
@media(max-width:760px){.ss-live-radar{max-width:360px;margin:10px auto 30px}.ss-live-radar .ss-radar-stage{max-width:330px;margin:0 auto}.ss-live-radar .ss-radar-toggle{min-height:44px;white-space:normal;padding:8px 12px}.ss-live-radar .ss-radar-toolbar{flex-wrap:wrap;margin:12px 0}.ss-live-radar .ss-radar-point{min-height:54px;font-size:12px;padding:9px 8px}.ss-live-radar .ss-radar-preview{min-height:130px;padding:15px;gap:13px}.ss-live-radar .ss-radar-preview-title{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.ss-live-radar .ss-radar2:before{animation:none}.ss-live-radar .ss-radar-toggle{display:none}}

/* Small phones need six staggered positions inside the homepage's narrow content column. */
@media(max-width:480px){
.ss-live-radar .ss-radar-stage{width:calc(100% + 32px);max-width:none;margin-left:-16px;aspect-ratio:auto;height:420px}
.ss-live-radar .ss-radar2,.ss-live-radar .ss-axis{top:50%;bottom:auto;aspect-ratio:1;transform:translateY(-50%)}
.ss-live-radar .ss-radar-point{min-height:54px;max-width:78%}
.ss-live-radar .ss-radar-new{position:absolute;right:6px;top:-8px;border:1px solid #a7c48a60;border-radius:4px;background:#16372f;padding:1px 4px}
}