.scroll-progress{position:fixed;left:0;top:0;height:3px;background:var(--accent);z-index:50;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}.character-world{background:#111111;position:relative;overflow:hidden;padding-top:90px;padding-bottom:45px;isolation:isolate}.character-world:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(transparent,#000000,transparent);z-index:-1}.character-heading{margin-bottom:10px}.character-heading .eyebrow{color:#9b9b9b}.character-heading h2 span{color:var(--accent)}.character-heading>p{max-width:260px}.character-stage{display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:center;min-height:570px;position:relative;--accent:#fd024b}.character-copy{z-index:2}.character-tag{display:inline-block;font-size:9px;letter-spacing:2px;border:1px solid #ffffff30;border-radius:30px;padding:9px 13px;color:var(--accent);margin-bottom:25px}.character-copy h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;line-height:.95;margin:0 0 22px;max-width:280px}.character-copy>p{font-size:13px;line-height:1.9;color:#bebebe;max-width:250px}.character-traits{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.character-traits span{font-size:8px;letter-spacing:1px;padding:7px 9px;background:#ffffff08;border:1px solid #ffffff15;border-radius:3px}.character-copy .text-button{color:var(--accent)}.character-portrait{position:relative;height:570px;perspective:1000px;display:grid;place-items:center}.character-orbit{position:absolute;width:390px;height:390px;border:1px solid #9b9b9b35;border-radius:50%;transform:rotateX(62deg);bottom:-90px;box-shadow:0 0 60px #6a6a6a15,inset 0 0 60px #6a6a6a15}.character-orbit:before,.character-orbit:after{content:'';position:absolute;border:1px dashed #fd024b50;border-radius:50%;inset:30px}.character-orbit:after{inset:65px;border-style:solid;border-color:#9b9b9b45}.character-aura{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(#6a6a6a50,transparent 70%);top:100px}.character-render{height:100%;width:120%;max-width:none;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 20px #11111155);transform:translate3d(var(--look-x,0px),var(--look-y,0px),0) rotate(var(--look-r,0deg));transition:transform .3s ease-out,opacity .18s;will-change:transform}.character-render.changing{opacity:0;transform:translateY(18px) scale(.95)}.character-number{position:absolute;top:45px;left:10px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:170px;line-height:1;color:#ffffff04;-webkit-text-stroke:1px #9b9b9b20;z-index:-1}.character-spec{justify-self:end;width:220px;z-index:2}.character-spec .eyebrow{font-size:8px;color:#9b9b9b}.spec-row{margin:22px 0}.spec-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;margin-bottom:9px}.spec-track{height:4px;background:#ffffff12}.spec-track i{display:block;width:var(--level);height:100%;background:var(--accent);transition:width .6s cubic-bezier(.2,.8,.2,1)}.character-spec>p:last-child{font-size:9px;line-height:1.8;color:#9b9b9b;margin-top:25px}.character-select{display:flex;justify-content:center;gap:12px;position:relative;z-index:3;margin-top:20px}.character-option{width:210px;display:flex;align-items:center;gap:13px;background:#ffffff04;padding:0 16px 0 4px;border:1px solid #ffffff18;border-radius:8px;text-align:left;transition:background .25s,transform .25s,border-color .25s}.character-option:hover{transform:translateY(-5px);background:#ffffff0a}.character-option[aria-selected=true]{border-color:var(--accent);background:#fd024b0a}.character-option img{height:88px;width:65px;object-fit:cover;object-position:50% 17%;mask-image:linear-gradient(#000000 75%,transparent)}.character-option strong{display:block;font-size:11px;margin-bottom:7px}.character-option small{display:block;font-size:7px;color:#9b9b9b;letter-spacing:1px}.character-option>i{font-style:normal;color:var(--accent);margin-left:auto;font-size:10px}.character-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff13;padding-top:22px;margin-top:35px;font-size:8px;letter-spacing:1.4px;color:#9b9b9b}.world-particle{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:1px;left:var(--x);top:var(--y);opacity:.45;pointer-events:none;animation:particle-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes particle-drift{to{transform:translate3d(15px,-38px,0) rotate(140deg);opacity:.1}}.hero-companion{position:absolute;z-index:3;right:4%;bottom:4%;width:170px;height:255px;pointer-events:none;animation:companion-float 5s ease-in-out infinite}.hero-companion img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 20px #11111155)}.hero-companion span{position:absolute;bottom:4px;left:16px;background:#111111bc;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:20px;padding:8px 12px;font-size:7px;letter-spacing:1.1px;white-space:nowrap}.hero-companion span:before{content:'';display:inline-block;width:5px;height:5px;background:#e2e2e2;border-radius:100%;margin-right:7px}@keyframes companion-float{50%{transform:translateY(-12px) rotate(2deg)}}.hero .floating-label{right:20%;bottom:18%}.game-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .2s ease-out,border-color .3s}.game-card:hover{--lift:-8px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift))}.game-card:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff12,transparent 55%);opacity:0;transition:opacity .25s;pointer-events:none}.game-card:hover:after{opacity:1}.game-card{position:relative}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:15;display:flex;align-items:center;gap:8px;border:1px solid #ffffff30;background:#111111ed;backdrop-filter:blur(10px);padding:10px 13px;border-radius:30px;font-size:8px;letter-spacing:1px;box-shadow:0 3px 18px #00000033}.motion-toggle span{color:var(--accent);font-size:12px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero-art{transform:none!important}.motion-paused .character-render{transform:none!important}.motion-paused .game-card{transform:none!important}.motion-paused .button{translate:none!important}.statement-star{animation:star-turn 30s linear infinite}@keyframes star-turn{to{transform:rotate(345deg)}}.character-stage.reenter .character-copy{animation:profile-in .5s ease-out}.character-stage.reenter .character-spec{animation:profile-in .5s ease-out .08s both}@keyframes profile-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-companion{width:210px;height:320px;right:7%;bottom:6%}}@media(max-width:1000px){.character-stage{grid-template-columns:1fr 1.5fr;min-height:520px}.character-portrait{height:520px}.character-spec{display:none}.character-copy h3{font-size:57px}.hero-companion{width:140px;height:220px;bottom:7%}.hero .floating-label{right:20%;bottom:13%}.character-orbit{width:320px;height:320px}}@media(max-width:650px){.character-heading h2{font-size:48px}.character-heading>p{font-size:11px}.character-stage{display:flex;flex-direction:column;min-height:0;padding-top:22px}.character-copy{width:100%;position:relative}.character-tag{font-size:7px;padding:7px 11px;margin-bottom:15px}.character-copy h3{font-size:43px;max-width:none;margin-bottom:13px}.character-copy>p{font-size:11px;max-width:290px;margin-bottom:12px}.character-traits{margin:12px 0}.character-copy .text-button{position:absolute;right:0;top:0;font-size:8px}.character-portrait{height:390px;width:100%;margin-top:4px}.character-render{width:100%}.character-aura{width:290px;height:290px;top:70px}.character-orbit{width:260px;height:260px;bottom:-70px}.character-number{font-size:140px;top:30px;left:0}.character-select{gap:8px;width:100%;margin-top:12px}.character-option{padding:0 6px 9px;flex-direction:column;gap:0;width:33.33%;text-align:center;border-radius:5px}.character-option img{height:88px;width:70px}.character-option strong{font-size:9px;margin-bottom:4px}.character-option small{font-size:6px;letter-spacing:.6px}.character-option>i{display:none}.character-footer{font-size:6px;gap:15px;line-height:1.8}.character-footer span:last-child{text-align:right}.hero-companion{width:115px;height:180px;right:1%;bottom:10%}.hero-companion span{font-size:6px;padding:7px 9px;left:0}.hero .floating-label{right:auto;left:6%;bottom:13%;font-size:6px}.motion-toggle{bottom:12px;right:12px;font-size:7px;padding:9px 11px}.character-world{padding-top:60px}.world-particle:nth-child(n+7){display:none}}
.character-render{position:absolute;inset:0;width:100%;height:100%;min-height:0;min-width:0;max-height:100%}
@media(prefers-reduced-motion:reduce){.world-particle,.hero-companion,.statement-star{animation:none!important}.character-render,.game-card{transform:none!important}.button{translate:none!important}.scroll-progress{display:none}}