/* CHAOS PvP 3.0 — voxel-inspired visual upgrade */
:root{--bg:#080710;--panel:#120e20;--purple:#b65aff}
body{background:radial-gradient(ellipse at 68% 8%,#1f0a35 0%,transparent 39%),radial-gradient(ellipse at 0% 64%,#140b25 0%,transparent 40%),#080710}
.header{border-bottom:1px solid #4c2e65;background:#090712f5}
.brand-symbol{box-shadow:0 0 40px #b14fff8a}
.hero{min-height:690px}
.hero h1{filter:drop-shadow(0 8px 35px #510b7550)}
.hero-art-v3{background:radial-gradient(ellipse at 50% 54%,#4a13816e 0,transparent 64%)}
.hero-art-v3:after{content:'';position:absolute;width:76%;height:16px;bottom:52px;background:#04020a;filter:blur(17px);border-radius:50%;z-index:-1}
.voxel-land{position:absolute;inset:0;z-index:-1;opacity:.8;overflow:hidden}
.voxel-tile{position:absolute;width:72px;height:72px;background:linear-gradient(135deg,#534062 0 50%,#21172e 50%);border:5px solid #23142f;transform:rotate(45deg) skew(8deg,8deg);box-shadow:10px 10px 0 #120c21,0 0 30px #7135b444}
.t1{top:12%;left:18%;transform:scale(.58) rotate(45deg) skew(8deg,8deg)}.t2{top:24%;right:4%;transform:scale(.35) rotate(45deg) skew(8deg,8deg)}.t3{bottom:17%;left:13%;transform:scale(.75) rotate(45deg) skew(8deg,8deg)}.t4{bottom:8%;right:19%;transform:scale(.4) rotate(45deg) skew(8deg,8deg)}.t5{top:44%;left:3%;transform:scale(.25) rotate(45deg) skew(8deg,8deg)}.t6{top:5%;right:29%;transform:scale(.24) rotate(45deg) skew(8deg,8deg)}
.hero-art-v3 .portal{border:26px solid #201628;outline:7px solid #70428b;box-shadow:0 0 0 13px #1c1529,0 0 0 17px #3c274f,0 0 110px #9e2effb7,20px 28px 25px #020103;background:repeating-linear-gradient(0deg,#362841 0 24px,#18101f 25px 29px);border-image:none;image-rendering:pixelated}
.hero-art-v3 .portal:before{inset:-34px;border:4px solid #a66acc70}
.portal-inner{background:radial-gradient(ellipse at 50% 50%,#f9cfff 0,#b939fc 15%,#6d11c8 36%,#29084e 72%,#140b24 100%)}
.pixel-star{position:absolute;color:#e7a9ff;text-shadow:0 0 20px #bb40f6;font-size:36px;animation:float-particle 5s ease-in-out infinite}.ps1{left:11%;top:37%}.ps2{right:11%;bottom:21%;animation-delay:1.7s}
.arena-showcase{margin-top:90px;margin-bottom:10px;display:grid;grid-template-columns:1.05fr .95fr;min-height:410px;border:1px solid #61417b;background:linear-gradient(110deg,#1b0d30,#100c1b);overflow:hidden}
.arena-visual{position:relative;min-height:410px;background:radial-gradient(circle at 50% 45%,#9b38ee70 0,transparent 42%),repeating-linear-gradient(0deg,transparent 0 36px,#c996ff0a 37px 39px),linear-gradient(145deg,#24103e,#0d0b16);isolation:isolate}
.arena-haze{position:absolute;inset:15% 10%;background:radial-gradient(ellipse,#8e3be28c,transparent 60%);filter:blur(35px)}
.weapon{position:absolute;color:#edd2ff;text-shadow:0 0 15px #bc66ff,0 0 65px #9732e9;filter:drop-shadow(12px 12px 0 #13091e)}.weapon-left{font-size:195px;left:17%;top:19%;transform:rotate(-22deg)}.weapon-right{font-size:165px;right:15%;top:26%;transform:rotate(22deg);color:#a47dfa}
.arena-platform{position:absolute;left:18%;right:18%;bottom:19%;height:24px;background:repeating-linear-gradient(90deg,#443053 0 36px,#35223f 36px 40px);transform:skewX(-20deg);border:4px solid #8b47aa;box-shadow:0 15px 0 #251631,0 25px 32px #000}
.arena-corner{position:absolute;font-size:10px;color:#c991e5;font-weight:900;letter-spacing:3px}.top-left{top:24px;left:26px}.bottom-right{bottom:24px;right:26px}
.arena-copy{padding:56px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.arena-copy h2{font:900 clamp(43px,5vw,70px)/.9 'Barlow Condensed',Impact,sans-serif;margin:22px 0}.arena-copy h2 span{color:#b866fa}.arena-copy p{color:#b9acc7;font-size:14px;line-height:1.9;max-width:470px}.arena-mini{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 29px}.arena-mini span{padding:9px 12px;background:#442057;border:1px solid #713e8c;font-size:10px;letter-spacing:1px;font-weight:900}
.glass{transition:border-color .25s,box-shadow .25s}.feature-card:hover,.rank-card:hover{border-color:#a054df;box-shadow:0 10px 55px #772f9d18}.section-head h2 span{color:#c377ff}
@media(max-width:850px){.arena-showcase{grid-template-columns:1fr}.arena-visual{min-height:320px}.arena-copy{padding:34px 25px}.hero{min-height:auto}}
@media(max-width:500px){.weapon-left{font-size:140px}.weapon-right{font-size:120px}.hero-art-v3 .portal{transform:scale(.65) rotate(5deg)}.arena-showcase{margin-top:45px}.pixel-star{display:none}}
@media(prefers-reduced-motion:reduce){.pixel-star{animation:none}}