/* Shared dashboard tokens; every rule is confined to the two renderer roots. */
:is(.scene-view,.rank-view){--scene-tint:var(--scene-light,var(--accent,#c2410c));box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:var(--ink,#27272a);background:var(--panel,#fff);font-size:calc(14px * var(--scene-scale,1));line-height:1.55;text-align:left;border:1px solid var(--line,#e4e4e7);border-radius:18px;isolation:isolate}
:where([data-theme=dark]) :is(.scene-view,.rank-view){--scene-tint:var(--scene-dark,var(--scene-light,var(--accent)))}
:is(.scene-view,.rank-view) *{box-sizing:border-box}
:is(.scene-view,.rank-view) :is(h2,h3,h4,p,figure,dl,dd){margin:0}
:is(.scene-view,.rank-view) a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
:is(.scene-view,.rank-view) a:hover{text-decoration:underline;text-underline-offset:.2em;color:var(--scene-tint)}
:is(.scene-view,.rank-view) :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--scene-tint);outline-offset:3px;border-radius:3px}
:is(.scene-view,.rank-view) :is(ul,ol){padding:0;margin:0;list-style:none}
:is(.scene-view,.rank-view) .scene-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;padding:1em 1.4em;border-bottom:1px solid var(--line);flex:none}
:is(.scene-view,.rank-view) .scene-header h2{font-size:1.08em;font-weight:650;letter-spacing:.03em;color:var(--scene-tint)}
:is(.scene-view,.rank-view) .scene-header p{font-size:.8em;color:var(--muted);margin-top:.3em;max-width:72em}
:is(.scene-view,.rank-view) .scene-period{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3em .8em;text-align:right;flex:none;font-size:.78em;max-width:38%;color:var(--muted)}
:is(.scene-view,.rank-view) :is(.scene-scroll,.rank-scroll){overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding:1em;flex:1;min-height:0;padding:1.3em 1.4em;outline-offset:-3px}
:is(.scene-view,.rank-view) .scene-empty{padding:3em 1em;color:var(--muted);text-align:center}
:is(.scene-view,.rank-view) :is(.scene-attribution,.rank-notes,.scene-legend){font-size:.76em;color:var(--muted);line-height:1.7;margin-top:1.5em;border-top:1px solid var(--line);padding-top:.8em}
:is(.scene-view,.rank-view) .scene-attribution a{text-decoration:underline;text-underline-offset:.2em}
:is(.scene-view,.rank-view) .scene-status{margin:.7em 1.4em 0;padding:.6em .9em;border-left:3px solid var(--scene-tint);background:var(--subtle);font-size:.85em}
:is(.scene-view,.rank-view) .scene-event{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2em;align-items:start}
:is(.scene-view,.rank-view) :is(.scene-story,.scene-event-details){min-width:0}
:is(.scene-view,.rank-view) .scene-cover{display:block;width:100%;aspect-ratio:16/9;max-height:34vh;object-fit:cover;border-radius:9px;margin-bottom:1.1em;background:var(--subtle)}
:is(.scene-view,.rank-view) .scene-position{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45em .8em;font-size:.85em;color:var(--muted);margin-bottom:.7em}
:is(.scene-view,.rank-view) .scene-position>b{font-size:1.75em;font-weight:600;line-height:1;color:var(--scene-tint);font-variant-numeric:tabular-nums}
:is(.scene-view,.rank-view) .scene-headline{font-size:clamp(1.35em,2.5vw,2.3em);font-weight:650;line-height:1.45;letter-spacing:-.025em;margin:.3em 0 .6em;overflow-wrap:anywhere}
:is(.scene-view,.rank-view) .scene-byline{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em .8em;color:var(--muted);font-size:.77em;font-weight:400;line-height:1.8}
:is(.scene-view,.rank-view) .scene-byline strong{font-weight:600;color:var(--ink)}
:is(.scene-view,.rank-view) .scene-date{font-variant-numeric:tabular-nums}
:is(.scene-view,.rank-view) .scene-origin{color:var(--muted);font-size:.77em;line-height:1.75;margin-top:.5em;padding-left:.65em;border-left:2px solid var(--line)}
:is(.scene-view,.rank-view) .scene-origin a{text-decoration:underline}
:is(.scene-view,.rank-view) .scene-copies{color:var(--muted)}
:is(.scene-view,.rank-view) .scene-recent{color:var(--scene-tint)}
:is(.scene-view,.rank-view) .scene-tags{display:flex;flex-wrap:wrap;gap:.35em .7em;line-height:1.5;margin-top:.6em;font-size:.8em;font-weight:400;color:var(--muted)}
:is(.scene-view,.rank-view) .scene-tags a[data-major]{color:var(--scene-tint);font-weight:600}
:is(.scene-view,.rank-view) .scene-story>.scene-tags{font-size:.95em;margin-top:.9em}
:is(.scene-view,.rank-view) .scene-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7em;margin-bottom:1em}
:is(.scene-view,.rank-view) .scene-metrics>div{min-width:0;border-left:2px solid var(--line);padding-left:.65em}
:is(.scene-view,.rank-view) .scene-metrics dt{font-size:.75em;color:var(--muted);margin-bottom:.35em}
:is(.scene-view,.rank-view) .scene-metrics dd{display:flex;gap:.2em;flex-wrap:wrap;align-items:baseline;font-size:1.65em;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:is(.scene-view,.rank-view) .scene-metrics small{font-size:.65em;font-weight:400;color:var(--muted)}
:is(.scene-view,.rank-view) .scene-metrics .scene-change{font-size:.45em;flex-basis:100%}
:is(.scene-view,.rank-view) .scene-change{display:inline-block;font-variant-numeric:tabular-nums;font-size:.8em;font-weight:500;color:var(--scene-tint)}
:is(.scene-view,.rank-view) .scene-change[data-direction=down],:is(.scene-view,.rank-view) .scene-change[data-direction=flat]{color:var(--muted)}
:is(.scene-view,.rank-view) .scene-meta{font-size:.78em;color:var(--muted);margin:.6em 0 1em;line-height:1.7}
:is(.scene-view,.rank-view) .scene-coverage{margin:1em 0}
:is(.scene-view,.rank-view) .scene-camp-bar{display:flex;gap:2px;min-height:1.4em;overflow:hidden;border-radius:4px;color:white;font-size:.72em;font-variant-numeric:tabular-nums}
:is(.scene-view,.rank-view) .scene-camp-bar span{flex-basis:0;min-width:0;overflow:hidden;text-align:center;white-space:nowrap;padding:.15em 0}
:is(.scene-view,.rank-view) [data-camp=green]{background:#047857}
:is(.scene-view,.rank-view) [data-camp=blue]{background:#1d4ed8}
:is(.scene-view,.rank-view) [data-camp=other]{background:#52525b}
:is(.scene-view,.rank-view)[data-palette=mono] .scene-camp-bar span{background:var(--muted)}
:is(.scene-view,.rank-view) .scene-coverage p{font-size:.73em;color:var(--muted);margin-top:.4em}
:is(.scene-view,.rank-view) :is(.scene-trend,.scene-rank-trail){margin:1.1em 0;padding:.85em 0;border-block:1px solid var(--line)}
:is(.scene-view,.rank-view) figcaption{font-size:.75em;color:var(--muted);font-weight:400;line-height:1.6;margin-bottom:.4em}
:is(.scene-view,.rank-view) .scene-spark{display:block;width:100%;height:55px;min-width:65px;color:var(--scene-tint);overflow:visible}
:is(.scene-view,.rank-view) .scene-rank-trail .scene-spark{height:40px}
:is(.scene-view,.rank-view) .scene-trend-ends{display:flex;justify-content:space-between;font-size:.68em;color:var(--muted);margin-top:.35em}
:is(.scene-view,.rank-view) .scene-no-trend{font-size:.75em;font-weight:400;color:var(--muted)}
:is(.scene-view,.rank-view) .scene-reports>h3{font-size:.9em;font-weight:600;margin:1em 0 .2em}
:is(.scene-view,.rank-view) .scene-report{display:flex;gap:.8em;padding:.9em 0;border-bottom:1px solid var(--line)}
:is(.scene-view,.rank-view) .scene-report:last-child{border-bottom:0}
:is(.scene-view,.rank-view) .scene-report-image{width:6em;height:4em;object-fit:cover;flex:none;border-radius:4px;background:var(--subtle)}
:is(.scene-view,.rank-view) .scene-report-text{min-width:0;flex:1}
:is(.scene-view,.rank-view) .scene-report h4{font-size:.97em;font-weight:550;line-height:1.65;margin-bottom:.3em}
:is(.scene-view,.rank-view) .scene-summary{font-size:.82em;color:var(--muted);line-height:1.8;margin-top:.5em}
:is(.scene-view,.rank-view) .scene-video-event{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.8em;border-bottom:1px solid var(--line);padding-bottom:1em;margin-bottom:1.2em}
:is(.scene-view,.rank-view) .scene-video-event .scene-headline{font-size:1.45em;margin:.25em 0 .4em}
:is(.scene-view,.rank-view) .scene-video-event .scene-position{margin-bottom:.3em}
:is(.scene-view,.rank-view) .scene-video-event .scene-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
:is(.scene-view,.rank-view) .scene-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16em),1fr));gap:1.4em;align-items:start}
:is(.scene-view,.rank-view) .scene-video-card{min-width:0;padding-bottom:1em;border-bottom:1px solid var(--line)}
:is(.scene-view,.rank-view) .scene-video-card>h3{font-size:1.03em;line-height:1.65;font-weight:600;margin:.7em 0 .4em}
:is(.scene-view,.rank-view) .scene-player{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.6em;min-width:0;background:var(--subtle);border:1px solid var(--line);border-radius:7px;overflow:hidden}
:is(.scene-view,.rank-view) .scene-video-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--subtle)}
:is(.scene-view,.rank-view) .scene-play{margin:.5em .7em .7em;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--scene-tint);font:inherit;font-size:.8em;padding:.5em .9em;cursor:pointer}
:is(.scene-view,.rank-view) .scene-play:hover{border-color:var(--scene-tint)}
:is(.scene-view,.rank-view) .scene-play[hidden]{display:none}
:is(.scene-view,.rank-view) .scene-player:has(.scene-video-embed){aspect-ratio:16/9}
:is(.scene-view,.rank-view) .scene-player:has(.scene-video-embed)>.scene-video-image{display:none}
:is(.scene-view,.rank-view) .scene-video-embed{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
:is(.scene-view,.rank-view) .scene-video-views{color:var(--scene-tint);font-size:.9em;font-variant-numeric:tabular-nums;margin:.4em 0}
:is(.scene-view,.rank-view) .scene-video-dates{display:flex;flex-wrap:wrap;gap:.2em .8em;color:var(--muted);font-size:.74em;margin:.4em 0}
:is(.scene-view,.rank-view) .scene-video-context{font-size:.8em;margin-top:.7em;color:var(--muted)}
:is(.scene-view,.rank-view) .scene-video-context>a{color:var(--scene-tint)}
:is(.scene-view,.rank-view) .scene-video-links{font-size:.76em;color:var(--scene-tint);margin-top:.75em}
:is(.scene-view,.rank-view) .scene-live{display:flex;flex-direction:column;gap:.3em;margin:.6em 0;font-variant-numeric:tabular-nums}
:is(.scene-view,.rank-view) .scene-live>strong{font-size:1.05em;color:var(--scene-tint);font-weight:600}
:is(.scene-view,.rank-view) .scene-live>span{font-size:.75em;color:var(--muted)}
:is(.scene-view,.rank-view) .scene-live figure{margin-top:.3em}
:is(.scene-view,.rank-view) .scene-live .scene-spark{height:36px}
:is(.scene-view,.rank-view) .scene-board{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
:is(.scene-view,.rank-view) .scene-board caption{text-align:left;color:var(--muted);font-size:.77em;margin-bottom:.8em}
:is(.scene-view,.rank-view) .scene-board :is(th,td){padding:.9em .7em;border-bottom:1px solid var(--line);vertical-align:top}
:is(.scene-view,.rank-view) .scene-board thead th{font-size:.76em;font-weight:500;color:var(--muted);white-space:nowrap;text-align:right;background:var(--panel);position:sticky;top:-1.8em;z-index:1}
:is(.scene-view,.rank-view) .scene-board thead th:nth-child(2){text-align:left}
:is(.scene-view,.rank-view) .scene-board-place{font-size:1.2em;color:var(--muted);width:2.5em;text-align:center}
:is(.scene-view,.rank-view) .scene-board-name{text-align:left;font-size:1em;font-weight:600;line-height:1.7;min-width:17em;width:52%}
:is(.scene-view,.rank-view) .scene-board-name>small{display:block;font-size:.74em;color:var(--muted);font-weight:400}
:is(.scene-view,.rank-view) .scene-board-name>.scene-byline{margin-top:.4em}
:is(.scene-view,.rank-view) .scene-board-count{text-align:right;white-space:nowrap;font-size:1.05em}
:is(.scene-view,.rank-view) .scene-board-count small{font-size:.65em;color:var(--muted)}
:is(.scene-view,.rank-view) .scene-board-trend{min-width:7em;width:12%}
:is(.scene-view,.rank-view) .scene-board-trend .scene-spark{height:37px;margin-top:.2em}
:is(.scene-view,.rank-view) .scene-latest{font-size:.8em;font-weight:400;color:var(--muted);margin-top:.5em}
:is(.scene-view,.rank-view) .scene-latest>.scene-byline{font-size:.95em}
:is(.scene-view,.rank-view) .rank-list{display:flex;flex-direction:column}
:is(.scene-view,.rank-view) .rank-row{display:flex;align-items:center;gap:1em;min-width:0;padding:1em .2em;border-bottom:1px solid var(--line);color:var(--ink)}
:is(.scene-view,.rank-view) .rank-position{width:2em;flex:none;color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.2em;text-align:center}
:is(.scene-view,.rank-view) .rank-name{min-width:0;flex:1}
:is(.scene-view,.rank-view) .rank-name h3{font-size:1.15em;font-weight:600;color:var(--rank-color,var(--scene-tint));line-height:1.5}
:where([data-theme=dark]) :is(.scene-view,.rank-view) .rank-name h3{color:var(--rank-dark,var(--rank-color,var(--scene-tint)))}
:is(.scene-view,.rank-view) .rank-detail{font-size:.76em;color:var(--muted);margin-top:.3em;line-height:1.8;overflow-wrap:anywhere}
:is(.scene-view,.rank-view) .rank-detail:empty{display:none}
:is(.scene-view,.rank-view) .rank-name>.scene-change{margin-top:.35em}
:is(.scene-view,.rank-view) .rank-image{width:3.5em;height:3.5em;object-fit:contain;flex:none;border-radius:6px;background:var(--subtle)}
:is(.scene-view,.rank-view) .rank-emoji{font-size:2em;flex:none;width:1.75em;text-align:center}
:is(.scene-view,.rank-view) .rank-value{max-width:35%;text-align:right;flex:none;display:flex;flex-direction:column;gap:.2em;font-variant-numeric:tabular-nums}
:is(.scene-view,.rank-view) .rank-value strong{font-size:1.35em;font-weight:600;overflow-wrap:anywhere}
:is(.scene-view,.rank-view) .rank-value>span{font-size:.72em;color:var(--muted)}
:is(.scene-view,.rank-view) .rank-trend{width:7em;flex:none}
:is(.scene-view,.rank-view)[data-density=compact] .scene-scroll,:is(.scene-view,.rank-view)[data-density=compact] .rank-scroll{padding:.8em 1em}
:is(.scene-view,.rank-view)[data-density=compact] .scene-header{padding:.65em 1em}
:is(.scene-view,.rank-view)[data-density=compact] .scene-event{gap:1.2em}
:is(.scene-view,.rank-view)[data-density=compact] .scene-report,:is(.scene-view,.rank-view)[data-density=compact] .rank-row{padding:.6em .1em}
:is(.scene-view,.rank-view)[data-density=compact] .scene-board :is(th,td){padding:.55em .5em}
@media(max-width:900px){
  :is(.scene-view,.rank-view) .scene-event{grid-template-columns:1fr;gap:1.1em}
  :is(.scene-view,.rank-view) .scene-cover{max-height:34vh;object-fit:contain;background:var(--subtle)}
  :is(.scene-view,.rank-view) .scene-video-event{grid-template-columns:1fr;gap:.8em}
  :is(.scene-view,.rank-view) .scene-video-event .scene-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  :is(.scene-view,.rank-view) .rank-trend{width:5em}
}
@media(max-width:560px){
  :is(.scene-view,.rank-view){border-radius:10px}
  :is(.scene-view,.rank-view) .scene-header{flex-direction:column;gap:.4em;padding:.8em 1em}
  :is(.scene-view,.rank-view) .scene-period{max-width:none;text-align:left;justify-content:flex-start}
  :is(.scene-view,.rank-view) :is(.scene-scroll,.rank-scroll){padding:1em}
  :is(.scene-view,.rank-view) .scene-headline{font-size:1.5em}
  :is(.scene-view,.rank-view) .scene-metrics,:is(.scene-view,.rank-view) .scene-video-event .scene-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(.scene-view,.rank-view) .scene-report-image{width:4.5em;height:3.5em}
  :is(.scene-view,.rank-view) .rank-row{gap:.6em;flex-wrap:wrap;align-items:flex-start}
  :is(.scene-view,.rank-view) .rank-position{width:1.5em;font-size:1em}
  :is(.scene-view,.rank-view) .rank-image{width:2.5em;height:2.5em}
  :is(.scene-view,.rank-view) .rank-value{max-width:42%}
  :is(.scene-view,.rank-view) .rank-value strong{font-size:1.08em}
  :is(.scene-view,.rank-view) .rank-name h3{font-size:1em}
  :is(.scene-view,.rank-view) .rank-trend{order:5;width:100%;padding-left:2em}
  :is(.scene-view,.rank-view) .rank-trend .scene-spark{height:30px}
}
:is(.scene-view,.rank-view) .scene-trend-summary{font-size:.74em;color:var(--muted);line-height:1.7;margin-top:.4em}