.hero-button-stack{flex-direction:column;align-items:stretch;gap:12px;display:flex}.button--character{color:#e0e8e7;box-shadow:none;background:#20303cd6;border-color:#a2bcc266}.button--character:hover,.button--character:focus-visible{color:#fff;background:#304e59;border-color:#88b9bf}.preview-button-icon{object-fit:contain;width:25px;height:25px}.hero-actions:has(.hero-button-stack){align-items:flex-start}.hero-actions:has(.hero-button-stack) .release-note{margin-top:20px}.header-actions{gap:clamp(14px,2vw,24px)}.character-section{border-block:1px solid var(--line);background:radial-gradient(at 72% 42%,#242b454f,#0000 58%),#080b17;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,70px);scroll-margin-top:78px;display:grid;position:relative}.character-copy{max-width:470px}.character-copy h2{text-transform:uppercase;letter-spacing:-.045em;margin:0 0 20px;font-family:Oxanium,sans-serif;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.1}.character-copy h2 span{color:#eba2bf}.character-copy>p:not(.section-kicker){color:#f8f5edc2;font-size:1.2rem;line-height:1.55}.character-copy .character-customization{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.character-copy .character-customization strong{color:var(--paper);font-weight:500}.character-view{min-width:0}.character-stage{isolation:isolate;height:clamp(420px,40vw,580px);position:relative}.character-canvas{touch-action:none;cursor:grab;outline-offset:-4px;width:100%;height:100%;display:block}.character-canvas:active{cursor:grabbing}.character-canvas:focus-visible{outline:2px solid var(--gold)}.character-name{z-index:1;pointer-events:none;letter-spacing:.2em;color:#c3afbc;text-transform:uppercase;font-family:Oxanium,sans-serif;font-size:.8rem;font-weight:600;position:absolute;top:8px;left:18px}.character-arrow{z-index:3;color:#e5d5df;cursor:pointer;background:#0b102080;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:48px;height:64px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.character-arrow--previous{left:0}.character-arrow--next{right:0}.character-arrow span{border-top:2px solid;border-right:2px solid;width:16px;height:16px;margin-right:7px;transform:rotate(45deg)}.character-arrow--previous span{margin-left:7px;margin-right:0;transform:rotate(-135deg)}.character-arrow:hover{color:#fff;background:#293147;border-color:#dcabc2}.character-arrow:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.character-arrow:disabled{opacity:.35;cursor:progress}.character-status{z-index:2;text-align:center;color:#ded9e0;pointer-events:none;place-content:center;padding:24px;font-size:1.1rem;display:grid;position:absolute;inset:0}.character-status[hidden]{display:none}.character-status[data-failed=true]{color:#ffd39a}.character-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 16px;display:flex}.character-control{color:#d9dce5;cursor:pointer;background:#ffffff06;border:1px solid #ffffff29;border-radius:5px;min-height:44px;padding:10px 15px;font-size:1rem;line-height:1.2;transition:background .18s,border-color .18s}.character-control[aria-pressed=true]{color:#101320;background:#e5d5df;border-color:#e5d5df}.character-control:hover{border-color:#dcabc2}.character-control:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.character-control:disabled{opacity:.45;cursor:progress}.character-instructions{text-align:center;color:#a8afbd;margin:0;font-size:1rem;line-height:1.5}.character-instructions span{white-space:nowrap}.mobile-site .hero-button-stack{width:100%}.mobile-site .hero-actions:has(.hero-button-stack){align-items:center}.mobile-site .hero-actions:has(.hero-button-stack) .release-note{margin-top:0}.mobile-site .mobile-quick-nav{grid-template-columns:minmax(60px,1fr) minmax(118px,1.6fr) repeat(3,minmax(64px,1fr))}.mobile-site .character-section{scroll-margin-top:calc(var(--mobile-header-height) + 52px);display:block}.mobile-site .character-copy{max-width:100%}.mobile-site .character-copy h2{font-size:clamp(2.25rem,9vw,3.5rem)}.mobile-site .character-stage{height:390px;height:clamp(330px,56svh,450px);margin-top:18px}.mobile-site .character-controls{gap:6px}.mobile-site .character-control{padding-inline:12px}@media (max-width:1100px) and (min-width:701px){.header-actions .text-link[href=\#character-preview]{letter-spacing:.06em;font-size:.85rem;display:inline-flex}}@media (max-width:850px){.character-section{grid-template-columns:1fr;gap:12px}.character-copy{max-width:580px}.character-stage{height:430px}}@media (max-width:700px){.hero-button-stack{width:100%}.character-section{padding-block:70px}.character-stage{height:380px}.character-copy h2{font-size:clamp(2.1rem,9vw,3.25rem)}.character-copy>p:not(.section-kicker){font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.character-control{transition:none}}