.tb-intro--center{justify-items:center;text-align:center;padding-left:0;background:none;margin-inline:auto}
.tb-intro--center .tb-intro__title{max-width:18ch}
.tb-intro--center .tb-intro__lede{max-width:40ch}
.wd-muted{color:var(--color-text-muted)}
.wd-pill{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs);margin:0;padding:var(--space-2xs) var(--space-s);border:var(--hair) dashed var(--color-line-strong);border-radius:var(--radius-chip);font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);color:var(--color-text)}
.wd-pill__mark{flex:none;width:var(--step-6);height:var(--step-9);background:var(--color-portal);clip-path:polygon(50% 0,100% 0,100% 34%,75% 34%,75% 67%,50% 67%,50% 100%,0 100%,0 67%,25% 67%,25% 34%,50% 34%)}
.wd-pill__sep{width:var(--hair);height:var(--space-s);background:var(--color-line-strong)}

.wd-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}
.wd-chip{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--target);padding:0 var(--space-m);border:var(--hair) solid var(--color-line-strong);border-radius:var(--radius-control);background:transparent;color:var(--color-text);font:inherit;font-size:var(--type-label);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--dur-feedback) ease-out,color var(--dur-feedback) ease-out}
.wd-chip__n{font-family:var(--font-mono);font-size:var(--type-meta);font-weight:var(--weight-regular);color:var(--color-text-muted)}
.wd-chip:hover{border-color:var(--color-portal)}
.wd-chip[aria-pressed="true"]{background:var(--color-portal);border-color:var(--color-portal);color:var(--color-portal-ink)}
.wd-chip[aria-pressed="true"] .wd-chip__n{color:var(--color-portal-ink)}
.wd-chip:focus-visible,.wd-tile:focus-visible,.wd-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--step-3)}

.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-4xl) + var(--space-xs)),1fr));gap:var(--space-s)}
@media (min-width:700px){.wd-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-4xl) + var(--space-2xl)),1fr))}}
.wd-cell{min-width:0}
.wd-cell[hidden]{display:none}
.wd-tile{--tick-c:var(--color-line-strong);position:relative;display:grid;place-items:center;align-content:center;gap:var(--space-xs);width:100%;aspect-ratio:1;padding:var(--space-s) var(--space-xs);border:var(--hair) solid var(--color-line);border-radius:0;background-color:var(--color-raised);color:var(--color-text-muted);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur-feedback) ease-out,border-color var(--dur-feedback) ease-out}
.wd-tile:hover{--tick-c:var(--color-lilac);border-color:var(--color-line-strong)}
.wd-tile[aria-expanded="true"],.wd-tile[aria-pressed="true"]{--tick-c:var(--color-lilac);background-color:var(--color-selected);border-color:var(--color-accent-soft);color:var(--color-text)}
.wd-tile__mark{display:grid;place-items:center;width:calc(var(--space-3xl) + var(--space-m));height:var(--space-2xl)}
.wd-tile__mark--mono{width:var(--space-2xl)}
.wd-tile__mark img{max-width:100%;max-height:var(--space-2xl);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-chip)}
.wd-tile__mark--mono,.wd-info__mark--mono{border:var(--hair) dashed var(--color-line-strong);border-radius:var(--radius-chip);font-family:var(--font-mono);font-size:var(--type-subtitle);color:var(--color-text-muted)}
.wd-tile__name{font-size:var(--type-label);line-height:var(--lh-label);font-weight:var(--weight-medium);color:var(--color-text);overflow-wrap:anywhere}
.wd-tile__tier{font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);color:var(--color-text-muted)}
.wd-tile__nomark{position:absolute;top:var(--space-xs);right:var(--space-xs);font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-meta);color:var(--color-text-muted)}
@media (max-width:699px){.wd-tile__mark{width:calc(var(--space-2xl) + var(--space-m));height:var(--space-xl)}.wd-tile__mark--mono{width:var(--space-xl)}.wd-tile__mark img{max-height:var(--space-xl)}.wd-tile__nomark{display:none}}

.wd--a .wd-grid{--wd-cols:2;--wd-fill:1;grid-template-columns:repeat(var(--wd-cols),minmax(0,1fr))}
@media (min-width:360px){.wd--a .wd-grid{--wd-cols:3;--wd-fill:2}}
@media (min-width:600px){.wd--a .wd-grid{--wd-cols:5;--wd-fill:2}}
@media (min-width:900px){.wd--a .wd-grid{--wd-cols:7;--wd-fill:1}}

.wd-cell .wd-tile>*{transition:opacity var(--dur-feedback) ease-out,filter var(--dur-feedback) ease-out}
.wd-cell[data-dim] .wd-tile{--tick-c:var(--color-line);background-color:var(--color-void);border-style:dashed;border-color:var(--color-line);cursor:default}
.wd-cell[data-dim] .wd-tile>*{opacity:.24;filter:grayscale(1)}
.wd-end{--tick-c:var(--color-line-strong);grid-column:span var(--wd-fill);display:grid;align-content:end;gap:var(--space-2xs);min-height:100%;padding:var(--space-m);border:var(--hair) dashed var(--color-line-strong);color:var(--color-text);text-decoration:none;transition:border-color var(--dur-feedback) ease-out}
.wd-end:hover{--tick-c:var(--color-lilac);border-color:var(--color-portal)}
.wd-end:focus-visible{outline:var(--focus-ring);outline-offset:var(--step-3)}
.wd-end__label{font-size:var(--type-label);line-height:var(--lh-label);font-weight:var(--weight-medium);color:var(--color-portal-text)}
.wd-end__line{font-size:var(--type-meta);line-height:var(--lh-meta);color:var(--color-text-muted)}
@media (max-width:699px){.wd-end{padding:var(--space-s)}}

