.select-stage{isolation:isolate;flex-direction:column;min-height:100svh;transition:--c-dark .6s,--c-mid .6s,--c-accent .6s,--c-glow .6s;display:flex;position:relative;overflow:hidden}.stage-bg,.stage-floor,.stage-vignette{z-index:-1;pointer-events:none;position:absolute;inset:0}.stage-bg{z-index:-3;background:var(--pattern), radial-gradient(60% 50% at 50% 66%, color-mix(in oklab, var(--c-glow) 32%, transparent), transparent 72%), radial-gradient(90% 60% at 50% -5%, color-mix(in oklab, var(--c-accent) 18%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in oklab, var(--c-mid) 62%, #05060a), #05060a 78%)}.stage-floor{z-index:-2;background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--c-accent) 26%, transparent) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, color-mix(in oklab, var(--c-accent) 20%, transparent) 0 1px, transparent 1px 44px);transform-origin:50% 100%;opacity:.8;height:38%;top:auto;left:-20%;right:-20%;transform:perspective(560px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 8%,#000 90%);mask-image:linear-gradient(#0000 8%,#000 90%)}.stage-vignette{background:radial-gradient(120% 90%,#0000 55%,#000000b3)}.select-head{text-align:center;padding:clamp(18px,4svh,42px) 16px 0}.select-title{letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 28px color-mix(in oklab, var(--c-glow) 60%, transparent), 0 2px 0 #00000080;margin:.35rem 0 0;font-size:clamp(1.7rem,4.6vw,3.3rem);font-weight:700;line-height:1.05}.select-sub{max-width:34rem;color:var(--color-muted);margin:.6rem auto 0;font-size:.95rem}.roster{flex:1;justify-content:center;align-items:flex-end;gap:clamp(4px,1.6vw,28px);min-height:0;margin:0;padding:1.25rem clamp(8px,3vw,48px) 0;list-style:none;display:flex}.roster>li{flex:0 clamp(110px,17vw,250px);height:clamp(260px,40svh,440px);transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .3s;position:relative}.roster>li[data-current=true]{z-index:2;transform:translateY(-12px)scale(1.06)}.roster>li[data-selected=true]{z-index:3;transform:translateY(-16px)scale(1.14)}.roster:has([data-selected=true])>li:not([data-selected=true]){opacity:.18}.slot{height:100%;color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block;position:relative}.slot:focus-visible{outline-offset:6px}.slot-figure{filter:saturate(.4)brightness(.62);transition:filter .3s;position:absolute;inset:0 0 46px}[data-current=true] .slot-figure{filter:drop-shadow(0 0 22px color-mix(in oklab, var(--c-glow) 55%, transparent))}[data-selected=true] .slot-figure{filter:drop-shadow(0 0 34px var(--c-glow)) brightness(1.15)}.slot:before{content:"";background:radial-gradient(closest-side, color-mix(in oklab, var(--c-glow) 50%, transparent), transparent);opacity:.25;border-radius:50%;height:22px;transition:opacity .3s;position:absolute;bottom:30px;left:4%;right:4%}[data-current=true] .slot:before{opacity:1}.slot-plate{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#8790a6;border-bottom:2px solid #0000;justify-content:center;align-items:baseline;gap:.5rem;padding:.4rem .25rem;font-size:clamp(.7rem,1.25vw,.95rem);font-weight:600;transition:color .25s,border-color .25s;display:flex;position:absolute;inset:auto 0 0}.slot-plate b{color:var(--c-accent);font-weight:700}[data-current=true] .slot-plate{color:var(--color-ink);border-color:var(--c-accent)}[data-current=true] .slot-plate:before{content:"▼";color:var(--c-accent);font-size:.9rem;animation:1s ease-in-out infinite pointer-bob;position:absolute;top:-1.6rem}@keyframes pointer-bob{50%{transform:translateY(4px)}}[data-current=true] .slot-figure{animation:3.6s ease-in-out infinite breathe}@keyframes breathe{50%{translate:0 -5px}}body[data-transition] .slot-figure{animation:none!important}.info{width:min(1080px,100% - 32px);margin:1.1rem auto 0;padding:1.1rem 1.4rem}.info-panel{grid-template-columns:1.15fr 1.25fr 1fr;align-items:center;gap:1rem 2.25rem;display:grid}.info-panel[hidden]{display:none}.info-name{text-transform:uppercase;letter-spacing:.06em;margin:.15rem 0 .1rem;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:700;line-height:1.05}.info-role{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);margin:0;font-size:1rem;font-weight:600}.info-tagline{color:var(--color-muted);margin:.5rem 0 0;font-size:.92rem}.info-stats{gap:.35rem;margin:0;display:grid}.info-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.select-actions{flex-direction:column;align-items:center;gap:.6rem;padding:.9rem 16px 0;display:flex}.choose{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#07080c;background:var(--c-accent);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);align-items:center;gap:.7rem;padding:.85rem 2.4rem;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;animation:2.2s ease-in-out infinite choose-pulse;display:inline-flex}.choose:hover{filter:brightness(1.15) drop-shadow(0 0 14px var(--c-accent));transform:translateY(-2px)}.choose:focus-visible{outline-offset:6px;clip-path:none}@keyframes choose-pulse{50%{filter:brightness(1.12)}}.select-hint{letter-spacing:.08em;color:#8790a6;margin:0;font-size:.78rem}.select-hint kbd{font:inherit;border:1px solid #4a536b;border-radius:3px;padding:.05rem .4rem}@media (hover:none){.select-hint{display:none}}.select-foot{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.25rem 1.6rem;padding:.9rem 16px 1.1rem;font-size:.85rem;font-weight:600;display:flex}.select-foot a{color:var(--color-muted);padding:.3rem 0;text-decoration:none}.select-foot a:hover{color:var(--color-ink);text-underline-offset:6px;text-decoration:underline}@media (width<=860px){.info-panel{grid-template-columns:1fr 1fr}.info-panel>:last-child{grid-column:1/-1}}@media (width<=767px){.roster{flex:none;grid-template-columns:repeat(5,1fr);align-items:end;gap:6px 8px;padding-top:1.75rem;display:grid}.roster>li{height:96px;transform:none!important}.roster>li[data-current=true]{grid-area:1/1/auto/-1;justify-self:center;width:min(62vw,260px);height:min(44svh,360px)}.roster>li:not([data-current=true]){grid-row:2}.roster>li:not([data-current=true]) .slot-plate{letter-spacing:.05em;font-size:.6rem}.roster>li:not([data-current=true]) .slot-plate b,.roster>li:not([data-current=true]) .slot:before{display:none}.slot-figure{inset:0 0 24px}.roster>li[data-current=true] .slot-figure{inset:0 0 40px}.info{padding:1rem}.info-panel{grid-template-columns:1fr}}@media (height<=820px) and (width>=768px){.select-sub{display:none}}