.tr-page{--tr-accent:var(--amber);--tr-accent-ink:var(--amber-fg);--tr-ink:var(--text);--tr-muted:var(--muted);--tr-line:color-mix(in srgb, var(--text) 14%, transparent);--tr-panel:var(--surface);--tr-panel-raised:var(--surface2);--tr-silver:var(--muted);--tr-bronze:var(--amber-dim);--tr-space-1:4px;--tr-space-2:8px;--tr-space-3:12px;--tr-space-4:16px;--tr-space-5:24px;--tr-space-6:32px;--tr-space-7:48px;--tr-radius:12px;--tr-fast:.16s;--tr-ease:cubic-bezier(.22, 1, .36, 1);color:var(--tr-ink);container-type:inline-size}.wx-page.tr-page{padding-block-start:0}html.light .tr-page{--tr-accent:color-mix(in srgb, var(--amber) 55%, var(--text));--tr-accent-ink:var(--background);--tr-bronze:color-mix(in srgb, var(--amber-dim) 70%, var(--text))}.tr-page>*{max-inline-size:1120px;margin-inline:auto}.tr-page :is(button,a):focus-visible{outline:2px solid var(--tr-accent);outline-offset:4px}.tr-page :is(button,a){touch-action:manipulation}.tr-hero{isolation:isolate;padding:var(--tr-space-5) var(--tr-space-6) var(--tr-space-4);border:1px solid var(--tr-line);border-radius:var(--tr-radius);background:var(--tr-panel);position:relative;overflow:hidden}.tr-hero:before{content:"";z-index:-1;background:color-mix(in srgb, var(--tr-accent) 7%, var(--tr-panel));clip-path:polygon(27% 0,100% 0,100% 100%,0 100%);inline-size:46%;position:absolute;inset-block:0;inset-inline-end:0}.tr-hero:after{content:"";background:var(--tr-accent);block-size:3px;inline-size:64px;position:absolute;inset-block-start:-1px;inset-inline-start:var(--tr-space-6)}.tr-hero-topline,.tr-stage-head,.tr-filterbar{justify-content:space-between;align-items:center;gap:var(--tr-space-4);display:flex}.tr-kicker,.tr-hero-edition,.tr-section-index,.tr-filter-label,.tr-art-caption,.tr-hero-baseline,.tr-pod-tier,.tr-pod-base{font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}.tr-kicker{align-items:center;gap:var(--tr-space-2);color:var(--tr-accent);display:inline-flex}.tr-hero-edition{color:var(--tr-muted)}.tr-hero-content{align-items:center;gap:var(--tr-space-5);padding-block:var(--tr-space-5);grid-template-columns:1.4fr 1fr;display:grid}.tr-hero-copy{min-inline-size:0}.tr-hero h1{font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(40px,5.4cqi,68px);font-weight:850;line-height:.98}.tr-hero h1 span{color:var(--tr-accent)}.tr-hero-copy p{margin-block:var(--tr-space-4) var(--tr-space-3);color:var(--tr-muted);font-size:13px;line-height:1.7}.tr-page .tr-hero-cta{justify-content:flex-start;align-items:center;gap:var(--tr-space-4);min-block-size:44px;color:var(--tr-ink);font-size:12px;font-weight:700;display:inline-flex}.tr-hero-cta svg{color:var(--tr-accent);transition:transform var(--tr-fast) var(--tr-ease)}.tr-hero-art{place-items:center;block-size:210px;min-inline-size:0;display:grid;position:relative}.tr-art-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--tr-accent) 22%, transparent);border-radius:50%;inline-size:210px;position:absolute}.tr-art-orbit:before{content:"";border:1px dashed color-mix(in srgb, var(--tr-accent) 20%, transparent);border-radius:inherit;position:absolute;inset:18px}.tr-art-number{font-family:var(--font-display);letter-spacing:-.08em;color:color-mix(in srgb, var(--tr-accent) 7%, transparent);-webkit-text-stroke:1px color-mix(in srgb, var(--tr-accent) 25%, transparent);font-size:224px;font-weight:900;line-height:1;position:absolute;transform:skewY(-7deg)}.tr-art-trophy{block-size:116px;inline-size:116px;color:var(--tr-accent);fill:color-mix(in srgb, var(--tr-accent) 10%, transparent);position:relative;transform:rotate(-12deg)}.tr-art-caption{color:var(--tr-accent);font-size:9px;position:absolute;inset-block-end:0}.tr-hero-baseline{align-items:center;gap:var(--tr-space-3);color:var(--tr-muted);font-size:9px;display:flex}.tr-hero-baseline>span{background:var(--tr-line);flex:1;block-size:1px}.tr-stage{padding-block-start:var(--tr-space-6);scroll-margin-block-start:90px}.tr-stage-copy{min-inline-size:0}.tr-section-index{color:var(--tr-muted)}.tr-stage-copy h2{margin-block:var(--tr-space-2) 0;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(20px,2.8cqi,28px);font-weight:750;line-height:1.2}.tr-seg{align-items:center;gap:var(--tr-space-1);flex-wrap:wrap;min-inline-size:0;display:flex}.tr-page .tr-seg-btn{justify-content:center;align-items:center;gap:var(--tr-space-2);min-block-size:44px;max-inline-size:100%;padding-inline:var(--tr-space-3);color:var(--tr-muted);transition:background-color var(--tr-fast), color var(--tr-fast), border-color var(--tr-fast);border:1px solid #0000;border-radius:6px;font-size:12px;font-weight:650;line-height:1.3;display:inline-flex}.tr-page .tr-seg-btn[aria-pressed=true]{background:var(--tr-panel-raised);border-color:var(--tr-line);color:var(--tr-ink)}.tr-stage-head>.tr-seg{flex-shrink:0}.tr-stage-head>.tr-seg .tr-seg-btn[aria-pressed=true]{background:var(--tr-accent);color:var(--tr-accent-ink);border-color:var(--tr-accent)}.tr-filterbar{padding-block:var(--tr-space-3);border-block:1px solid var(--tr-line);flex-wrap:wrap;margin-block-start:var(--tr-space-5)}.tr-filter-group{align-items:center;gap:var(--tr-space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.tr-filter-label{color:var(--tr-muted);font-size:9px}.tr-filter-context{font-size:12px}.tr-podium-context{align-items:center;gap:var(--tr-space-2);margin-block:var(--tr-space-5) var(--tr-space-4);color:var(--tr-muted);font-size:11px;display:flex}.tr-podium-context>svg{color:var(--tr-accent)}.tr-context-place{text-transform:capitalize;margin-inline-start:auto}.tr-podium{align-items:end;gap:var(--tr-space-4);margin-block:0 var(--tr-space-6);grid-template-columns:1fr 1.15fr 1fr;padding:0;list-style:none;display:grid}.tr-pod{--tr-rank:var(--tr-silver);border:1px solid var(--tr-line);border-block-start:2px solid var(--tr-rank);border-radius:var(--tr-radius);background:var(--tr-panel);min-inline-size:0;position:relative;overflow:hidden}.tr-pod--1{--tr-rank:var(--tr-accent);grid-area:1/2}.tr-pod--2{grid-area:1/1}.tr-pod--3{--tr-rank:var(--tr-bronze);grid-area:1/3}.tr-podium[data-count="1"]{grid-template-columns:1fr;max-inline-size:420px;margin-inline:auto}.tr-podium[data-count="1"] .tr-pod--1{grid-column:1}.tr-podium[data-count="2"]{grid-template-columns:1.15fr 1fr}.tr-podium[data-count="2"] .tr-pod--1{grid-column:1}.tr-podium[data-count="2"] .tr-pod--2{grid-column:2}.tr-page .tr-pod-button{text-align:start;inline-size:100%;color:var(--tr-ink);border-radius:inherit;flex-direction:column;align-items:stretch;display:flex;position:relative}.tr-page .tr-pod-button:focus-visible{outline-offset:-4px}.tr-pod-visual{background:var(--tr-panel-raised);block-size:112px;display:block;position:relative}.tr-pod--1 .tr-pod-visual{block-size:144px}.tr-pod-visual>img{object-fit:cover}.tr-pod-cover-fallback{background:repeating-linear-gradient(-45deg, transparent 0 18px, color-mix(in srgb, var(--tr-rank) 7%, transparent) 18px 19px), var(--tr-panel-raised);position:absolute;inset:0}.tr-pod-cover-shade{background:linear-gradient(0deg, var(--tr-panel), color-mix(in srgb, var(--tr-panel) 15%, transparent));position:absolute;inset:0}.tr-pod-medal{align-items:center;gap:var(--tr-space-1);color:var(--tr-rank);font-family:var(--font-data);font-size:24px;font-weight:800;display:inline-flex;position:absolute;inset-block-start:var(--tr-space-3);inset-inline-start:var(--tr-space-4)}.tr-pod-avatar{border:2px solid var(--tr-panel);border-radius:var(--tr-radius);position:absolute;inset-block-end:0;inset-inline-start:var(--tr-space-4);overflow:hidden}.tr-pod-avatar .sa-avatar{border-radius:8px}.tr-pod-open{color:var(--tr-muted);position:absolute;inset-block-end:var(--tr-space-3);inset-inline-end:var(--tr-space-4)}.tr-pod-info{gap:var(--tr-space-1);min-inline-size:0;padding:var(--tr-space-4);flex-direction:column;display:flex}.tr-pod-tier{color:var(--tr-muted);font-size:9px}.tr-pod--1 .tr-pod-tier{color:var(--tr-accent)}.tr-pod-name{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);letter-spacing:-.025em;font-size:19px;font-weight:750;line-height:1.4;display:block;overflow:hidden}.tr-pod-category{color:var(--tr-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tr-pod-score{align-items:center;gap:var(--tr-space-1);color:var(--tr-muted);flex-wrap:wrap;margin-block-start:var(--tr-space-3);font-size:11px;display:flex}.tr-pod-score b{color:var(--tr-ink);font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:15px}.tr-pod-base{padding:var(--tr-space-2) var(--tr-space-4);border-block-start:1px solid var(--tr-line);color:var(--tr-muted);justify-content:space-between;align-items:center;font-size:8px;display:flex}.tr-pod-base>span{color:var(--tr-rank)}.tr-pod--1 .tr-pod-base{background:var(--tr-accent);color:var(--tr-accent-ink);border-color:#0000}.tr-pod--1 .tr-pod-base>span{color:inherit}.tr-locating,.tr-search-context{margin-block:var(--tr-space-3);color:var(--tr-muted);font-size:12px;display:block}.tr-board{margin-block-start:var(--tr-space-5)}.tr-board-head{justify-content:space-between;align-items:end;gap:var(--tr-space-4);margin-block-end:var(--tr-space-4);display:flex}.tr-board-head h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:20px;font-weight:750}.tr-board-head>span{color:var(--tr-muted);font-family:var(--font-data);font-size:10px}.tr-board-subtitle{color:var(--tr-muted);margin-block-start:var(--tr-space-1);font-size:12px}.tr-ranklist{border-block-start:1px solid var(--tr-line);gap:0;display:grid}.tr-page .tr-ranklist .sc-card--rank{border:0;border-block-end:1px solid var(--tr-line);background:0 0;border-radius:0}.tr-page .tr-ranklist .sc-rank{min-block-size:82px;padding-inline:var(--tr-space-2)}.tr-page .tr-ranklist .sc-rank-pos{font-family:var(--font-data);font-size:15px}.tr-page .tr-ranklist .sc-rank-score strong{color:var(--tr-ink);font-size:17px}.tr-page .tr-ranklist .sc-rank-score em{text-transform:none;letter-spacing:0;color:var(--tr-muted)}.tr-page .tr-ranklist .sc-rank-growth{color:var(--success);background:0 0}.tr-prod-grid{gap:var(--tr-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tr-prod{min-inline-size:0;position:relative}.tr-prod .wxrec-card{inline-size:100%}.tr-prod-rank{z-index:1;block-size:30px;min-inline-size:30px;padding-inline:var(--tr-space-2);background:var(--tr-panel);color:var(--tr-ink);border:1px solid var(--tr-line);font:700 12px var(--font-data);border-radius:4px;place-items:center;display:grid;position:absolute;inset-block-start:var(--tr-space-2);inset-inline-start:var(--tr-space-2)}.tr-prod-rank--top{color:var(--rank-color);border-color:var(--rank-color)}.tr-prod-rank[data-rank="1"]{--rank-color:var(--tr-accent)}.tr-prod-rank[data-rank="2"]{--rank-color:var(--tr-silver)}.tr-prod-rank[data-rank="3"]{--rank-color:var(--tr-bronze)}.tr-rank-skeleton{border-block-end:1px solid var(--tr-line);block-size:82px}.tr-skeleton{background:var(--tr-panel-raised);animation:1.6s ease-in-out infinite alternate tr-loading}.tr-podium .tr-skeleton{block-size:285px}.tr-podium .tr-skeleton.tr-pod--1{block-size:317px}@keyframes tr-loading{to{opacity:.45}}.tr-empty{align-items:flex-start;gap:var(--tr-space-3);padding-block:var(--tr-space-7);border-block-end:1px solid var(--tr-line);flex-direction:column;display:flex}.tr-empty>svg{color:var(--tr-accent)}.tr-empty h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:24px}.tr-empty p{max-inline-size:48ch;color:var(--tr-muted);margin:0;font-size:13px;line-height:1.6}.tr-empty-actions{align-items:center;gap:var(--tr-space-3);flex-wrap:wrap;display:flex}.tr-page .tr-recovery{align-items:center;gap:var(--tr-space-2);min-block-size:44px;padding-inline:var(--tr-space-4);background:var(--tr-panel-raised);color:var(--tr-ink);border:1px solid var(--tr-line);border-radius:6px;font-size:12px;font-weight:650;display:inline-flex}.tr-outro{justify-content:space-between;align-items:center;gap:var(--tr-space-4);padding-block:var(--tr-space-5);border-block-start:1px solid var(--tr-line);flex-wrap:wrap;margin-block-start:var(--tr-space-6);display:flex}.tr-outro p{color:var(--tr-muted);margin:0;font-size:12px}.tr-outro strong{color:var(--tr-ink);font-family:var(--font-display);margin-block-end:var(--tr-space-1);font-size:16px;display:block}.tr-page .tr-outro-link{align-items:center;gap:var(--tr-space-2);min-block-size:44px;color:var(--tr-accent);font-size:12px;font-weight:650;display:inline-flex}@media (hover:hover) and (pointer:fine){.tr-page .tr-seg-btn:hover{background:var(--tr-panel-raised);color:var(--tr-ink)}.tr-hero-cta:hover svg{transform:translate(3px,3px)}.tr-page .tr-pod-button:hover{background:var(--tr-panel-raised)}.tr-page .tr-ranklist .sc-card--rank:hover{background:var(--tr-panel)}.tr-page .tr-recovery:hover{border-color:var(--tr-accent)}}.tr-page :is(.tr-pod-button,.tr-hero-cta,.tr-seg-btn,.tr-recovery):active{opacity:.75}@container (max-width:760px){.tr-hero{padding:var(--tr-space-5)}.tr-hero-edition{display:none}.tr-hero-content{gap:var(--tr-space-3);grid-template-columns:1.7fr 1fr}.tr-hero h1{font-size:clamp(36px,7cqi,52px)}.tr-hero-art{block-size:180px}.tr-art-number{font-size:170px}.tr-art-orbit{inline-size:155px}.tr-art-trophy{block-size:90px;inline-size:90px}.tr-art-caption{font-size:7px}.tr-desktop-break{display:none}.tr-stage-head{align-items:flex-start}.tr-stage-copy h2{font-size:23px}.tr-filter-label{display:none}.tr-podium{gap:var(--tr-space-3)}.tr-pod-name{font-size:16px}.tr-prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width:540px){.tr-hero{padding:var(--tr-space-4)}.tr-hero-content{padding-block:var(--tr-space-5) var(--tr-space-2);display:block;position:relative}.tr-hero-copy{z-index:1;position:relative}.tr-hero h1{font-size:clamp(34px,9.4cqi,48px)}.tr-hero-copy p{max-inline-size:32ch;font-size:12px;line-height:1.6}.tr-hero-art{opacity:.2;block-size:120px;inline-size:120px;position:absolute;inset-block-start:-16px;inset-inline-end:-34px}.tr-art-number{font-size:126px}.tr-art-orbit{inline-size:106px}.tr-art-trophy{block-size:60px;inline-size:60px}.tr-art-caption{display:none}.tr-hero:before{inline-size:35%}.tr-hero-baseline{margin-block-start:var(--tr-space-2);font-size:8px}.tr-stage{padding-block-start:var(--tr-space-5)}.tr-stage-head{gap:var(--tr-space-4);flex-direction:column}.tr-stage-head>.tr-seg{inline-size:100%}.tr-stage-head>.tr-seg .tr-seg-btn{flex:1}.tr-stage-copy h2{font-size:24px}.tr-filterbar{gap:var(--tr-space-1);margin-block-start:var(--tr-space-3)}.tr-filter-group{inline-size:100%}.tr-filter-group+.tr-filter-group{border-block-start:1px solid var(--tr-line);padding-block-start:var(--tr-space-2)}.tr-filter-group .tr-seg{inline-size:100%}.tr-filter-group .tr-seg-btn{padding-inline:var(--tr-space-2);overflow-wrap:anywhere;flex:1;font-size:11px}.tr-podium-context{margin-block:var(--tr-space-4);font-size:10px}.tr-podium{gap:var(--tr-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-end:var(--tr-space-5)}.tr-pod{border-radius:8px}.tr-pod-visual{block-size:78px}.tr-pod--1 .tr-pod-visual{block-size:96px}.tr-pod-medal{font-size:17px;inset-block-start:var(--tr-space-2);inset-inline-start:var(--tr-space-2)}.tr-pod-medal svg{inline-size:12px}.tr-pod-avatar{border-radius:6px;inset-inline-start:var(--tr-space-2)}.tr-pod-open,.tr-pod-category,.tr-pod-base,.tr-pod-score>svg{display:none}.tr-pod-info{padding:var(--tr-space-3) var(--tr-space-2);gap:var(--tr-space-1)}.tr-pod-tier{letter-spacing:.02em;white-space:nowrap;font-size:7px}.tr-pod-name{font-size:12px}.tr-pod-score{flex-direction:column;align-items:flex-start;gap:0;margin-block-start:var(--tr-space-2);font-size:9px}.tr-pod-score b{font-size:14px}.tr-podium .tr-skeleton{block-size:180px}.tr-podium .tr-skeleton.tr-pod--1{block-size:198px}.tr-board-head h2{font-size:19px}.tr-page .tr-ranklist .sc-rank{gap:var(--tr-space-2);min-block-size:76px;padding-inline:0}.tr-page .tr-ranklist .sc-rank-pos{inline-size:24px;font-size:12px}.tr-page .tr-ranklist .sc-rank-score strong{font-size:14px}.tr-page .tr-ranklist .sc-rank-score em{font-size:9px}.tr-prod-grid{gap:var(--tr-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.tr-page *,.tr-page :before,.tr-page :after{scroll-behavior:auto;transition:none;animation:none}}