.wd-end[data-span="1"] .wd-end__line{display:none}

@media (max-width:1279px){.wd--a .wd-tile__nomark{display:none}}
.wd-hint{margin:0;text-align:center;font-size:var(--type-label);line-height:var(--lh-label);color:var(--color-text-muted)}
.wd-hint[hidden]{display:none}

.wd-detail{grid-column:1 / -1;display:grid;gap:var(--space-l);padding:var(--space-l);border:var(--hair) solid var(--color-line-panel);background:var(--color-raised)}
.wd-detail[hidden]{display:none}
@media (min-width:900px){.wd--a .wd-detail{grid-template-columns:minmax(0,calc(var(--space-4xl) * 5)) minmax(0,1fr);column-gap:var(--space-2xl);align-items:start}}
.wd-shot{--tick-c:var(--color-line-strong);margin:0;padding:var(--space-xs);display:grid}
.wd-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border:var(--hair) solid var(--color-line)}
.wd-shot .tb-caption--inframe{border-top:0;padding-inline:var(--space-2xs);padding-bottom:0}
.wd-shot--none{place-items:center;aspect-ratio:16 / 10;color:var(--color-text-muted)}
.wd-info{display:grid;gap:var(--space-m);align-content:start}
.wd-info__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-s)}
.wd-info__mark{display:grid;place-items:center;width:var(--space-2xl);height:var(--space-2xl)}
.wd-info__mark img{max-width:100%;max-height:var(--space-2xl);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-chip)}
.wd-info__name{margin:0;font-size:var(--type-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);font-weight:var(--weight-medium)}
.wd-info__tier{margin:0;font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);color:var(--color-lilac)}
.wd-info__does{margin:0;font-size:var(--type-caption);line-height:var(--lh-caption);color:var(--color-text)}
.wd-facts{display:grid;gap:var(--space-xs);margin:0}
.wd-facts>div{display:grid;grid-template-columns:calc(var(--space-4xl) - var(--space-l)) minmax(0,1fr);gap:var(--space-s);padding-top:var(--space-xs);border-top:var(--hair) solid var(--color-line-row)}
.wd-facts dt{font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-label);letter-spacing:var(--ls-meta);color:var(--color-text-muted)}
.wd-facts dd{margin:0;font-size:var(--type-label);line-height:var(--lh-label);color:var(--color-text)}
.wd-unknown{color:var(--color-text-muted)}
.wd-play{margin:0;padding:var(--space-s) var(--space-m);border:var(--hair) dashed var(--color-line-strong);font-size:var(--type-label);line-height:var(--lh-label);color:var(--color-text-muted)}
.wd-play .sig-link{padding-left:0}
.wd-info__out{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2xs) var(--space-m);margin:0}
.wd-info__out .sig-link{padding-left:0}
.wd-info__credit{font-size:var(--type-meta);line-height:var(--lh-meta);color:var(--color-text-muted)}
.wd-close{min-height:var(--target);min-width:var(--target);padding:0 var(--space-s);border:var(--hair) solid var(--color-line-strong);border-radius:var(--radius-control);background:transparent;color:var(--color-text);font:inherit;font-size:var(--type-label);cursor:pointer}

.wd-split{display:grid;gap:var(--space-xl)}
.wd-pane{display:grid}
@media (min-width:1024px){
  .wd-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
  .wd--b .wd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wd-pane{position:sticky;top:calc(var(--header-height) + var(--space-l))}
}

.wd-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-m) var(--space-xl)}

.wd--list .wd-pill{justify-self:start}
.wd-group{display:grid;gap:var(--space-l)}
.wd-group__head{display:grid;gap:var(--space-2xs);padding-top:var(--space-m);border-top:var(--hair) solid var(--color-line-strong)}
.wd-group__title{display:flex;align-items:baseline;gap:var(--space-xs);margin:0;font-size:var(--type-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);font-weight:var(--weight-medium)}
.wd-group__note{margin:0;max-width:var(--measure);font-size:var(--type-label);line-height:var(--lh-label);color:var(--color-text-muted)}
@media (min-width:900px){.wd-detail--row{grid-template-columns:minmax(0,calc(var(--space-4xl) * 4)) minmax(0,1fr);column-gap:var(--space-2xl);align-items:start}}

.tiers--pair{gap:var(--space-s);border-top:0}
.tiers--pair>.tier,.tiers--pair>.tier:not(:has(>.tier__badge)){grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "text" "state";align-items:start;align-content:start;padding:var(--space-m);border:var(--hair) solid var(--color-line-strong)}
@media (min-width:700px){.tiers--pair{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wd-official-stage{grid-column:1 / -1;display:grid;min-width:0}
.wd-official-stage[hidden]{display:none}
.wd-official-stage > .wd-detail{grid-area:1 / 1;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-stage) var(--ease-out),visibility 0s linear var(--dur-stage)}
.wd-official-stage > .wd-detail[hidden]{display:grid}
.wd-official-stage > .wd-detail.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity var(--dur-stage) var(--ease-out),visibility 0s}
@media (prefers-reduced-motion:reduce){
  .wd-official-stage > .wd-detail{transition:none}
}