/* Hallmark · macrostructure: Photographic · tone: cinematic utility · anchor hue: coral */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
/* Variation knobs · density: 80% · ranking: podium · locale: picker */

html,body{overflow-x:clip}

.card-count,.hero-slide-count{display:none!important}

#lang.v216-lang-switch{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:52px;min-height:36px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);background:transparent;color:var(--color-muted);font-family:var(--font-mono);font-size:.7rem;font-weight:800;letter-spacing:.04em}
#lang.v216-lang-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#lang.v216-lang-switch:hover{border-color:var(--color-muted);color:var(--color-ink)}
#lang.v216-lang-switch:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
#lang.v216-lang-switch:active{opacity:.72}
#lang.v216-lang-switch:disabled{cursor:wait;opacity:.46}

.v216-recent{width:93px;border-radius:var(--radius-sm)}
.v216-recent .v215-recent-poster i{width:34px;height:34px}
.v216-recent .v215-recent-poster svg{width:16px;height:16px}
.v216-recent .v215-recent-label{display:block;padding:var(--space-2) var(--space-1)}
.v216-recent .v215-recent-label b{display:block;font-size:.68rem;text-align:center}
.v216-recent .v215-recent-close{inset-block-start:-20px;inset-inline-end:-12px}

.v216-ranking .v215-ranking-row{grid-template-columns:34px 54px minmax(0,1fr) auto}
.v216-rank-badge{position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--color-rule);border-radius:50%;color:var(--color-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.v216-rank-badge b{position:relative;z-index:1;font-size:.72rem;line-height:1}
.v216-rank-badge svg{display:none}
.v216-rank-badge.is-tier-1,.v216-rank-badge.is-tier-2,.v216-rank-badge.is-tier-3{width:32px;height:38px;border:0;border-radius:0;background:transparent}
.v216-rank-badge.is-tier-1 svg,.v216-rank-badge.is-tier-2 svg,.v216-rank-badge.is-tier-3 svg{position:absolute;inset:0;display:block;width:100%;height:100%;fill:var(--color-paper-soft);stroke:currentColor;stroke-width:1.4}
.v216-rank-badge.is-tier-1{color:var(--color-accent-warm)}
.v216-rank-badge.is-tier-1 svg{fill:color-mix(in oklab,var(--color-accent-warm) 22%,var(--color-paper-soft))}
.v216-rank-badge.is-tier-2{color:var(--color-ink)}
.v216-rank-badge.is-tier-2 svg{fill:color-mix(in oklab,var(--color-ink) 14%,var(--color-paper-soft))}
.v216-rank-badge.is-tier-3{color:var(--color-accent)}
.v216-rank-badge.is-tier-3 svg{fill:color-mix(in oklab,var(--color-accent) 16%,var(--color-paper-soft))}
.v216-ranking .v215-ranking-row.is-podium{background:color-mix(in oklab,var(--color-paper-soft) 64%,transparent)}

.v215-feed-item.needs-play .v215-feed-toggle{z-index:4;inset:50% auto auto 50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in oklab,var(--color-paper) 76%,transparent);color:var(--color-ink)}
.v215-feed-item.needs-play .v215-feed-toggle svg{display:block;width:28px;height:28px;fill:currentColor;stroke:currentColor}

.v216-language-picker{width:min(calc(100% - var(--space-6)),440px);max-height:min(80svh,620px);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:0;background:var(--color-paper-raised);color:var(--color-ink);box-shadow:0 24px 80px color-mix(in oklab,var(--color-paper) 84%,transparent)}
.v216-language-picker::backdrop{background:var(--color-overlay)}
.v216-language-picker>section{padding:var(--space-5)}
.v216-language-picker header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}
.v216-language-picker header>div{min-width:0}
.v216-language-picker header span{color:var(--color-accent);font-family:var(--font-mono);font-size:.62rem;font-weight:900;letter-spacing:.12em}
.v216-language-picker h2{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:1.6rem;line-height:1;overflow-wrap:anywhere}
.v216-language-picker header p{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.78rem;line-height:1.4}
.v216-language-picker [data-v216-language-close]{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--color-muted)}
.v216-language-picker [data-v216-language-close] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.v216-language-options{display:grid;gap:var(--space-2)}
.v216-language-options button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:var(--space-3);min-height:64px;border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-paper-soft);color:var(--color-ink);text-align:start}
.v216-language-options button>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-paper);color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem}
.v216-language-options button b{align-self:end;min-width:0;font-size:.9rem;line-height:1.2;white-space:nowrap}
.v216-language-options button small{align-self:start;min-width:0;overflow:hidden;color:var(--color-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.v216-language-options button i{grid-column:3;grid-row:1/3;color:var(--color-muted);font-style:normal;font-size:1rem}
.v216-language-options button.is-selected{border-color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 12%,var(--color-paper-soft))}
.v216-language-options button.is-selected>span,.v216-language-options button.is-selected i{background:var(--color-accent);color:var(--color-accent-ink)}
.v216-language-options button:hover,.v216-language-picker [data-v216-language-close]:hover{border-color:var(--color-muted);color:var(--color-ink)}
.v216-language-options button:focus-visible,.v216-language-picker button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.v216-language-options button:active,.v216-language-picker [data-v216-language-close]:active{opacity:.72}
.v216-language-options button:disabled,.v216-language-picker [data-v216-language-close]:disabled{cursor:wait;opacity:.46}
.v216-language-picker[aria-busy=true] .v216-language-options{opacity:.68}

@media (min-width:40rem){
  .v216-recent{width:109px}
  .v216-ranking .v215-ranking-row{grid-template-columns:38px 54px minmax(0,1fr) auto}
}

@media (max-width:24rem){
  .v216-ranking .v215-ranking-row{grid-template-columns:32px 48px minmax(0,1fr) auto;padding-inline:var(--space-1)}
  .v216-ranking .v215-ranking-row img{width:48px;height:64px}
  .v216-ranking .v215-ranking-row p{display:none}
  .v216-language-picker>section{padding:var(--space-4)}
}

@media (prefers-reduced-motion:reduce){
  .v215-feed-item.needs-play .v215-feed-toggle,#lang.v216-lang-switch,.v216-language-picker button{transition-duration:var(--duration-fast)!important}
}