/* Detailed art carries the atmosphere; depth and transitions carry the motion. */
.hero{perspective:1200px}.hero-art{will-change:transform;transition:none}.hero-content{transform-style:preserve-3d;will-change:transform,opacity}.orb-label{right:6%;bottom:17%;color:#d6edbd;text-shadow:0 1px 6px #000}.hero-grid{opacity:.3}.about-layout{gap:35px 7%;align-items:center}.about-layout>.reveal:first-child{position:relative;z-index:2}.character-render{margin:-45px -30px -20px;position:relative;min-width:0;perspective:1000px;transform-style:preserve-3d;transition:transform .6s ease-out}.character-render img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;filter:drop-shadow(0 24px 35px #0008);position:relative;z-index:1;will-change:transform}.character-glow{position:absolute;inset:20% 4% 0;background:radial-gradient(ellipse,#4d782634,transparent 67%);filter:blur(25px)}.character-render figcaption{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:7px;letter-spacing:2px;color:#8c9c7f;padding:15px 30px}.character-render figcaption span:last-child{color:var(--green)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;grid-column:1/-1;border-top:1px solid var(--line);margin-top:15px}.rule,.rule:first-child{padding:27px 0;gap:16px;align-items:flex-start}.rule svg{display:none}.rule h3{font:600 28px var(--display)}.rule p{font-size:11px}.rule>span{font-size:19px;margin-top:3px}.section{perspective:1400px}.section .reveal{transform:translateY(35px) rotateX(7deg) scale(.98);transform-origin:50% 0%;transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.15,1)}.section .reveal.visible{transform:translateY(0) rotateX(0) scale(1)}
.cinema{position:relative;height:145svh;margin:0 0 60px;isolation:isolate}.cinema-stage{position:sticky;top:0;height:100svh;min-height:670px;overflow:hidden;background:#0b100b;perspective:1400px}.cinema-image{position:absolute;inset:-7%;background:url('assets/arena.webp') center center/cover no-repeat;will-change:transform}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080d08f2 0%,#080d0890 28%,#080d0800 60%,#080d0840 85%,#080d08bb 100%),linear-gradient(90deg,#080d0810 35%,#080d0865 100%)}.cinema-top{position:absolute;top:43px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;color:#d1dfc6}.cinema-top>.eyebrow{font-size:9px;color:var(--green)}.cinema-top>span:last-child{font-size:7px;letter-spacing:2px}.cinema-caption{position:absolute;left:7%;bottom:15%;transform-style:preserve-3d;max-width:700px;will-change:transform,opacity}.cinema-caption>.eyebrow{font-size:8px;letter-spacing:2.5px;color:#b4c5a3;margin-bottom:18px}.cinema-caption h2{font-size:clamp(68px,7.3vw,112px);line-height:.94;text-shadow:0 5px 25px #0007}.cinema-caption h2 span{color:var(--green)}.cinema-caption p{font-size:12px;line-height:1.9;margin-top:24px;color:#c0ceb3}.cinema-caption .text-link{border:0;border-bottom:1px solid #baff4255;background:transparent;font-size:11px;margin-top:21px;padding:10px 0;gap:35px}.cinema-caption .text-link span{font-size:20px}.cinema-footer{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:2px;color:#829675}.compete{padding-top:30px}.mode-art{height:320px;align-items:flex-end;justify-content:flex-start;padding:0 28px 20px;background:#0e150c}.mode-photo{position:absolute;inset:-7%;background-size:cover;background-repeat:no-repeat;z-index:-2;will-change:transform}.photo-duel .mode-photo{background-image:url('assets/arena.webp');background-position:38% center}.photo-ffa .mode-photo{background-image:url('assets/hero.webp');background-position:85% 36%}.mode-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10150f 1%,#10150f90 22%,transparent 60%,#080c0860 100%);z-index:-1}.mode-art>span,.ffa .mode-art>span{font-size:94px;line-height:1;letter-spacing:-2px;text-shadow:0 3px 15px #000b;color:#f3f4e9}.duel .mode-art>span>span{font-size:43px}.mode-top{color:#e3ecd9;text-shadow:0 2px 5px #000}.mode-info{position:relative;z-index:1;padding-top:8px}.mode-card{transform-style:preserve-3d}.mode-card:after{content:'';position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .3s}.mode-card:hover:after{border-color:#baff4266}.community{background:linear-gradient(#0b120aec,#0b120ae8),url('assets/arena.webp') center 63%/cover}.community-inner{transform-style:preserve-3d}.page-transition{position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(115deg,transparent 30%,#baff420c 50%,transparent 70%);transform:translateX(-120%)}.page-transition.active{animation:camera-cut .7s ease-in-out}.reduced-motion .section .reveal{transform:none!important}.reduced-motion .character-render{transform:none!important}.reduced-motion .cinema-image{transform:none!important}.reduced-motion .hero-content{opacity:1!important;transform:none!important}.reduced-motion .page-transition{display:none}.reduced-motion .cinema{height:100svh}.reduced-motion .cinema-caption{transform:none!important;opacity:1!important}@keyframes camera-cut{to{transform:translateX(120%)}}
@media(max-width:1100px){.character-render img{max-height:430px}.character-render{margin:-15px -20px 0}.rules{gap:23px}.rule h3{font-size:24px}.cinema-caption h2{font-size:85px}.mode-art{height:285px}}
@media(max-width:760px){.about-layout{grid-template-columns:1fr;gap:16px}.character-render{margin:8px -20px 0;max-width:480px;justify-self:center}.character-render img{max-height:390px}.character-render figcaption{font-size:6px;padding:10px 28px;letter-spacing:1.7px}.rules{grid-template-columns:1fr;gap:0;margin-top:15px;width:100%}.rule,.rule:first-child{padding:23px 0;gap:20px}.rule h3{font-size:28px}.rule p{font-size:11px}.rule>span{font-size:18px}.cinema{height:118svh;margin-bottom:32px}.cinema-stage{height:100svh;min-height:680px}.cinema-image{background-position:35% center}.cinema-shade{background:linear-gradient(0deg,#080d08fa 0%,#080d08ba 30%,#080d0810 65%,#080d0870 100%)}.cinema-top{top:30px;left:7%;right:7%}.cinema-top>.eyebrow{font-size:7px;letter-spacing:1.4px}.cinema-top>span:last-child{display:none}.cinema-caption{left:7%;right:7%;bottom:15%}.cinema-caption h2{font-size:63px}.cinema-caption>.eyebrow{font-size:6px;letter-spacing:1.8px;margin-bottom:18px}.cinema-caption p{font-size:11px;line-height:1.9;margin-top:20px}.cinema-caption .text-link{font-size:10px;margin-top:20px}.cinema-footer{font-size:5px;letter-spacing:1.3px;bottom:26px}.cinema-footer>span:last-child{display:none}.compete{padding-top:20px}.mode-art{height:300px}.mode-art>span,.ffa .mode-art>span{font-size:91px}.photo-duel .mode-photo{background-position:30% center}.photo-ffa .mode-photo{background-position:80% center}.hero-content{transform-origin:left top}.orb-label{bottom:14%;font-size:6px}.community h2{font-size:51px}}
@media(max-width:390px){.cinema-caption h2{font-size:57px}.character-render img{max-height:340px}.community h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){.section .reveal{transform:none}.cinema{height:100svh}.page-transition{display:none}}