.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:40px;padding-block:50px 100px}
.hero-layout .hero-content{text-align:left;padding:20px 0 30px;min-width:0}
.hero-layout .hero-logo{width:102px;height:102px;margin:18px 0 20px}
.hero-layout h1{font-size:clamp(3.5rem,5.5vw,5.5rem)}
.hero-layout h2{font-size:clamp(1.4rem,2.1vw,1.8rem);letter-spacing:.025em}
.hero-layout .hero-actions{justify-content:flex-start}
.pvp-scene{position:relative;min-width:0;width:100%;max-width:620px;margin:0;align-self:center;animation:content-in 1s .25s both;isolation:isolate}
.pvp-scene::before{content:"";position:absolute;inset:14% -10% 6%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#83c89714,transparent 68%);pointer-events:none}
.pvp-playground{position:relative;display:block;width:100%;aspect-ratio:560/520;border:0;border-radius:20px;padding:0;margin:0;color:inherit;background:none;cursor:default;touch-action:pan-y;outline-offset:-4px!important}
.pvp-arena,.pvp-playground canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pvp-playground canvas{display:block}
.pvp-playground.is-interacting{cursor:grab}
.pvp-playground:active{cursor:grabbing}
@media(max-width:1100px){.hero-layout{gap:20px;padding-block:40px 100px}.hero-layout h1{font-size:clamp(3.3rem,5.5vw,4.4rem)}.hero-layout .hero-logo{width:86px;height:86px}.hero-layout .hero-actions{gap:10px}.hero-layout .hero-actions .button{padding-inline:20px}}
@media(max-width:800px){.hero{max-height:none;min-height:auto}.hero-layout{grid-template-columns:1fr;gap:20px;padding-block:38px 90px}.hero-layout .hero-content{text-align:center;padding:0}.hero-layout .hero-logo{margin:16px auto;width:90px;height:90px}.hero-layout h1{font-size:clamp(3.7rem,8vw,4.6rem)}.hero-layout .hero-actions{justify-content:center}.pvp-scene{max-width:500px;justify-self:center}.hero-bottom{bottom:20px}}
@media(max-width:480px){.hero-layout{gap:22px;padding-top:28px}.hero-layout h1{font-size:3.6rem}.hero-layout h2{font-size:1.35rem}.hero-layout .hero-logo{width:78px;height:78px}.hero-layout .hero-actions .button{font-size:.875rem;padding-inline:15px}.hero-layout .hero-meta{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.pvp-scene{animation:none}}