:root{--accent:#2f9e44;--accent-deep:#2b8a3e;--accent-soft:#ebfbee;--up:#e03131;--up-bg:#fff5f5;--down:#2f9e44;--down-bg:#ebfbee}body{color:var(--text);background:var(--bg);overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:16px;height:58px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17.5px;letter-spacing:.3px;white-space:nowrap;color:var(--text)}.brand .leaf{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#37b24d,#2b8a3e);flex:none}.brand .leaf svg{width:16px;height:16px}.brand em{font-style:normal;color:var(--accent)}.topbar .meta{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #12b76a26;animation:pulse 2.2s infinite;flex:none}@keyframes pulse{50%{box-shadow:0 0 0 6px #12b76a00}}.topnav{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted);margin-left:auto;white-space:nowrap}.topnav a:hover{color:var(--accent-deep)}.page-head{padding:34px 0 20px}.page-head .kicker{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.page-head h1{margin-top:8px;font-size:clamp(22px,3.5vw,30px);letter-spacing:-.5px;line-height:1.25}.page-head h1 small{font-size:.55em;font-weight:600;color:var(--muted);margin-left:8px;letter-spacing:0}.page-head p{margin-top:10px;color:var(--muted);font-size:13.5px;line-height:1.8;max-width:760px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,border-color .2s;min-width:0}.card:hover{box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;gap:9px;padding:15px 18px 13px;border-bottom:1px solid var(--line)}.card-head .dot{width:8px;height:8px;border-radius:2.5px;flex:none}.card-head h2{font-size:15px;font-weight:700}.card-head .sub{margin-left:auto;font-size:11.5px;color:var(--dim);text-align:right}.card-foot{padding:10px 18px;font-size:11.5px;color:var(--dim);border-top:1px solid var(--line);background:#fcfcfe;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.card-foot.warn{background:#fffaf0;border-top-color:#f3e6c8;color:#8a6d1a;font-weight:600;justify-content:center}.gauge-card{display:grid;grid-template-columns:250px minmax(0,1fr);margin-bottom:16px}.gauge-box{position:relative;padding:22px 8px 14px;display:flex;flex-direction:column;align-items:center}.gauge-svg{display:block}.gauge-score{position:absolute;left:0;right:0;top:66px;text-align:center;pointer-events:none}.gauge-score b{display:block;font-size:42px;line-height:1;letter-spacing:-2px}.gauge-score span{display:block;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--muted)}.gauge-scale{display:flex;justify-content:space-between;width:196px;font-size:10.5px;color:var(--dim);margin-top:2px}.gauge-side{padding:22px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}.level-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.level-badge{padding:4px 13px;border-radius:999px;font-size:14px;font-weight:800;color:#fff;flex:none}.pctile-badge{padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;background:#868e96;flex:none}.level-desc{font-size:13.5px;color:var(--muted);line-height:1.7;min-width:0}.level-tip{font-size:12px;color:var(--dim);line-height:1.8;background:var(--accent-soft);border:1px solid #d3f0d8;border-radius:var(--radius-s);padding:11px 14px}.thermos{display:flex;justify-content:center;gap:2px;flex-wrap:wrap}.tlabel{font-size:11px;color:var(--dim);text-align:center;letter-spacing:1px}.thermo{flex:none}.thermo svg{display:block}.main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;padding-bottom:18px;align-items:start}.side-col{position:sticky;top:72px;display:grid;gap:16px}.rank-head{display:grid;grid-template-columns:34px minmax(0,1fr) 58px 64px 64px 42px 44px;gap:10px;padding:9px 16px;font-size:11px;color:var(--dim);border-bottom:1px solid var(--line);background:#fcfcfe}.rank-head span:nth-child(n+3){text-align:right}.rank-list{list-style:none}.rank-list li{border-bottom:1px solid #f2f4f8}.rank-list li:last-child{border-bottom:none}.row{display:grid;grid-template-columns:34px minmax(0,1fr) 58px 64px 64px 42px 44px;gap:10px;align-items:center;padding:10px 16px;cursor:pointer;border-left:3px solid transparent;transition:background .12s,border-color .12s}.row:hover{background:#f8f9fc}.row.sel{background:var(--accent-soft);border-left-color:var(--accent)}.rk{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--dim);background:#f1f3f7}.rk.top3{color:#fff;background:var(--accent)}.row .name{min-width:0}.row .name b{display:flex;align-items:center;gap:6px;font-size:13.5px;line-height:1.35;white-space:nowrap;overflow:hidden}.row .name b .bn{overflow:hidden;text-overflow:ellipsis}.row .name .kind{font-size:9.5px;font-weight:700;color:var(--dim);border:1px solid var(--line-strong);border-radius:4px;padding:0 4px;flex:none}.row .name .kind.con{color:#1971c2;border-color:#a5d8ff;background:#e7f5ff}.row .name small{display:block;font-size:10.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chg{font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:5px;white-space:nowrap}.chg.up{color:var(--up);background:var(--up-bg)}.chg.down{color:var(--down);background:var(--down-bg)}.num{text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}.num.pos{color:var(--up)}.num.neg{color:var(--down)}.score-pill{width:36px;height:24px;margin-left:auto;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#f1f3f7;color:var(--muted)}.score-pill.hi{color:#fff;background:var(--accent)}.spark svg{display:block}.radar-box{padding:16px 10px 6px;display:flex;justify-content:center}.radar-svg{display:block;max-width:100%;height:auto}.pick-title{padding:12px 18px 4px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.pick-title b{font-size:17px}.pick-title small{color:var(--dim);font-size:11.5px}.picked{padding:6px 18px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.picked .kv{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;border-bottom:1px dashed #eef1f6;padding-bottom:8px;min-width:0}.picked .kv i{font-style:normal;color:var(--dim);flex:none}.picked .kv b{font-weight:700;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xrow{background:#fbfcfe;border-left:3px solid transparent}.xrow.open{border-left-color:var(--accent);background:var(--accent-soft)}.xrow[hidden]{display:none}.xsummary{margin:0;padding:10px 18px 16px 49px;font-size:12.5px;line-height:1.9;color:var(--muted)}.idx-row{display:flex;gap:8px;flex-wrap:wrap;padding:13px 18px 2px}.idx-pill{font-size:12.5px;padding:5px 12px;border-radius:8px;background:#f6f8fa;display:flex;gap:7px;align-items:baseline}.idx-pill b{font-weight:700}.idx-pill em{font-style:normal;font-weight:700;color:var(--dim)}.idx-pill em.up{color:var(--up)}.idx-pill em.down{color:var(--down)}.boards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:18px}.board-list{list-style:none;padding:12px 18px 14px}.board-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,112px);gap:10px;align-items:center;padding:9px 0}.b-name{min-width:0}.b-name b{font-size:13.5px;display:flex;align-items:center;gap:7px;min-width:0}.b-name b .bn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-name .kind{font-size:10px;font-weight:700;color:var(--dim);border:1px solid var(--line-strong);border-radius:4px;padding:0 5px;flex:none}.b-name .track{margin-top:6px;height:8px;border-radius:4px;background:#f1f3f7;overflow:hidden}.b-name .fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.b-num{min-width:0;text-align:right}.b-num b{font-size:13.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-num small{display:block;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fill.in{background:linear-gradient(90deg,#ff8787,var(--up))}.fill.out{background:linear-gradient(90deg,#69db7c,var(--down))}.method{padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px}.method .m{font-size:12.5px;color:var(--muted);line-height:1.8;min-width:0}.method .m b{display:flex;align-items:center;gap:7px;color:var(--text);font-size:13px;margin-bottom:3px}.method .m b i{font-style:normal;width:8px;height:8px;border-radius:2.5px;flex:none}.state{padding:34px 20px;text-align:center;color:var(--dim);font-size:13px}.state .btn{margin-top:12px;padding:7px 18px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12.5px;cursor:pointer}.state .btn:hover{color:var(--accent-deep);border-color:var(--accent)}.skl{padding:16px}.skl div{height:34px;margin:5px 0;border-radius:7px;background:linear-gradient(90deg,#f2f4f8 25%,#e9ecf2,#f2f4f8 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.footer{border-top:1px solid var(--line);padding:28px 0 36px;text-align:center;color:var(--dim);font-size:12.5px;line-height:2.1}.footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer a:hover{color:var(--accent-deep)}.disclaim{max-width:760px;margin:10px auto 0;font-size:11.5px;color:var(--dim);line-height:1.9}@media(max-width:960px){.main-grid{grid-template-columns:1fr}.side-col{position:static}.boards-grid,.gauge-card{grid-template-columns:1fr}.gauge-side{border-left:none;border-top:1px solid var(--line)}}@media(max-width:720px){.topbar-inner{height:52px;gap:10px}.brand{font-size:16px}.brand .leaf{width:25px;height:25px}.topnav{display:none}.page-head{padding:20px 0 12px}.topbar .meta{font-size:11px}.rank-head span:nth-child(5),.row .retail-net{display:none}.rank-head{grid-template-columns:30px minmax(0,1fr) 54px 60px 40px 42px;padding:9px 13px}.row{grid-template-columns:30px minmax(0,1fr) 54px 60px 40px 42px;padding:11px 13px}.row .name .pv{display:none}.xsummary{padding:10px 14px 14px 13px}.picked{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}