.radar-page{color:#252c36;padding:8px 0 30px;--pink:#e94269}.radar-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 30px}.radar-kicker{letter-spacing:2px;font-size:10px;color:#8c7b88;font-weight:700}.radar-kicker span{display:inline-block;width:7px;height:7px;background:#ed5476;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #fce6eb}.radar-heading h1{font-size:36px;letter-spacing:-1px;margin:18px 0 12px}.radar-heading h1 span{display:block;font-size:14px;color:#96929c;letter-spacing:1px;font-weight:400;margin-top:12px}.radar-heading p{color:#87909a;font-size:13px}.radar-download{border:1px solid #e3dce3;border-radius:12px;padding:12px 18px;background:#fff;font-size:12px;white-space:nowrap}.radar-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;background:#fff;border:1px solid #e7e5eb;border-radius:18px;padding:23px 10px;margin-bottom:26px;box-shadow:0 8px 30px #30243c03}.radar-stats>div{padding:0 24px;border-right:1px solid #eeedf1}.radar-stats>div:last-child{border:0}.radar-stats small{color:#8c919b;font-size:11px}.radar-stats strong{display:block;font-size:28px;letter-spacing:-1px;margin-top:10px}.radar-stats i{font-size:11px;font-style:normal;font-weight:400;color:#9699a1;margin-left:8px}.radar-stats .radar-date{font-size:14px;letter-spacing:0;line-height:2}.radar-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.radar-primary{min-width:0}.radar-tabs{display:flex;gap:6px;background:#ebecef;border-radius:12px;padding:5px;margin-bottom:20px}.radar-tabs button{flex:1;border:0;background:none;padding:11px 5px;color:#7c818c;border-radius:9px;font-size:12px;cursor:pointer;transition:background .2s,box-shadow .2s}.radar-tabs button[aria-pressed=true]{background:#fff;color:#de4269;font-weight:700;box-shadow:0 3px 8px #2721380b}.radar-panel{background:#fff;border:1px solid #e7e7ed;border-radius:18px;padding:23px;margin-bottom:20px;box-shadow:0 6px 25px #30243c03;overflow:hidden}.radar-panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.radar-panel-title small{font-size:9px;letter-spacing:2px;color:#a4a1af}.radar-panel h2{font-size:17px;margin:8px 0 0}.radar-panel-title>span{font-size:10px;color:#999ca6}.radar-chart{height:330px;width:100%}.radar-chart.small{height:240px}.radar-hint{text-align:center;font-size:11px;color:#a09ba8;margin:0}.radar-rank-row{display:flex;align-items:center;width:100%;gap:16px;padding:15px 8px;border:0;border-bottom:1px solid #f1eff3;background:#fff;text-align:left;cursor:pointer;color:#39404b;transition:background .2s}.radar-rank-row:first-child{margin-top:16px}.radar-rank-row:hover,.radar-rank-row.selected{background:#fff5f7;border-radius:8px}.radar-rank-row>span{font-size:12px;color:#b9afbb}.radar-rank-row strong{flex:1;font-size:13px}.radar-rank-row small{font-size:10px;color:#9a9ca5}.radar-rank-row b{color:#df4a6c;font-size:14px}.radar-rank-row i{font-style:normal;font-size:11px;color:#8d98a0;width:40px;text-align:right}.radar-signal{background:linear-gradient(145deg,#fff,#fdfdff);border:1px solid #e7e5ea;border-radius:27px;padding:29px 25px;box-shadow:0 15px 45px #3b294d08;position:sticky;top:100px;min-width:0;animation:radar-enter .6s ease both}.signal-eyebrow{color:#ed2854;font-size:11px;font-weight:800;letter-spacing:3px;display:flex;justify-content:space-between}.signal-eyebrow span{font-size:27px;line-height:14px}.radar-signal h2{font-size:32px;color:#1e2228;margin:16px 0 18px;overflow-wrap:anywhere}.signal-badges{display:flex;flex-wrap:wrap;gap:7px}.signal-badges b{font-size:11px;border-radius:25px;padding:9px 10px;background:#fce9ee;color:#e72d56}.signal-badges b:last-child{background:#e7f4f1;color:#29877c}.signal-summary{color:#8a909b;font-size:12px;line-height:1.9;margin:19px 0}.radar-signal h3{font-size:16px;margin:22px 0 12px}.signal-fact,.signal-co{background:#fafbfc;border:1px solid #e5e5eb;border-radius:13px;padding:14px 12px;margin:8px 0;color:#77808e;font-size:11px}.signal-fact strong{color:#e82b56;font-size:17px;margin-right:20px}.signal-co small{font-weight:700;font-size:11px}.signal-co>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.signal-co span{color:#df315b;background:#fce9ee;border-radius:20px;padding:8px 10px;font-size:10px;font-weight:700}.signal-dramas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.signal-dramas img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:11px;background:#efedf1;transition:transform .25s}.signal-dramas a:hover img{transform:translateY(-4px)}.signal-dramas strong{font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0}.signal-dramas small{font-size:9px;color:#9da3ae}.signal-tags{display:flex;flex-wrap:wrap;gap:7px}.signal-tags a,.signal-tags span{font-size:10px;padding:9px 11px;background:#f0f3f6;border-radius:25px;color:#68717d;font-weight:600}.signal-note{font-size:10px;color:#aaa6b0;line-height:1.8;border-top:1px solid #eeedf1;padding-top:18px;margin-top:22px}.radar-method{color:#8c8f99;font-size:11px;line-height:1.9;padding:8px 4px}.radar-method summary{cursor:pointer;color:#777482}.radar-panel{animation:radar-enter .55s ease both}@keyframes radar-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1200px){body:has(.radar-page){background:radial-gradient(ellipse at 85% 0,#faedf0,transparent 38%),#f6f7fa}}@media(max-width:1250px){.radar-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.radar-signal{padding:23px 18px}.radar-stats>div{padding:0 14px}}@media(max-width:1000px){.radar-layout{grid-template-columns:1fr}.radar-signal{position:static}.signal-dramas{max-width:420px}.radar-stats{grid-template-columns:1fr 1fr;gap:22px}.radar-stats>div:nth-child(2){border:0}}@media(max-width:600px){.radar-heading{align-items:flex-start}.radar-heading h1{font-size:29px}.radar-heading h1 span{font-size:12px}.radar-heading p{font-size:11px}.radar-download{font-size:10px;padding:10px}.radar-panel{padding:16px}.radar-rank-row{gap:8px}.radar-rank-row small{font-size:9px}.radar-chart{height:300px}body:has(.radar-page) header nav{gap:10px}body:has(.radar-page) .header-auth{display:none}.radar-tabs button{font-size:11px}}@media(prefers-reduced-motion:reduce){.radar-page *{animation:none!important;transition:none!important}}
/* v2: line race and layered dark radar */
.race-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px}.race-actions button{border:1px solid #e7e3ec;background:#fff;border-radius:8px;padding:7px 10px;font-size:11px;color:#71677c;cursor:pointer}.race-actions button:disabled{opacity:.5;cursor:default}.radar-chart.race-chart{height:370px;margin-top:12px}.radar-dark.radar-panel{background:#171727;border-color:#29283b;padding:24px 18px 14px;box-shadow:0 12px 32px #1a15221a}.radar-dark .radar-panel-title small{color:#827c9b}.radar-dark .radar-panel-title h2{color:#f4eef7}.radar-dark .radar-chart.small{height:320px}.radar-dark-caption{font-size:10px;text-align:center;color:#8c829b;letter-spacing:1px;margin:14px 0 0}.radar-page .radar-hint{line-height:1.8;font-size:10px}.radar-page .radar-hint #race-day{color:#d45d7d;font-variant-numeric:tabular-nums;font-weight:700}@media(max-width:1250px){}@media(max-width:600px){.race-actions{gap:5px}.race-actions button{font-size:10px;padding:6px 8px}.radar-panel-title:has(.race-actions){align-items:flex-start;flex-direction:column}.radar-chart.race-chart{height:330px}.radar-dark .radar-chart.small{height:300px}}
/* v3: purpose-built views for trends, tags, keywords, categories, themes and overseas */
.radar-page [hidden]{display:none!important}.radar-tabs{flex-wrap:wrap;gap:6px}.radar-tabs button{flex:1 1 95px;min-width:88px}.radar-tag-panel{margin-bottom:20px}.tag-radar-chart{height:430px}.radar-dark .tag-radar-chart{height:430px}.radar-no-data{color:#8c939e;padding:24px 8px}.radar-hint{line-height:1.9}.radar-rank-row.selected{box-shadow:inset 3px 0 #ec6684}@media(max-width:750px){.radar-tabs button{flex:1 1 30%;font-size:11px}.tag-radar-chart,.radar-dark .tag-radar-chart{height:360px}}@media(max-width:400px){.radar-tabs button{flex:1 1 29%;min-width:0;padding:9px 3px}.radar-tag-panel{padding:14px}}