@layer components{.affiche-hub{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.affiche-hub__ink{z-index:0;pointer-events:none;opacity:.85;position:absolute;inset:0}.affiche-hub__main{z-index:1;flex-direction:column;flex:1 1 0;align-items:center;gap:28px;padding:16px 20px 48px;display:flex;position:relative}.affiche-hub__left{flex-direction:column;gap:20px;width:100%;max-width:560px;display:flex}.affiche-hub__head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}@media (min-width:640px){.affiche-hub__head{text-align:left;flex-direction:row;gap:14px}}.affiche-hub__mascot{aspect-ratio:904/1220;flex:none;height:110px}.affiche-hub__title{font:500 clamp(26px, 8.5vw, 44px) / 1.02 var(--vr-font);letter-spacing:var(--vr-track-display);margin:0}.affiche-hub__title-brand{font-family:var(--vr-font-brand);letter-spacing:0;color:var(--vr-acc);font-weight:400}.affiche-hub__list{border-top:1px solid var(--vr-line2);flex-direction:column;display:flex}.affiche-hub__preview{aspect-ratio:10/11;width:min(68vw,290px);display:grid;position:relative}.affiche-door{--ad-tone:var(--vr-blue);border-bottom:1px solid var(--vr-line2);color:var(--vr-ink);opacity:.55;flex-wrap:wrap;align-items:flex-end;gap:10px 20px;padding:14px 0 14px 22px;text-decoration:none;transition:opacity .35s;display:flex;position:relative}.affiche-door[data-kind=team]{--ad-tone:var(--vr-zone-draft)}.affiche-door[data-active]{opacity:1}.affiche-door:focus-visible{outline:2px solid var(--vr-acc);outline-offset:-2px;border-radius:var(--vr-r-icon)}.affiche-door__bar{background:var(--ad-tone);width:3px;box-shadow:0 0 16px var(--ad-tone);opacity:0;transition:opacity .3s ease, transform var(--vr-t-lift) var(--vr-ease-lift);border-radius:3px;position:absolute;top:22%;bottom:22%;left:0;transform:scaleY(.3)}.affiche-door__text{flex-direction:column;flex:none;gap:8px;display:flex}.affiche-door__kicker{color:var(--ad-tone);font:var(--vr-type-eyebrow);letter-spacing:var(--vr-track-eyebrow);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.affiche-door__label{font:600 clamp(26px, 8vw, 36px) / 1.05 var(--vr-font);letter-spacing:var(--vr-track-display);white-space:nowrap}.affiche-door__cta{border-radius:var(--vr-r-pill);background:var(--vr-cta);height:44px;color:var(--vr-cta-ink);font:400 14.5px / 1 var(--vr-font-brand);white-space:nowrap;opacity:0;transition:opacity .3s ease, transform var(--vr-t-lift) var(--vr-ease-lift);flex:none;align-items:center;gap:10px;padding:0 22px;display:flex;transform:translate(-8px)}.affiche-door[data-active] .affiche-door__bar,.affiche-door[data-active] .affiche-door__cta{opacity:1;transform:none}@media (hover:none){.affiche-door{opacity:1}.affiche-door__cta{opacity:1;transform:none}.affiche-door:active .affiche-door__cta{transform:scale(.97)}}@media (min-width:1024px){.affiche-hub{height:100svh;min-height:480px;overflow:clip}.affiche-hub__main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:safe center;align-items:center;gap:0;padding:clamp(14px,3vh,36px) clamp(24px,6vw,120px);display:grid;overflow:hidden}.affiche-hub__left{gap:clamp(12px,2.8vh,30px);width:min-content;max-width:100%}.affiche-hub__head{gap:clamp(12px,1.6vw,22px)}.affiche-hub__mascot{height:min(clamp(110px,12vw,190px),22vh)}.affiche-hub__title{font-size:min(clamp(32px,4.2vw,60px),7vh)}.affiche-door{gap:clamp(8px,1.4vh,14px) clamp(16px,2vw,28px);padding:clamp(10px,2.2vh,24px) 0 clamp(10px,2.2vh,24px) 22px}.affiche-door__text{gap:clamp(6px,1.1vh,10px)}.affiche-door__label{font-size:min(clamp(24px,2.9vw,42px),5.6vh)}.affiche-door__cta{height:clamp(40px,5.4vh,48px)}.affiche-hub__preview{justify-self:center;width:auto;max-width:100%;height:min(660px,85svh - 57.8px - 1.7*clamp(14px,3vh,36px) - 5.1vh,37vw);left:calc(clamp(24px,6vw,120px)/2)}}@media (prefers-reduced-motion:reduce){.affiche-door,.affiche-door__bar,.affiche-door__cta{transition:none}}}
@layer components{.affiche-stack{--ap-ink:var(--vr-on-photo);--ap-dark:var(--vr-on-bright);--ap-lilac:var(--vr-fx-lilac);width:100%;height:100%;display:grid}.affiche-card{--ap-glow:var(--vr-fx-blue);z-index:1;border-radius:var(--vr-r-card);opacity:.7;filter:brightness(.45);box-shadow:0 50px 90px -40px color-mix(in srgb, var(--ap-glow) 70%, transparent);transition:transform .65s var(--vr-ease-lift), opacity .5s ease, filter .5s ease;grid-area:1/1;display:block;position:relative;transform:translate(-12%,2%)rotate(-7deg)scale(.88)}.affiche-card[data-kind=team]{--ap-glow:var(--vr-fx-magenta)}.affiche-card[data-active]{z-index:2;opacity:1;filter:none;transform:rotate(2deg)}.affiche-card__face{border-radius:var(--vr-r-panel);background:var(--ap-dark);width:100%;height:100%;color:var(--ap-ink);display:block;position:relative;overflow:hidden;container-type:inline-size}.affiche-card__img{object-fit:cover;transition:opacity .8s}.affiche-card__veil{background:linear-gradient(0deg, var(--ap-dark) 6%, color-mix(in srgb, var(--ap-dark) 35%, transparent) 48%, transparent 70%);position:absolute;inset:0}.affiche-card__brand{font:400 4.6cqw / 1 var(--vr-font-brand);position:absolute;top:6cqw;left:6cqw}.affiche-card__brand-hi,.affiche-card__tag,.affiche-card__rank-lp,.affiche-card__comp{color:var(--ap-lilac)}.affiche-card__body{text-align:left;flex-direction:column;gap:3cqw;display:flex;position:absolute;bottom:6cqw;left:6cqw;right:6cqw}.affiche-card__tag{font:400 3.6cqw / 1 var(--vr-font-brand);letter-spacing:.08em}.affiche-card__name{font:700 11cqw / .95 var(--vr-font);letter-spacing:var(--vr-track-display)}.affiche-card__row{align-items:center;gap:2.4cqw;display:flex}.affiche-card__row--wrap{flex-wrap:wrap;gap:1.8cqw}.affiche-card__glass{border-radius:var(--vr-r-pill);background:color-mix(in srgb, var(--ap-ink) 14%, transparent);border:1px solid color-mix(in srgb, var(--ap-ink) 28%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:12cqw;font:600 3.2cqw / 1 var(--vr-font);white-space:nowrap;align-items:center;gap:1.6cqw;padding:0 3.4cqw;display:flex}.affiche-card__row--wrap .affiche-card__glass{height:7.4cqw;padding:0 3cqw}.affiche-card__rank{gap:2.2cqw;padding-left:1.4cqw}.affiche-card__rank img{object-fit:contain;width:10cqw;height:10cqw}.affiche-card__rank-text{flex-direction:column;gap:1cqw;font-size:3.4cqw;display:flex}.affiche-card__rank-lp{font:500 2.8cqw / 1 var(--vr-font-mono)}.affiche-card__logo{object-fit:contain;flex:none;width:14cqw;height:14cqw;margin-right:.6cqw}.affiche-card__team{flex-direction:column;gap:1.6cqw;display:flex}.affiche-card__comp{font:500 3cqw / 1 var(--vr-font-mono);letter-spacing:.06em}@media (prefers-reduced-motion:reduce){.affiche-card,.affiche-card__img{transition:none}}}