:root{--cyan:#00e5ff;--magenta:#ff2bd6;--black:#03040a;--dark-gray:#14151a;--white:#fff;--cyan-soft:#98f6ff;--blue:#00e5ff;--purple:#ff2bd6}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;margin:0}html{scroll-behavior:smooth}html,body,main{touch-action:pan-y;overscroll-behavior-x:none}body{color:#fff;font-family:var(--font-oxanium),Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.hero{isolation:isolate;background:var(--black);min-height:100svh;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 15% 48%,#00e5ff1c,#0000 31%),radial-gradient(at 86% 48%,#ff2bd617,#0000 31%),linear-gradient(#03040a14,#0000 40%,#03040a59 82%,#03040ab8),radial-gradient(at 50% 46%,#0000 28%,#03040a94 100%);position:absolute;inset:0}.hero:after{content:"";z-index:8;opacity:.1;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#00e5ff29 4px),repeating-linear-gradient(90deg,#0000 0 79px,#00e5ff14 80px),repeating-linear-gradient(0deg,#0000 0 79px,#ffffff0e 80px);position:absolute;inset:0}.topBar{z-index:10;justify-content:space-between;align-items:flex-start;padding:clamp(18px,4vw,38px);animation:.45s ease-out both fadeDown;display:flex;position:absolute;top:0;left:0;right:0}.brand{text-align:center;filter:drop-shadow(0 0 10px #4185ff61);width:84px}.brand strong{color:#fff;letter-spacing:-.16em;font-size:37px;font-style:italic;font-weight:1000;line-height:.68;display:block;transform:skew(-10deg)}.brand span{font-family:var(--font-oxanium),sans-serif;letter-spacing:.13em;white-space:nowrap;margin-top:9px;font-size:7px;font-weight:800;display:block}.menuButton{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:6px 2px;display:flex}.menuButton i{background:#fff;border-radius:5px;width:100%;height:4px;transition:transform .18s;display:block;box-shadow:0 0 8px #ffffff59}.menuButton:hover i:first-child{transform:translate(-4px)}.menuButton:hover i:nth-child(3){transform:translate(4px)}.menuButton:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.heroContent{z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(100%,1120px);min-height:100svh;margin:auto;padding:clamp(102px,13svh,132px) 14px 18px;display:flex;position:relative}h1{letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 7px 25px #000000f0;width:min(100%,980px);margin:0;font-size:clamp(61px,13.7vw,138px);font-weight:800;line-height:.81}h1>span{opacity:0;display:block;transform:translateY(18px)}h1>span:first-child{font-size:.66em;animation:.52s cubic-bezier(.2,.8,.2,1) .24s forwards titleIn}h1>span:nth-child(2){animation:.52s cubic-bezier(.2,.8,.2,1) .34s forwards titleIn}h1>span:nth-child(3){margin-top:.025em;padding:.045em .07em .09em 0;font-size:.96em;animation:.52s cubic-bezier(.2,.8,.2,1) .44s forwards titleIn}.gradientText{color:var(--cyan);-webkit-text-fill-color:var(--cyan);filter:none;text-shadow:0 0 5px #00e5ffe6,0 0 16px #00e5ff9e,0 6px 18px #000000b8;background:0 0}.tagline{color:#fff;font-family:var(--font-oxanium),sans-serif;letter-spacing:.06em;text-indent:.06em;white-space:nowrap;text-shadow:0 2px 12px #000,0 0 16px #000;opacity:0;margin:11px 0 20px;padding:7px clamp(10px,2.4vw,24px);font-size:clamp(11px,2.25vw,17px);font-weight:500;animation:.45s ease-out .65s forwards rise;position:relative}.tagline:before{content:"";z-index:-1;background:radial-gradient(#03040ac7 0%,#03040a75 48%,#0000 74%);position:absolute;inset:-8px -18px}.tagline span{color:var(--cyan);text-shadow:0 0 9px #00e5ff85,0 2px 12px #000}.predictionFrame{clip-path:polygon(6% 0,94% 0,100% 14%,100% 86%,94% 100%,6% 100%,0 86%,0 14%);background:linear-gradient(#080820d9,#08051ecc) padding-box,linear-gradient(100deg,var(--cyan),#4e72ff 42%,var(--magenta)) border-box;width:min(94vw,760px);height:clamp(196px,25vw,265px);box-shadow:0 0 9px var(--cyan),0 0 17px #f426ff73,inset 0 0 32px #402bff3d;opacity:0;border:1px solid #0000;flex:none;justify-content:space-between;align-items:flex-end;padding:0 clamp(10px,2.5vw,24px) 20px;animation:.58s ease-out .82s forwards panelOn;display:flex;position:relative}.predictionFrame:before,.predictionFrame:after{content:"";pointer-events:none;width:34%;position:absolute;top:0;bottom:0}.predictionFrame:before{background:radial-gradient(circle at 100% 46%,#00bcff66,#0000 56%);left:0}.predictionFrame:after{background:radial-gradient(circle at 0 46%,#ff20cd5c,#0000 56%);right:0}.energyField{opacity:.38;filter:blur(1px);background:linear-gradient(133deg,#0000 42%,#3dc1ffbf 49%,#fff 50%,#ff33d3bf 51%,#0000 58%);position:absolute;inset:0}.matchup{z-index:2;justify-content:center;align-items:center;gap:clamp(8px,2vw,20px);height:51%;display:flex;position:absolute;inset:18% 13% auto}.team{font-family:var(--font-geist-mono),monospace;align-items:center;gap:clamp(6px,1.5vw,14px);font-size:clamp(14px,3.2vw,27px);display:flex}.novaTeam{color:var(--cyan)}.astraTeam{color:#ff64cf}.teamMark{fill:none;stroke:currentColor;stroke-width:2.5px;filter:drop-shadow(0 0 6px);width:clamp(37px,7vw,67px);height:auto;overflow:visible}.teamMark path:first-child{fill:#040b23c2}.matchCenter{font-family:var(--font-geist-mono),monospace;flex-direction:column;align-items:center;gap:19px;display:flex}.matchCenter b{font-size:clamp(18px,3.4vw,30px)}.matchCenter time{font-size:clamp(12px,2.6vw,19px);font-weight:800}.predictionCard{z-index:3;clip-path:polygon(8% 0,92% 0,100% 10%,100% 90%,92% 100%,8% 100%,0 90%,0 10%);width:24%;min-width:102px;font-family:var(--font-geist-mono),monospace;background:#000414cc;border:1px solid;padding:11px 5px 12px;position:relative}.novaCard{color:var(--cyan);box-shadow:inset 0 0 14px #14c6ff29}.astraCard{color:#ff53cf;box-shadow:inset 0 0 14px #ff1ec626}.predictionCard small{color:#fff;white-space:nowrap;font-size:clamp(6px,1.25vw,10px);display:block}.predictionCard strong{margin:8px 0 2px;font-size:clamp(27px,5vw,44px);line-height:1;display:block}.predictionCard span{font-size:clamp(10px,1.8vw,15px);font-weight:800}.arenaStage{width:min(100vw,920px);height:clamp(145px,23svh,245px);margin:-9px 0 -15px;position:relative;overflow:hidden}.arenaStage:before{content:"";background:radial-gradient(at 50% 35%,#ff50e299,#0000 14%),radial-gradient(at 35% 49%,#1b80ff73,#0000 25%),radial-gradient(at 67% 49%,#ff1fc061,#0000 25%);position:absolute;inset:5% 0 0}.trophy{z-index:2;color:#fff0be;width:40px;height:58px;text-shadow:0 0 12px #fff,0 0 24px var(--magenta);font-size:42px;line-height:1;position:absolute;top:13%;left:50%;transform:translate(-50%)}.stageLine{z-index:1;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:linear-gradient(90deg,#1468ff59,#ff3ed766);border-top:2px solid #4993ffb3;height:22%;position:absolute;top:38%;left:17%;right:17%;box-shadow:0 0 18px #6459ff}.crowd{z-index:3;filter:drop-shadow(0 -3px 8px #4f2fff73);background:radial-gradient(circle,#101126 0 24%,#0000 26%) 0 0/22px 24px,linear-gradient(#0000,#02020b 64%);height:62%;position:absolute;bottom:-10%;left:-4%;right:-4%}.crowd:before{content:"";opacity:.65;background:repeating-linear-gradient(72deg,#0000 0 14px,#1c97ffb8 15px 17px,#0000 18px 38px),repeating-linear-gradient(108deg,#0000 0 19px,#ff27d0a6 20px 22px,#0000 23px 42px);position:absolute;inset:12% 0 0}.ctaGroup{z-index:5;opacity:0;margin-top:auto;animation:.5s ease-out 1.08s forwards rise;position:relative}.heroCta{color:#fff;clip-path:polygon(6% 0,94% 0,100% 18%,100% 82%,94% 100%,6% 100%,0 82%,0 18%);width:min(78vw,520px);min-height:clamp(68px,9vw,92px);box-shadow:0 0 8px var(--cyan),0 0 23px #00e5ff94,inset 0 0 18px #00e5ff2e;background:linear-gradient(#041218f5,#03040afa);border:2px solid #0000;justify-content:center;align-items:center;gap:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.heroCta:before{content:"";z-index:-2;background:linear-gradient(105deg,var(--cyan) 0%,var(--cyan) 78%,var(--magenta) 100%);position:absolute;inset:0}.heroCta:after{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(180deg,#071820,var(--black));position:absolute;inset:3px}.heroCta strong{font-family:var(--font-oxanium),sans-serif;letter-spacing:.02em;font-size:clamp(24px,5vw,43px);font-weight:700}.playIcon{color:#fff;width:clamp(30px,6vw,48px);height:clamp(30px,6vw,48px);filter:drop-shadow(0 0 5px var(--cyan)) drop-shadow(0 0 10px var(--cyan));place-items:center;display:grid}.playIcon svg{fill:currentColor;width:100%;height:100%}.buttonScan{opacity:0;background:linear-gradient(90deg,#0000,#ffffff9e,#0000);width:16%;height:160%;position:absolute;top:-30%;left:-25%;transform:skew(-18deg)}.heroCta:hover{filter:brightness(1.18);transform:translateY(-2px)}.heroCta:hover .buttonScan,.heroCta:active .buttonScan{opacity:1;animation:.52s ease-out buttonScan}.heroCta:active{transform:scale(.985)}.heroCta:focus-visible{outline-offset:5px;outline:2px solid #fff}.freeLabel{font-family:var(--font-oxanium),sans-serif;letter-spacing:.08em;margin:13px 0 5px;font-size:clamp(11px,2.45vw,17px);font-weight:700}.freeLabel span{color:var(--cyan);text-shadow:0 0 9px #28f5ffb3}.ctaGroup>svg{fill:#fff;width:34px;height:34px}.hero{scroll-snap-align:start;background:radial-gradient(at 50% 52%,#00e5ff13,#0000 36%),linear-gradient(#010307 0%,#02070c 58%,#010409 100%);min-height:100svh}.gameModesDeferred{background:#03040a;min-height:300svh}.hero:before{z-index:0;background:linear-gradient(90deg,#00e5ff09,#0000 22% 78%,#00e5ff09),radial-gradient(at 50% 48%,#0000 36%,#000000b8 100%)}.hero:after{z-index:8;opacity:.075;background:repeating-linear-gradient(0deg,#0000 0 3px,#00e5ff2e 4px);animation:12s linear 1.55s infinite heroScan}.heroGrid{z-index:0;opacity:0;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 59px,#00e5ff16 60px),repeating-linear-gradient(0deg,#0000 0 59px,#00e5ff11 60px);animation:.22s steps(2,end) .12s forwards gridBoot,32s linear 1.55s infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 18%,#000000a6 58%,#0000 90%);mask-image:radial-gradient(#000 18%,#000000a6 58%,#0000 90%)}.heroBoot{z-index:30;color:var(--cyan);letter-spacing:.28em;pointer-events:none;background:#010204;place-items:center;font-size:9px;font-weight:700;animation:.34s ease-out forwards bootScreen;display:grid;position:absolute;inset:0}.heroBoot span{opacity:0;text-shadow:0 0 10px var(--cyan);animation:.28s steps(2,end) 30ms both bootText}.heroHud{z-index:4;pointer-events:none;opacity:0;animation:.34s steps(3,end) .24s forwards hudOnline;position:absolute;inset:clamp(18px,3vw,38px)}.heroHud:before,.heroHud:after{content:"";background:linear-gradient(90deg,transparent,var(--cyan) 12%,var(--cyan) 88%,transparent);height:1px;animation:.34s ease-out .27s forwards hudLine;position:absolute;left:8%;right:8%;transform:scaleX(0);box-shadow:0 0 7px #00e5ffa6}.heroHud:before{top:0}.heroHud:after{bottom:0}.heroHud>i{width:72px;height:72px;color:var(--cyan);filter:drop-shadow(0 0 5px #00e5ff9e);opacity:0;animation:.2s steps(2,end) .42s forwards hudCorner;position:absolute;transform:scale(.45)}.heroHud>i:first-child{clip-path:polygon(0 0,100% 0,100% 3px,18px 3px,3px 18px,3px 100%,0 100%);border-top:2px solid;border-left:2px solid;top:0;left:0}.heroHud>i:nth-child(2){clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 3px) 100%,calc(100% - 3px) 18px,calc(100% - 18px) 3px,0 3px);border-top:2px solid;border-right:2px solid;top:0;right:0}.heroHud>i:nth-child(3){border-bottom:2px solid;border-left:2px solid;bottom:0;left:0}.heroHud>i:nth-child(4){border-bottom:2px solid;border-right:2px solid;bottom:0;right:0}.hudCoordinates,.hudStatus{color:#00e5ff80;letter-spacing:.18em;font-size:6px;position:absolute;bottom:12px}.hudCoordinates{left:18px}.hudStatus{right:18px}.heroBrand{z-index:6;color:var(--cyan);letter-spacing:.26em;text-indent:.26em;text-shadow:0 0 10px #00e5ff8c;opacity:0;font-size:clamp(9px,1.4vw,13px);font-weight:700;animation:.16s steps(2,end) .5s forwards digitalIn;position:absolute;top:clamp(42px,6svh,68px);left:50%;transform:translate(-50%)}.heroContent{z-index:5;justify-content:center;width:min(100%,980px);min-height:100svh;padding:clamp(78px,10svh,104px) 18px clamp(105px,14svh,135px)}.heroTitle{letter-spacing:-.035em;text-shadow:0 4px 24px #000;width:min(94vw,850px);margin:0;font-size:clamp(64px,12vw,124px);line-height:.79}.heroTitle>span{opacity:0;display:block;transform:none}.heroTitle>span:first-child{font-size:.72em;animation:.22s steps(3,end) .57s forwards titleDigital}.heroTitle>span:nth-child(2){animation:.22s steps(3,end) .68s forwards titleDigital}.heroTitle>span:nth-child(3){margin-top:.035em;padding:.04em .05em .09em 0;font-size:1.02em;animation:.38s steps(4,end) .78s forwards gameReveal,6s ease-in-out 1.55s infinite gameBreathe}.gradientText{color:var(--cyan);-webkit-text-fill-color:var(--cyan);text-shadow:0 0 5px #00e5fff2,0 0 18px #00e5ff94,0 5px 18px #000}.tagline{letter-spacing:.2em;text-indent:.2em;opacity:0;margin:clamp(20px,3.2svh,32px) 0 clamp(27px,4svh,40px);padding:8px 18px;font-size:clamp(9px,1.55vw,13px);font-weight:600;animation:.3s steps(4,end) .98s forwards subReveal}.tagline:before{background:linear-gradient(90deg,#0000,#00e5ff0b,#0000);border-top:1px solid #00e5ff38;border-bottom:1px solid #00e5ff1f;animation:.3s ease-out .94s forwards tagLine;inset:-4px -24px;transform:scaleX(0)}.ctaGroup{opacity:0;margin-top:0;animation:.25s steps(3,end) 1.18s forwards ctaBoot}.heroCta{border:1px solid var(--cyan);background:#01080de0;width:min(78vw,520px);min-height:clamp(66px,8vw,86px);animation:.3s ease-out 1.14s forwards buttonBuild,.28s ease-out 1.45s forwards heroCtaReady;transform:scaleX(0);box-shadow:0 0 6px #00e5ffb3,inset 0 0 24px #00e5ff14}.heroCta:before{opacity:0}.heroCta:after{background:linear-gradient(#04161de6,#010509f5);inset:1px}.heroCta strong,.heroCta .playIcon{color:#fff;opacity:0;animation:.14s steps(2,end) 1.34s forwards digitalIn,.22s ease-out 1.45s forwards heroCtaContentReady}.heroCta strong{letter-spacing:.09em;text-shadow:0 0 8px #ffffff94,0 0 15px #00e5ff85;font-size:clamp(25px,4.2vw,39px)}.heroCta::marker{display:none}.heroCta:hover{filter:brightness(1.3);box-shadow:0 0 10px var(--cyan),0 0 32px #00e5ff75,inset 0 0 30px #00e5ff29;transform:translateY(-2px)}.heroCta:active{background:#d8fcff;transition-duration:60ms;transform:scale(.975)}.heroCta .buttonScan{opacity:0;animation:8s ease-in-out 1.55s infinite buttonIdleScan}.heroCta:hover .buttonScan{opacity:1;animation:.5s ease-out buttonScan}.discordFree{justify-content:center;align-items:center;gap:10px;margin-top:13px;display:flex}.discordFree>svg{fill:#fff;width:24px;height:24px}.freeLabel{letter-spacing:.16em;margin:0;font-size:clamp(9px,1.55vw,13px)}.scrollToStart{z-index:10;color:#00e5ffc7;letter-spacing:.22em;opacity:0;flex-direction:column;align-items:center;gap:9px;font-size:8px;font-weight:600;text-decoration:none;animation:.18s steps(2,end) 1.44s forwards digitalIn;display:flex;position:absolute;bottom:clamp(38px,5svh,58px);left:50%;transform:translate(-50%)}.scrollToStart i{border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);width:20px;height:20px;animation:2.1s ease-in-out 1.55s infinite scrollCue;transform:rotate(45deg)}.hero.skipBoot .heroBoot{display:none}.hero.skipBoot .heroGrid,.hero.skipBoot .heroHud,.hero.skipBoot .heroHud:before,.hero.skipBoot .heroHud:after,.hero.skipBoot .heroHud>i,.hero.skipBoot .heroBrand,.hero.skipBoot .heroTitle>span,.hero.skipBoot .tagline,.hero.skipBoot .tagline:before,.hero.skipBoot .ctaGroup,.hero.skipBoot .heroCta,.hero.skipBoot .heroCta strong,.hero.skipBoot .heroCta .playIcon,.hero.skipBoot .scrollToStart{opacity:1;clip-path:none;filter:none;animation:none;transform:none}.hero.skipBoot .heroBrand,.hero.skipBoot .scrollToStart{transform:translate(-50%)}.hero.skipBoot .heroCta{background:#020c12f0;border-color:#64f3ff;box-shadow:0 0 10px #00e5ffeb,0 0 28px #00e5ff52,inset 0 0 25px #00e5ff1f}.hero.skipBoot .heroCta strong,.hero.skipBoot .heroCta .playIcon{color:#fff;text-shadow:0 0 8px #ffffff9e,0 0 15px #00e5ff8f}.hero .heroGrid,.hero .heroHud,.hero .heroHud:before,.hero .heroHud:after,.hero .heroHud>i,.hero .heroBrand,.hero .heroTitle>span,.hero .tagline,.hero .tagline:before,.hero .ctaGroup,.hero .heroCta,.hero .heroCta strong,.hero .heroCta .playIcon,.hero .scrollToStart{opacity:1;filter:none;animation:none}.hero .heroHud:before,.hero .heroHud:after{transform:scaleX(1)}.hero .heroHud>i{transform:scale(1)}.hero .heroBrand,.hero .scrollToStart{transform:translate(-50%)}.hero .heroTitle>span,.hero .tagline,.hero .ctaGroup,.hero .heroCta,.hero .heroCta strong,.hero .heroCta .playIcon{clip-path:none;transform:none}.hero .tagline:before{transform:scaleX(1)}.hero .heroCta{background:#020c12f0;border-color:#64f3ff;box-shadow:0 0 10px #00e5ffeb,0 0 28px #00e5ff52,inset 0 0 25px #00e5ff1f}.hero .heroCta strong,.hero .heroCta .playIcon{color:#fff;text-shadow:0 0 8px #ffffff9e,0 0 15px #00e5ff8f}@keyframes bootScreen{0%,72%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes bootText{0%,24%{opacity:0}25%,64%{opacity:1}65%,to{opacity:0}}@keyframes gridBoot{to{opacity:.36}}@keyframes gridDrift{to{background-position:60px 0,0 60px}}@keyframes hudOnline{0%{opacity:0;filter:brightness(3)}to{opacity:1;filter:brightness()}}@keyframes hudLine{to{transform:scaleX(1)}}@keyframes hudCorner{to{opacity:1;transform:scale(1)}}@keyframes titleDigital{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-9px)}to{opacity:1;clip-path:inset(0);transform:translate(0)}}@keyframes titleMobileIn{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@keyframes gameReveal{0%{opacity:0;filter:brightness(3)blur(4px);clip-path:inset(0 0 0 100%);transform:translate(8px)skew(8deg)}42%{opacity:1;transform:translate(-5px)skew(-4deg)}68%{filter:brightness(1.8)blur();transform:translate(4px)skew(2deg)}to{opacity:1;filter:brightness();clip-path:inset(0);transform:none}}@keyframes gameBreathe{0%,to{filter:brightness(.92)}50%{filter:brightness(1.12)}}@keyframes subReveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes tagLine{to{transform:scaleX(1)}}@keyframes ctaBoot{to{opacity:1}}@keyframes buttonBuild{to{transform:scaleX(1)}}@keyframes digitalIn{0%{opacity:0}to{opacity:1}}@keyframes heroCtaReady{to{filter:brightness(1.08);background:#020c12f0;border-color:#64f3ff;box-shadow:0 0 10px #00e5ffeb,0 0 28px #00e5ff52,inset 0 0 25px #00e5ff1f}}@keyframes heroCtaContentReady{to{color:#fff;opacity:1;filter:brightness(1.18)}}@keyframes buttonIdleScan{0%,84%{opacity:0;left:-25%}88%{opacity:.5}to{opacity:0;left:112%}}@keyframes scrollCue{0%,to{opacity:.35;transform:translateY(-3px)rotate(45deg)}50%{opacity:1;transform:translateY(4px)rotate(45deg)}}@keyframes heroScan{0%{background-position:0 -100svh}to{background-position:0 100svh}}.whatIsArena{isolation:isolate;scroll-snap-align:start;color:#fff;content-visibility:auto;contain-intrinsic-size:auto 100svh;background:radial-gradient(at 55% 88%,#00e5ff1c,#0000 42%),linear-gradient(#03040a 0%,#040810 62%,#03111a 100%);height:100svh;min-height:100svh;position:relative;overflow:hidden}.whatIsArena:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#00e5ff09,#0000 30% 76%,#00e5ff0a),radial-gradient(#0000 38%,#03040a9e 100%);position:absolute;inset:0}.whatIsGrid{z-index:0;opacity:.24;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 79px,#00e5ff14 80px),repeating-linear-gradient(0deg,#0000 0 79px,#00e5ff0e 80px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.whatIsHud{z-index:5;pointer-events:none;clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 28px),0 28px);border-top:1px solid #00e5ff6b;border-bottom:1px solid #00e5ff3d;position:absolute;inset:clamp(14px,2.2vw,28px)}.whatIsHud i{border-color:var(--cyan);filter:drop-shadow(0 0 5px #00e5ff99);width:56px;height:56px;position:absolute}.whatIsHud i:first-child{border-top:3px solid var(--cyan);border-left:3px solid var(--cyan);top:0;left:0}.whatIsHud i:nth-child(2){border-top:3px solid var(--cyan);border-right:3px solid var(--cyan);top:0;right:0}.whatIsHud i:nth-child(3){border-bottom:3px solid var(--cyan);border-left:3px solid var(--cyan);bottom:0;left:0}.whatIsHud i:nth-child(4){border-right:3px solid var(--cyan);border-bottom:3px solid var(--cyan);bottom:0;right:0}.whatIsInner{z-index:2;flex-direction:column;width:min(100%,1180px);min-height:100svh;margin:auto;padding:clamp(48px,6vw,76px) clamp(48px,8vw,104px) clamp(54px,7vw,88px);display:flex;position:relative}.whatIsLabel{align-items:center;gap:clamp(14px,2.3vw,28px);display:flex}.whatIsLabel strong{color:var(--cyan);letter-spacing:-.04em;text-shadow:0 0 14px #00e5ff70;font-size:clamp(56px,8vw,96px);font-weight:800;line-height:.78}.whatIsLabel>span{background:var(--cyan);width:2px;height:clamp(60px,7vw,82px);box-shadow:0 0 9px #00e5ffb3}.whatIsLabel h2{color:var(--cyan);letter-spacing:.015em;margin:0;font-size:clamp(17px,2.5vw,30px);font-weight:700;line-height:1.24}.whatIsHeadline{--what-skew:-5deg;z-index:4;transform:skewX(var(--what-skew));transform-origin:0;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 8px 28px #000;margin:clamp(70px,10svh,112px) 0 0;font-size:clamp(56px,8vw,108px);font-weight:800;line-height:.86;position:relative}.whatIsHeadline span,.whatIsHeadline strong{white-space:nowrap;display:block}.whatIsHeadline strong{color:var(--cyan);text-shadow:0 0 9px #00e5ff94,0 8px 28px #000;margin-top:.12em}.mobileBreak{display:none}.whatIsDivider{background:linear-gradient(90deg,var(--cyan),#00e5ff33 68%,transparent);width:min(70%,690px);height:1px;margin:clamp(48px,7svh,78px) 0 0;box-shadow:0 0 7px #00e5ff73}.whatIsDivider:before{content:"";background:var(--cyan);width:54px;height:4px;display:block;transform:translateY(-2px)skew(-38deg);box-shadow:0 0 9px #00e5ffa6}.whatIsDescription{z-index:5;color:#fff;letter-spacing:.02em;text-shadow:0 3px 12px #000;max-width:760px;margin:clamp(36px,5svh,58px) 0 0;font-size:clamp(18px,2.5vw,30px);font-weight:500;line-height:1.8;position:relative}.whatIsDescription em{color:var(--cyan);text-shadow:0 0 9px #00e5ff6b;font-style:normal}.whatIsLabel strong,.whatIsLabel>span,.whatIsLabel h2,.whatIsHeadline,.whatIsDivider,.whatIsDescription>span{opacity:0}.whatIsLabel strong,.whatIsLabel h2,.whatIsHeadline,.whatIsDescription>span{transform:translateY(18px)}.whatIsLabel>span{transform-origin:top;transform:scaleY(0)}.whatIsDivider{transform-origin:0;transform:scaleX(0)}.whatIsArena.isActive .whatIsLabel strong{animation:.62s ease-out forwards whatIsFadeUp}.whatIsArena.isActive .whatIsLabel>span{animation:.58s ease-out .16s forwards whatIsLineIn}.whatIsArena.isActive .whatIsLabel h2{animation:.62s ease-out .18s forwards whatIsFadeUp}.whatIsArena.isActive .whatIsHeadline{animation:.68s ease-out .4s forwards whatIsFadeUpSkew}.whatIsArena.isActive .whatIsDivider{animation:.58s ease-out .72s forwards whatIsDividerIn}.whatIsArena.isActive .whatIsDescription>span:first-child{animation:.62s ease-out .86s forwards whatIsFadeUp}.whatIsArena.isActive .whatIsDescription>span:last-child{animation:.62s ease-out 1.16s forwards whatIsFadeUp}.whatIsArena.isActive .whatIsGrid{animation:20s linear infinite whatIsGridDrift}.whatIsArena.isActive .whatIsHud{animation:5.8s ease-in-out infinite whatIsHudPulse}.whatIsArena.isActive:before{animation:6.5s ease-in-out infinite whatIsAmbient}.gameModes{isolation:isolate;background:var(--black);position:relative}.modeScreen{scroll-snap-align:start;scroll-snap-stop:normal;content-visibility:auto;contain-intrinsic-size:auto 100svh;background:radial-gradient(circle at 50% 48%,#00e5ff18,#0000 36%),linear-gradient(145deg,#03040a 0%,#071018 48%,#03040a 100%);place-items:center;height:100svh;min-height:100svh;padding:clamp(92px,12svh,126px) clamp(18px,5vw,70px) clamp(62px,8svh,82px);display:grid;position:relative;overflow:hidden}.modeScreen:before,.modeScreen:after{content:"";pointer-events:none;position:absolute}.modeScreen:before{z-index:0;background:linear-gradient(90deg,#00e5ff0e,#0000 24% 76%,#00e5ff09),radial-gradient(at 50% 100%,#00e5ff1a,#0000 52%);inset:0}.modeScreen:after{z-index:1;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);border:1px solid #00e5ff2e;inset:18px}.modeGrid{z-index:0;opacity:.22;background:repeating-linear-gradient(90deg,#0000 0 79px,#00e5ff1f 80px),repeating-linear-gradient(0deg,#0000 0 79px,#00e5ff17 80px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 78%,#0000);mask-image:linear-gradient(#0000,#000 24% 78%,#0000)}.gameModesHeader{z-index:4;text-align:left;align-items:center;gap:clamp(14px,2.3vw,28px);display:flex;position:absolute;top:clamp(30px,5svh,52px);left:clamp(24px,6vw,88px)}.gameModesHeader>strong{color:var(--cyan);letter-spacing:-.04em;text-shadow:0 0 14px #00e5ff70;font-size:clamp(56px,8vw,96px);font-weight:800;line-height:.78}.gameModesHeader>span{background:var(--cyan);flex:none;width:2px;height:clamp(60px,7vw,82px);box-shadow:0 0 9px #00e5ffb3}.gameModesTitleText h2{color:var(--cyan);letter-spacing:.015em;margin:0;font-size:clamp(17px,2.5vw,30px);font-weight:700;line-height:1.02}.gameModesTitleText p{color:var(--cyan-soft);letter-spacing:.14em;margin:7px 0 0;font-size:clamp(7px,.9vw,10px);font-weight:600}.modeContent{z-index:3;flex-direction:column;gap:clamp(18px,3svh,32px);width:min(88vw,820px);display:flex;position:relative}.modeHeading{grid-template-columns:auto minmax(24px,80px) auto;justify-content:center;align-items:center;gap:12px;display:grid}.modeHeading>span{color:var(--cyan);font-size:13px;font-weight:700}.modeHeading>i{background:linear-gradient(90deg,var(--cyan),transparent);height:1px;box-shadow:0 0 7px var(--cyan)}.modeHeading h3{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(38px,8vw,76px);font-weight:800;line-height:.84}.modeHeading p{color:var(--cyan);letter-spacing:.12em;margin:10px 0 0;font-size:clamp(9px,1.6vw,13px);font-weight:600}.gamePanel{clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 28px),0 28px);background:linear-gradient(145deg,#03040af0,#08161de0);border:1px solid #00e5ffb8;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:clamp(320px,50svh,480px);padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00e5ff47,inset 0 0 38px #00e5ff12}.gamePanel:before{content:"";opacity:.12;background:linear-gradient(115deg,transparent 30%,var(--cyan) 49%,transparent 51%);animation:5s ease-in-out infinite panelSweep;position:absolute;inset:0;transform:translate(-100%)}.gamePanel small{color:#fff;letter-spacing:.15em;font-size:clamp(11px,2vw,15px);font-weight:700}.teamDuel{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,4vw,42px);width:100%;margin:clamp(25px,5svh,44px) 0 20px;display:grid}.teamDuel button{min-width:0;color:var(--cyan);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);font:inherit;cursor:pointer;background:#00e5ff0e;border:1px solid #00e5ffb3;padding:18px 8px;transition:all .2s}.teamDuel button:hover,.teamDuel button:focus-visible{background:#00e5ff29;outline:none;box-shadow:inset 0 0 22px #00e5ff38}.teamDuel b{aspect-ratio:1;border:2px solid;place-items:center;width:clamp(48px,8vw,78px);margin:auto;font-size:0;display:grid;transform:rotate(45deg);box-shadow:0 0 16px #00e5ff38}.teamDuel b:after{content:attr(data-team)}.teamDuel button:first-child b:after{content:"A"}.teamDuel button:last-child b:after{content:"B"}.teamDuel b:after{font-size:clamp(25px,5vw,43px);font-weight:800;transform:rotate(-45deg)}.teamDuel button span{letter-spacing:.1em;margin-top:19px;font-size:clamp(11px,2vw,15px);font-weight:700;display:block}.teamDuel>strong{color:#fff;text-shadow:0 0 10px var(--cyan);font-size:clamp(20px,4vw,34px)}.selectRow{grid-template-columns:1fr 1fr;gap:clamp(12px,4vw,42px);width:100%;display:grid}.selectRow span{color:var(--cyan);letter-spacing:.08em;border-top:1px solid #00e5ff59;padding:9px;font-size:clamp(8px,1.4vw,11px);font-weight:600}.systemLine{color:#ffffff8c;letter-spacing:.17em;margin:20px 0 0;font-size:9px}.pickPanel{justify-content:flex-start;min-height:clamp(400px,56svh,540px);padding-top:clamp(22px,3svh,34px)}.pickPanel>small{z-index:4;font-size:clamp(13px,2.1vw,18px);position:relative}.pickPanel>.pickPrompt{letter-spacing:.18em;text-shadow:0 0 10px #00e5ff40;margin:0 0 13px;font-size:clamp(16px,2.7vw,23px)}.pickStats{z-index:4;background:linear-gradient(#03040a,#03040a) padding-box,linear-gradient(90deg,var(--cyan),#00e5ff26 43%,#ff2bd626 57%,var(--magenta)) border-box;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);border:1px solid #0000;grid-template-columns:minmax(0,1fr) minmax(150px,1.15fr) minmax(0,1fr);align-items:center;gap:0 14px;width:min(100%,620px);margin:0 0 12px;padding:10px 24px;display:grid;position:relative;box-shadow:inset 0 0 24px #00e5ff09}.pickStats:before,.pickStats:after{content:"";background:linear-gradient(90deg,#00e5ff6b,#ffffff14 50%,#ff2bd66b);height:1px;position:absolute;left:22px;right:22px}.pickStats:before{top:33.333%}.pickStats:after{top:66.667%}.pickMetricValue{text-align:center;min-width:0;padding:6px 4px}.pickMetricValue strong{letter-spacing:-.035em;font-size:clamp(27px,4.4vw,43px);line-height:.9}.pickMetricValue strong em{letter-spacing:0;margin-left:2px;font-size:.46em;font-style:normal}.pickMetricRed{color:var(--cyan);text-shadow:0 0 13px #00e5ffcc}.pickMetricDevil{color:var(--magenta);text-shadow:0 0 13px #ff2bd6cc}.pickStatsLabel{color:#fff;letter-spacing:.16em;text-align:center;white-space:nowrap;min-width:0;font-size:clamp(12px,1.9vw,17px);line-height:1;display:block}.characterDuel{z-index:3;flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2.8vw,28px);width:min(100%,620px);min-height:0;display:grid;position:relative}.characterCard{color:#fff;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);cursor:pointer;isolation:isolate;background:#03040a;border:1px solid;align-self:stretch;min-width:0;max-height:355px;padding:0;font-family:inherit;transition:filter .24s,transform .24s,box-shadow .24s;position:relative;overflow:hidden}.characterCard:before{content:"";z-index:2;pointer-events:none;clip-path:inherit;opacity:.45;border:1px solid;transition:opacity .24s;position:absolute;inset:0;box-shadow:inset 0 0 20px}.characterCard:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#03040adb 54%,#03040a 100%);position:absolute;inset:45% 0 0}.characterCard img{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .24s;position:absolute;inset:0}.characterCard picture{display:contents}.characterCard:hover,.characterCard:focus-visible{outline:none;transform:translateY(-4px)}.characterCard:hover img,.characterCard:focus-visible img{transform:scale(1.035)}.redCharacter{--team-color:var(--cyan);color:var(--cyan);box-shadow:0 0 14px #00e5ff33}.devilCharacter{--team-color:var(--magenta);color:var(--magenta);box-shadow:0 0 14px #ff2bd633}.redCharacter img,.devilCharacter img{object-fit:contain;width:auto;max-width:none;height:100%}.redCharacter img{left:0;right:auto}.devilCharacter img{left:auto;right:0}@media (width>=769px){.redCharacter img,.devilCharacter img{object-fit:contain;object-position:center bottom;width:100%;height:100%;left:0;right:0}.redCharacter img{transform-origin:bottom;transform:scale(1.08)}.redCharacter:hover img,.redCharacter:focus-visible img{transform:scale(1.115)}}.characterLabel{z-index:3;text-shadow:0 2px 10px #000;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;left:0;right:0}.characterLabel b{color:#fff;letter-spacing:.04em;font-size:clamp(24px,4.3vw,40px);line-height:1}.characterLabel small{color:currentColor;letter-spacing:.16em;margin-top:7px;font-size:clamp(6px,.9vw,9px)}.tapHint{z-index:4;color:currentColor;letter-spacing:.1em;opacity:.7;font-size:6px;font-style:normal;font-weight:600;position:absolute;bottom:7px;right:8px}.tapPointer{z-index:7;color:currentColor;width:clamp(38px,6vw,52px);height:clamp(38px,6vw,52px);box-shadow:0 0 16px currentColor,inset 0 0 12px color-mix(in srgb,currentColor 20%,transparent);opacity:0;pointer-events:none;background:#03040ad1;border:1px solid;border-radius:50%;place-items:center;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.tapPointer svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px);width:56%;height:56%;overflow:visible}.tapPointer:after{content:"";opacity:0;border:1px solid;border-radius:50%;position:absolute;inset:-7px}.pickPanel:not(.hasPick) .redCharacter .tapPointer{animation:2.4s ease-in-out infinite tapPointerCue}.pickPanel:not(.hasPick) .redCharacter .tapPointer:after{animation:2.4s ease-out infinite tapRipple}.pickPanel:not(.hasPick) .devilCharacter .tapPointer{animation:2.4s ease-in-out 1.2s infinite tapPointerCue}.pickPanel:not(.hasPick) .devilCharacter .tapPointer:after{animation:2.4s ease-out 1.2s infinite tapRipple}.yourPick{z-index:5;color:#03040a;background:var(--team-color);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);letter-spacing:.08em;opacity:0;padding:7px 15px 6px 10px;font-size:8px;font-weight:800;transition:all .2s;position:absolute;top:0;left:0;transform:translateY(-100%)}.duelVs{z-index:5;color:#fff;text-shadow:0 0 6px var(--cyan),0 0 18px #00e5ffb3;font-size:clamp(19px,4vw,32px);position:relative}.characterCard.isPicked{z-index:2;animation:.55s ease-out pickPulse;transform:translateY(-3px)scale(1.015)}.characterCard.isPicked:before{opacity:1}.redCharacter.isPicked{box-shadow:0 0 8px var(--cyan),0 0 28px #00e5ffbd,inset 0 0 22px #00e5ff4d}.devilCharacter.isPicked{box-shadow:0 0 8px var(--magenta),0 0 28px #ff2bd6b8,inset 0 0 22px #ff2bd64d}.characterCard.isPicked .yourPick{opacity:1;transform:translateY(0)}.characterCard.isPicked .tapHint{opacity:0}.characterCard.isPicked .tapPointer,.characterCard.isDimmed .tapPointer{display:none}.characterCard.isDimmed{filter:brightness(.43)saturate(.55);transform:scale(.975)}.characterCard.isDimmed img{filter:grayscale(.28)}.characterCard:disabled{cursor:default}.pickLocked{z-index:4;width:min(100%,620px);min-height:0;max-height:0;color:var(--cyan);opacity:0;background:#00e5ff0f;border:1px solid #0000;justify-content:space-between;align-items:center;margin-top:0;padding:0 16px;transition:max-height .3s,min-height .3s,margin .3s,padding .3s,opacity .25s,transform .3s,border-color .25s;display:flex;position:relative;overflow:hidden;transform:translateY(8px)}.pickLocked.isVisible{opacity:1;border-color:#00e5ff94;min-height:48px;max-height:52px;margin-top:12px;padding-top:8px;padding-bottom:8px;transform:translateY(0);box-shadow:0 0 14px #00e5ff2b}.pickLocked b{letter-spacing:.06em;font-size:clamp(12px,2vw,17px)}.pickLocked span{color:#fff;letter-spacing:.11em;font-size:clamp(7px,1vw,9px)}.pickLocked .isCorrect{color:#ffc94a;text-shadow:0 0 7px #fff,0 0 18px #ffc94ad9}.pickLocked .isWrong{color:#ff3b5c;text-shadow:0 0 15px #ff3b5cbf}.pickLoader{gap:5px;display:flex}.pickLoader i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:.7s ease-in-out infinite alternate pickDot}.pickLoader i:nth-child(2){animation-delay:.14s}.pickLoader i:nth-child(3){animation-delay:.28s}.pick-battle .characterCard{animation:.55s ease-in-out infinite alternate battleTension}.pick-battle .characterCard img{animation:.55s ease-in-out infinite alternate battleImagePulse}.pick-final .pickLocked{color:#fff;background:#ffffff13;border-color:#ffffffb8;box-shadow:0 0 18px #fff3,inset 0 0 18px #00e5ff14}.pick-final .pickLoader i{box-shadow:0 0 10px #fff,0 0 16px var(--cyan);background:#fff;animation-duration:.32s}.pickResultFlash{z-index:12;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 60%,#ffffff80,#00e5ff33 24%,#0000 65%);position:absolute;inset:0}.pick-result .pickResultFlash{animation:.9s ease-out both pickResultFlash}.pickResultBurst{z-index:13;pointer-events:none;width:1px;height:1px;position:absolute;top:58%;left:27%}.pickResultBurst i{background:linear-gradient(90deg,#fff,var(--cyan),transparent);transform-origin:0;opacity:0;width:clamp(36px,8vw,76px);height:2px;position:absolute}.pickResultBurst i:first-child{transform:rotate(0)}.pickResultBurst i:nth-child(2){transform:rotate(45deg)}.pickResultBurst i:nth-child(3){transform:rotate(90deg)}.pickResultBurst i:nth-child(4){transform:rotate(135deg)}.pickResultBurst i:nth-child(5){transform:rotate(180deg)}.pickResultBurst i:nth-child(6){transform:rotate(225deg)}.pickResultBurst i:nth-child(7){transform:rotate(270deg)}.pickResultBurst i:nth-child(8){transform:rotate(315deg)}.pick-result.result-red .pickResultBurst i{animation:.75s cubic-bezier(.2,.8,.2,1) 80ms both pickBurst}.pickResultStamp{z-index:14;color:#fff;border:2px solid var(--cyan);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);width:min(76%,420px);box-shadow:0 0 14px var(--cyan),0 0 48px #00e5ffa6,inset 0 0 28px #00e5ff38;text-align:center;opacity:0;pointer-events:none;background:#03040af0;padding:14px 54px 12px;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)scale(.7)}.pickResultStamp small{color:var(--cyan);letter-spacing:.2em;font-size:8px;display:block}.pickResultStamp strong{text-shadow:0 0 10px #fff,0 0 24px var(--cyan);margin-top:3px;font-size:clamp(24px,5vw,44px);line-height:1;display:block}.pickResultStamp b{color:#ffc94a;text-shadow:0 0 14px #ffc94a;font-size:30px;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.pick-result.result-red .pickResultStamp{animation:.95s cubic-bezier(.18,.9,.22,1) 80ms both resultStamp}.pick-result.result-red .redCharacter{box-shadow:0 0 36px var(--cyan),0 0 72px #ffc94a8c,inset 0 0 35px #00e5ff59;animation:1s ease-out both correctCard}.pick-result.result-red .pickMetricRed{animation:1s ease-out both correctData}.pick-result.result-devil .devilCharacter{box-shadow:0 0 24px #ff3b5c6b}.modeIndicator{z-index:20;flex-direction:column;width:max-content;height:0;margin-left:auto;margin-right:clamp(10px,2.5vw,34px);display:flex;position:sticky;top:50%;transform:translateY(-50%)}.modeIndicator a{color:#ffffff47;letter-spacing:.08em;grid-template-columns:22px 11px minmax(0,58px);align-items:start;gap:8px;min-height:54px;font-size:8px;font-weight:700;text-decoration:none;transition:all .22s;display:grid;position:relative}.modeIndicator a:not(:last-child):after{content:"";background:#00e5ff33;width:1px;height:40px;position:absolute;top:14px;left:35px}.modeIndicator i{border:1px solid;border-radius:50%;width:8px;height:8px;margin-top:1px}.modeIndicator .isActive{color:var(--cyan);text-shadow:0 0 8px #00e5ffbf}.modeIndicator .isActive i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.swipeCue,.completeCue{z-index:4;color:#ffffff73;letter-spacing:.16em;white-space:nowrap;font-size:8px;font-weight:600;position:absolute;bottom:clamp(23px,4svh,40px);left:50%;transform:translate(-50%)}.swipeCue i{background:linear-gradient(var(--cyan),transparent);width:1px;height:18px;margin:8px auto 0;animation:1.4s ease-in-out infinite swipePulse;display:block}.completeCue{color:var(--cyan)}.liveMode{background:radial-gradient(circle at 18% 42%,#00e5ff1a,#0000 30%),radial-gradient(circle at 82% 42%,#ff2bd617,#0000 30%),linear-gradient(145deg,#03040a,#080c17 50%,#03040a)}.livePanel{isolation:isolate;background:linear-gradient(#07111a,#02050a);height:auto;min-height:0;padding:0;display:block;overflow:hidden}.liveMatchVideo{object-fit:cover;background:#03040a;width:100%;height:100%;position:absolute;inset:0}.liveBattlefield{z-index:-2;opacity:.7;background:repeating-linear-gradient(90deg,#0000 0 43px,#00e5ff0e 44px),repeating-linear-gradient(0deg,#0000 0 43px,#00e5ff0b 44px),repeating-linear-gradient(0deg,#0000 0 3px,#00e5ff06 4px);position:absolute;inset:0}.livePanel:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#00e5ff0b,#0000 24% 76%,#ff2bd609),radial-gradient(at 50% 32%,#0000 25%,#03040a99 100%);position:absolute;inset:0}.liveDataBits{z-index:0;pointer-events:none;position:absolute;inset:18px}.liveDataBits i{opacity:.3;background:radial-gradient(circle,var(--cyan) 0 1px,transparent 2px) 0 0/8px 8px;width:34px;height:18px;position:absolute}.liveDataBits i:first-child{top:5%;left:2%}.liveDataBits i:nth-child(2){top:22%;right:2%}.liveDataBits i:nth-child(3){bottom:28%;left:4%}.liveDataBits i:nth-child(4){bottom:8%;right:5%}.liveMatch{aspect-ratio:16/9;background:#03040a;border-bottom:1px solid #00e5ff8c;width:100%;height:auto;min-height:0;position:relative;overflow:hidden}.liveMatch.hasMedia{background:#03040a}.liveMatch:before{content:"";z-index:0;background:linear-gradient(90deg,#00e5ff1a,#0000 38% 62%,#ff2bd61a),linear-gradient(#03040a1f,#0000 52%,#03040a2e);position:absolute;inset:0;box-shadow:inset 0 0 28px #03040a80}.liveMatch:after{content:"";z-index:7;pointer-events:none;opacity:.14;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff1f 4px);position:absolute;inset:0}.matchHud{z-index:10;color:#fff;clip-path:polygon(8px 0,calc(50% - 38px) 0,calc(50% - 30px) 8px,calc(50% + 30px) 8px,calc(50% + 38px) 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);background:#02050ae6;border-top:1px solid #ffffff47;border-bottom:1px solid #00e5ff59;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:52px;display:grid;position:absolute;top:9px;left:10px;right:10px;box-shadow:0 7px 20px #0000008c}.hudSide{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:5px 10px;display:grid}.hudSide img{object-fit:contain;filter:drop-shadow(0 0 6px);width:40px;height:40px}.hudTeam{grid-template-columns:1fr auto;align-items:end;gap:2px 6px;min-width:0;display:grid}.hudTeam span{letter-spacing:.08em;grid-column:1/3;font-size:10px;font-style:italic;font-weight:800;line-height:1}.hudTeam small{font-size:6px;font-weight:800;line-height:1}.stockRow{grid-column:1/3;align-items:center;gap:4px;min-height:13px;display:flex}.hudDevil .stockRow{justify-content:flex-end}.stockRow i{background:#ffffff0a;border:1px solid;border-radius:50%;width:13px;height:13px;display:block;overflow:hidden;box-shadow:0 0 6px,inset 0 0 4px}.stockRow img{object-fit:contain;width:100%;height:100%;display:block}.hpTrack{background:#ffffff12;border:1px solid;height:8px;overflow:hidden;transform:skew(-18deg)}.hpTrack i{background:currentColor;width:86%;height:100%;transition:width .65s;display:block;box-shadow:0 0 10px}.hudRed{color:var(--cyan);border-left:2px solid var(--cyan)}.hudDevil{color:var(--magenta);border-right:2px solid var(--magenta);text-align:right;grid-template-columns:minmax(0,1fr) 42px}.hudCenter{color:#fff;background:linear-gradient(120deg,#00e5ff1f,#03040af0 45%,#ff2bd61f);border-inline:1px solid #ffffff24;flex-direction:column;justify-content:center;align-items:center;width:72px;display:flex}.hudCenter small{letter-spacing:.12em;color:#fffc;white-space:nowrap;font-size:7px;font-weight:700}.arenaSet{display:none}.arenaSet .catwalk{background:repeating-linear-gradient(90deg,#121d29 0 20px,#060b12 21px 30px);border-top:1px solid #ffffff1f;border-bottom:2px solid #00e5ff1f;height:7px;position:absolute;top:25%;left:13%;right:13%;box-shadow:0 12px 20px #000000b3}.arenaSet .catwalk:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 37px,#ffffff1c 38px 40px);height:28px;position:absolute;top:7px;left:8%;right:8%}.arenaSet .backDoor{background:linear-gradient(90deg,#00e5ff14,#080d14 45%,#ff2bd614);border:1px solid #ffffff1f;width:16%;height:42%;position:absolute;top:31%;left:42%;box-shadow:inset 0 0 18px #000}.arenaSet .crate{clip-path:polygon(0 8px,8px 0,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#172533,#070b11 64%);border:1px solid #ffffff1f;width:18%;height:27%;position:absolute;bottom:10%;box-shadow:inset 0 0 0 5px #00000059,0 8px 16px #000000bf}.arenaSet .crate:after{content:"";opacity:.42;border:1px solid;position:absolute;inset:18%;transform:rotate(45deg)}.crateLeft{color:var(--cyan);left:0}.crateRight{color:var(--magenta);right:0}.arenaSet .floorGrid{transform-origin:bottom;opacity:.55;background:repeating-linear-gradient(90deg,#0000 0 34px,#ffffff14 35px),repeating-linear-gradient(0deg,#0000 0 12px,#ffffff12 13px);height:20%;position:absolute;bottom:2%;left:15%;right:15%;transform:perspective(130px)rotateX(55deg)}.battleGlow{z-index:0;background:radial-gradient(circle,#ffffff2e,#00e5ff0d 25%,#0000 68%);animation:3.8s ease-in-out infinite battleGlow;position:absolute;inset:26% 23% 7%}.fighter{z-index:4;pointer-events:none;width:32%;height:auto;position:absolute;bottom:4%}.fighter img{object-fit:contain;filter:drop-shadow(0 10px 14px #000000e6);width:100%;height:100%}.fighter b{display:none}.fighterRed{transform-origin:35% 80%;left:1%}.fighterRed b{color:var(--cyan);border-left:2px solid var(--cyan);left:10%}.fighterDevil{transform-origin:65% 80%;right:1%}.fighterDevil b{color:var(--magenta);border-right:2px solid var(--magenta);right:10%}.fighterAura{z-index:-1;filter:blur(16px);border-radius:50%;width:130%;height:60%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.fighterRed .fighterAura{background:radial-gradient(#29f2ff66,#0000 70%)}.fighterDevil .fighterAura{background:radial-gradient(#ff2fd066,#0000 70%)}.fighterHitFlash{z-index:5;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#fffffff2,#0000 65%);border-radius:50%;position:absolute;inset:-6%}.livePanel.is-battle-active.is-voting .fighterRed img{animation:10s ease-in-out both claudeRedRecoil}.livePanel.is-battle-active.is-voting .fighterDevil img{animation:10s ease-in-out both claudeDevilCover}.livePanel.is-battle-active.is-voting .fighterRed .fighterHitFlash{animation:10s ease-in-out both claudeRedHit}.livePanel.is-battle-active.is-voting .fighterDevil .fighterHitFlash{animation:10s ease-in-out both claudeDevilHit}.livePanel.is-battle-active.is-voting .hudRed .hpTrack i{transform-origin:0;animation:10s ease-in-out both claudeRedHp}.livePanel.is-battle-active.is-voting .hudDevil .hpTrack i{transform-origin:100%;animation:10s ease-in-out both claudeDevilHp}.battleShot{z-index:5;opacity:0;filter:drop-shadow(0 0 5px);border-radius:2px;width:24%;height:3px;position:absolute;top:69%}.battleShot:after{content:"";background:linear-gradient(90deg,#0000,currentColor 35%,#fff 70%,#0000);position:absolute;inset:-2px 0}.shotRed{color:var(--cyan);left:30%}.shotDevil{color:var(--magenta);top:67%;right:29%;transform:scaleX(-1)}.livePanel.is-battle-active.is-voting .shotRed{animation:10s ease-in both claudeTracerRed}.livePanel.is-battle-active.is-voting .shotDevil{animation:10s ease-in both claudeTracerDevil}.muzzle{z-index:6;aspect-ratio:1;opacity:0;clip-path:polygon(50% 0,60% 36%,100% 25%,70% 52%,100% 76%,62% 65%,50% 100%,40% 65%,0 78%,30% 51%,0 25%,39% 36%);background:radial-gradient(circle,#fff 0 15%,currentColor 22%,#0000 65%);width:22px;position:absolute;top:64%}.muzzleRed{color:var(--cyan);left:28%}.muzzleDevil{color:var(--magenta);right:28%}.livePanel.is-battle-active.is-voting .muzzleRed{animation:10s step-end both claudeMuzzleRed}.livePanel.is-battle-active.is-voting .muzzleDevil{animation:10s step-end both claudeMuzzleDevil}.battleParticles i{z-index:2;background:var(--cyan);border-radius:50%;width:2px;height:2px;animation:2.8s linear infinite particleFloat;position:absolute;box-shadow:0 0 7px}.battleParticles i:first-child{top:28%;left:17%}.battleParticles i:nth-child(2){animation-delay:-1s;top:75%;left:31%}.battleParticles i:nth-child(3){animation-delay:-2s;top:42%;left:47%}.battleParticles i:nth-child(4){color:var(--magenta);animation-delay:-.6s;top:67%;right:39%}.battleParticles i:nth-child(5){color:var(--magenta);animation-delay:-1.6s;top:31%;right:20%}.battleParticles i:nth-child(6){color:var(--magenta);animation-delay:-2.4s;top:72%;right:9%}.hitBurst{z-index:9;opacity:0;pointer-events:none;width:62px;height:62px;position:absolute;top:42%;right:18%}.hitBurst:before{content:"HIT";color:#fff;text-shadow:0 0 8px var(--cyan);place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.hitBurst i{background:linear-gradient(90deg,#fff,var(--cyan),transparent);transform-origin:0;width:38px;height:2px;position:absolute;top:50%;left:50%}.hitBurst i:nth-child(2){transform:rotate(72deg)}.hitBurst i:nth-child(3){transform:rotate(144deg)}.hitBurst i:nth-child(4){transform:rotate(216deg)}.hitBurst i:nth-child(5){transform:rotate(288deg)}.livePanel.is-closing .shotRed{animation:.38s ease-out .45s both finalShot}.livePanel.is-closing .muzzleRed{animation:.22s ease-out .36s both finalMuzzle}.livePanel.is-closing .shotDevil,.livePanel.is-closing .muzzleDevil{opacity:0;animation:none}.livePanel.is-closing .hitBurst{animation:.5s ease-out .72s both hitImpact}.livePanel.is-closing .liveMatch{animation:.28s ease-out .72s impactShake}.livePanel.is-closing .fighterDevil{animation:.48s ease-out .72s forwards devilHit}.livePanel.is-closing .hudRed .hpTrack i{width:78%}.livePanel.is-closing .hudDevil .hpTrack i,.livePanel.is-result .hudDevil .hpTrack i{width:0}.livePanel.is-result .battleShot,.livePanel.is-result .muzzle,.livePanel.is-result .battleParticles{opacity:0;animation:none}.livePanel.is-result .fighter{animation:none}.livePanel.is-result .fighterDevil{filter:brightness(.42)saturate(.65);transform:translate(12px)rotate(5deg)}.killResult{z-index:12;opacity:0;pointer-events:none;background:#03040ab8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0;transform:scale(1.06)}.killResult strong{color:#fff;letter-spacing:-.02em;text-shadow:0 0 8px var(--cyan),0 0 24px #00e5ffb8;font-size:clamp(22px,5vw,42px);font-style:italic}.killResult span{letter-spacing:.12em;font-size:clamp(13px,2.4vw,20px);font-weight:800}.killResult .isCorrect{color:var(--cyan)}.killResult .isWrong{color:#ff3b5c}.livePanel.is-result .killResult{animation:.38s steps(3,end) forwards resultReveal}.livePrediction{z-index:4;background:linear-gradient(#03040af5,#03040a);grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr auto;align-items:center;column-gap:14px;height:39%;min-height:185px;padding:12px clamp(16px,3vw,28px) 14px;display:grid;position:relative}.liveQuestion{text-align:left;text-shadow:0 3px 13px #000;grid-column:1/2;margin:0;font-style:italic;color:#fff!important;letter-spacing:.025em!important;font-size:clamp(15px,2.8vw,24px)!important;line-height:1!important}.liveTimer{flex-direction:column;grid-area:1/2/3/3;align-items:flex-end;min-width:104px;transition:filter .25s;display:flex}.votingLabel{color:#ff3b5c;letter-spacing:.12em;white-space:nowrap;font-size:7px;font-weight:700}.liveTimer time{color:#ff3b5c;letter-spacing:.02em;text-shadow:0 0 9px #ff3b5cc7,0 0 18px #ff3b5c57;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1}.liveNameChoices{grid-column:1/3;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,16px);width:100%;display:grid}.liveNameChoice{color:#fff;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);cursor:pointer;background:#03040ae6;border:1px solid;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:58px;font-family:inherit;transition:filter .22s,transform .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden}.liveNameChoice img{object-fit:contain;object-position:center;filter:drop-shadow(0 2px 5px #000);width:46px;height:53px}.liveNameChoice strong{z-index:2;letter-spacing:.04em;font-size:clamp(17px,3.2vw,28px);font-style:italic;position:relative}.liveNameChoice:hover,.liveNameChoice:focus-visible{filter:brightness(1.18);outline:none;transform:translateY(-2px)}.liveRed{color:var(--cyan);box-shadow:0 0 12px #00e5ff29}.liveDevil{color:var(--magenta);box-shadow:0 0 12px #ff2bd629}.liveNameChoice.isSelected{background:#03040af5;animation:.55s ease-out pickPulse;transform:translateY(-2px)scale(1.015)}.liveRed.isSelected{box-shadow:0 0 7px var(--cyan),0 0 28px #00e5ffad,inset 0 0 20px #00e5ff38}.liveDevil.isSelected{box-shadow:0 0 7px var(--magenta),0 0 28px #ff2bd6b3,inset 0 0 20px #ff2bd638}.liveNameChoice.isMuted{filter:brightness(.38)saturate(.55);transform:scale(.975)}.liveNameChoice:disabled{cursor:not-allowed}.liveNameChoice.isSelected:disabled{filter:none}.liveVs{color:#fff;text-shadow:0 0 9px var(--cyan);font-size:13px}.liveTapPointer{width:42px;height:42px;top:50%;left:72%}.livePanel.is-voting:not(.picked-clutch):not(.picked-lose) .liveRed .liveTapPointer{animation:2.4s ease-in-out infinite tapPointerCue}.livePanel.is-voting:not(.picked-clutch):not(.picked-lose) .liveRed .liveTapPointer:after{animation:2.4s ease-out infinite tapRipple}.livePanel.is-voting:not(.picked-clutch):not(.picked-lose) .liveDevil .liveTapPointer{animation:2.4s ease-in-out 1.2s infinite tapPointerCue}.livePanel.is-voting:not(.picked-clutch):not(.picked-lose) .liveDevil .liveTapPointer:after{animation:2.4s ease-out 1.2s infinite tapRipple}.liveNameChoice.isSelected .liveTapPointer,.liveNameChoice.isMuted .liveTapPointer,.liveNameChoice:disabled .liveTapPointer{display:none}.livePickStatus{height:0;color:var(--cyan);letter-spacing:.13em;opacity:0;grid-column:1/3;font-size:9px;font-weight:800;transition:all .2s;overflow:hidden}.livePickStatus.isVisible{opacity:1;text-shadow:0 0 9px #00e5ffbf;height:14px}.livePanel.is-closing .livePickStatus,.livePanel.is-result .livePickStatus{color:#ff3b5c;text-shadow:0 0 9px #ff3b5cbf}.timerTrack{background:#ffffff1c;grid-column:1/3;width:100%;height:3px;overflow:hidden}.timerTrack i{background:#ff3b5c;height:100%;transition:width 1s linear;display:block;box-shadow:0 0 9px #ff3b5c}.liveTimer.isUrgent time{animation:.48s ease-in-out infinite alternate urgentPulse}.liveTimer.isClosed time{opacity:.55;animation:none}@media (width>=769px){.liveMode .modeContent{gap:clamp(12px,2svh,20px);width:min(72vw,680px)}.liveMode .livePrediction{min-height:168px;padding-top:10px;padding-bottom:11px}.missionMode .modeContent{gap:clamp(12px,2svh,20px);width:min(72vw,680px)}}.missionMode{background:radial-gradient(circle at 50% 48%,#00e5ff1f,#0000 38%),linear-gradient(145deg,#03040a,#071118 52%,#03040a);height:auto;min-height:100svh}.missionPanel{background:linear-gradient(#07111a,#02050a);justify-content:flex-start;min-height:0;padding:0}.missionPanel>small{z-index:2;color:#ffffffb8;text-align:center;width:100%;padding:clamp(12px,1.8svh,16px) clamp(18px,3vw,28px) 0;position:relative}.missionPanel h4{z-index:2;width:100%;color:var(--cyan);letter-spacing:.035em;text-align:center;text-shadow:0 3px 13px #000,0 0 12px #00e5ff57;margin:0;padding:5px clamp(18px,3vw,28px) clamp(12px,1.8svh,17px);font-size:clamp(24px,4.3vw,40px);line-height:1.05;position:relative}.missionPanel h4.isComplete{color:var(--cyan);text-shadow:0 0 10px #ffffffb3,0 0 26px #00e5ffb8;animation:.62s cubic-bezier(.18,.88,.22,1) both missionTitleComplete}.missionHudLines{z-index:5;pointer-events:none;position:absolute;inset:12px}.missionHudLines i{border-color:#00e5ff8c;width:54px;height:34px;transition:filter .25s,border-color .25s;position:absolute}.missionHudLines i:first-child{border-top:1px solid;border-left:1px solid;top:0;left:0}.missionHudLines i:nth-child(2){border-top:1px solid;border-right:1px solid;top:0;right:0}.missionHudLines i:nth-child(3){border-bottom:1px solid;border-left:1px solid;bottom:0;left:0}.missionHudLines i:nth-child(4){border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.missionState{z-index:3;background:linear-gradient(90deg,#0000,#00e5ff0e,#0000);border-top:1px solid #00e5ff59;border-bottom:1px solid #00e5ff59;place-items:center;width:min(100%,520px);min-height:112px;display:grid;position:relative}.missionPanel.isMissionActive .missionHudLines{animation:2.2s ease-in-out infinite alternate missionHudIdle}.missionExperience{z-index:3;aspect-ratio:16/9;background:#03040a;border-top:1px solid #00e5ff8c;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00e5ff14}.missionVideo{object-fit:cover;width:100%;height:100%;display:block}.missionExperience:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 72%,#03040a33 100%);position:absolute;inset:0}.teamChatPanel{z-index:3;border-top:1px solid var(--cyan);background:linear-gradient(#050b12,#02050a);width:100%;min-height:clamp(246px,31svh,312px);position:relative;overflow:hidden;box-shadow:inset 0 0 26px #00e5ff0e}.teamChatPanel:before,.teamChatPanel:after{content:"";z-index:4;border-top:2px solid var(--cyan);pointer-events:none;width:42px;height:10px;position:absolute;top:0}.teamChatPanel:before{border-left:2px solid var(--cyan);clip-path:polygon(0 0,100% 0,100% 2px,12px 2px,2px 10px,0 10px);left:0}.teamChatPanel:after{border-right:2px solid var(--cyan);clip-path:polygon(0 0,100% 0,100% 10px,calc(100% - 2px) 10px,calc(100% - 2px) 2px,0 2px);right:0}.teamChatHeader{z-index:2;min-height:42px;color:var(--cyan);background:#00e5ff06;border-bottom:1px solid #00e5ff4d;justify-content:space-between;align-items:center;padding:9px clamp(13px,2.6vw,22px) 8px;display:flex;position:relative}.teamChatHeader>div{align-items:center;gap:10px;display:flex}.teamChatHeader b{letter-spacing:.17em;text-shadow:0 0 8px #00e5ff85;font-size:clamp(10px,1.7vw,14px)}.teamChatIcon{border:1px solid var(--cyan);clip-path:polygon(4px 0,100% 0,100% 12px,15px 12px,11px 17px,10px 12px,0 12px,0 4px);justify-content:center;align-items:center;gap:2px;width:24px;height:18px;display:flex;position:relative}.teamChatIcon i{background:var(--cyan);width:2px;height:2px;box-shadow:0 0 5px var(--cyan);border-radius:50%}.teamChatLive{letter-spacing:.16em;align-items:center;gap:7px;font-size:clamp(9px,1.5vw,12px);font-weight:800;display:flex}.teamChatLive i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 9px var(--cyan);border-radius:50%;animation:1.1s ease-in-out infinite alternate missionActivePulse}.teamChatLog{scrollbar-width:none;height:clamp(204px,27svh,270px);padding:0 clamp(12px,2.5vw,20px);position:relative;overflow:hidden}.teamChatWaiting{color:#ffffff6b;letter-spacing:.15em;place-items:center;height:100%;margin:0;font-size:9px;font-weight:600;display:grid}.teamChatMessage{color:#fff;border-bottom:1px solid #00e5ff29;grid-template-columns:40px minmax(76px,.72fr) minmax(0,2fr) auto;align-items:center;gap:clamp(8px,1.5vw,14px);min-width:0;min-height:54px;display:grid}.teamChatMessage.isNewest{animation:.34s cubic-bezier(.18,.82,.22,1) both teamChatMessageIn}.teamChatAvatar{background-color:#07111a;background-size:400% 300%;border:1px solid #00e5ffb8;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:0 0 9px #00e5ff3d}.missionPanel.isMediaReady .teamChatAvatar{background-image:url(/assets/team-chat-avatars-v2.webp)}.teamChatAvatar i{background:#00e98a;border:1px solid #02050a;border-radius:50%;width:7px;height:7px;position:absolute;bottom:1px;right:0;box-shadow:0 0 5px #00e98a}.avatar-a1{background-position:0 0}.avatar-a2{background-position:33.333% 0}.avatar-a3{background-position:66.666% 0}.avatar-a4{background-position:100% 0}.avatar-a5{background-position:0}.avatar-a6{background-position:33.333%}.avatar-a7{background-position:66.666%}.avatar-a8{background-position:100%}.avatar-a9{background-position:0 100%}.avatar-a10{background-position:33.333% 100%}.avatar-a11{background-position:66.666% 100%}.avatar-a12{background-position:100% 100%}.teamChatMessage>b{color:var(--cyan);letter-spacing:.08em;text-shadow:0 0 7px #00e5ff7a;font-size:clamp(9px,1.45vw,12px);font-weight:500}.teamChatMessage>strong{color:#fff;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 7px #000;min-width:0;font-size:clamp(12px,1.9vw,16px);font-weight:400;line-height:1.15;overflow:hidden}.teamChatMessage>time{color:#ffffff57;letter-spacing:.03em;font-size:clamp(7px,1vw,9px)}.missionAce{z-index:6;color:#fff;border:1px solid var(--cyan);letter-spacing:.12em;text-align:center;width:22%;min-width:112px;text-shadow:0 0 9px #fff,0 0 24px var(--cyan);opacity:0;pointer-events:none;background:#070d16;padding:8px 18px 6px;font-size:clamp(20px,4.2vw,38px);font-weight:800;line-height:1;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)scale(.82);box-shadow:0 0 12px #00e5ffa6,inset 0 0 18px #00e5ff2e}.missionAce.isVisible{animation:.42s cubic-bezier(.18,.88,.22,1) forwards missionAceIn}.missionCompleteLabel{z-index:7;color:var(--cyan);letter-spacing:.18em;text-shadow:0 0 10px var(--cyan);opacity:0;white-space:nowrap;font-size:clamp(10px,1.8vw,15px);font-weight:800;position:absolute;top:66%;left:50%;transform:translate(-50%,8px)}.missionCompleteLabel.isVisible{animation:.3s ease-out forwards missionCompleteIn}.roundStreak{z-index:2;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:linear-gradient(145deg,#00e5ff0e,#03040abf);border:1px solid #00e5ff8c;width:min(100%,520px);padding:clamp(18px,3svh,28px) clamp(18px,3vw,30px) clamp(14px,2.3svh,22px);position:relative;box-shadow:inset 0 0 24px #00e5ff09,0 0 18px #00e5ff0f}.streakLabel{color:var(--cyan);letter-spacing:.18em;font-size:clamp(9px,1.5vw,12px);font-weight:700;display:block}.streakSteps{justify-content:center;align-items:center;gap:clamp(14px,3vw,30px);margin:clamp(15px,2.5svh,22px) auto 10px;display:flex}.streakSteps i{aspect-ratio:1;color:#ffffff38;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);background:#14151ab3;border:1px solid;place-items:center;width:clamp(54px,10svh,76px);font-style:normal;display:grid;position:relative;box-shadow:inset 0 0 14px #ffffff06}.streakSteps i:after{content:"";clip-path:inherit;opacity:.45;border:1px solid;position:absolute;inset:5px}.streakSteps b{font-size:clamp(18px,3.5vw,27px)}.streakSteps .isWon{color:var(--cyan);box-shadow:0 0 9px var(--cyan),0 0 25px #00e5ff73,inset 0 0 18px #00e5ff33;background:#00e5ff1f;animation:.55s ease-out both streakUnlock}.streakSteps .isWon:nth-child(2){animation-delay:.42s}.roundStreak>strong{color:#ffffff57;justify-content:center;align-items:baseline;gap:.18em;font-size:clamp(35px,7vw,56px);line-height:1;display:flex}.roundStreak>strong span{color:#fff;text-shadow:0 0 13px #00e5ffa6}.roundStreak>strong em{color:#fff6;font-size:.65em;font-style:normal}.missionProgress{z-index:2;color:#ffffff94;letter-spacing:.12em;text-align:left;grid-template-columns:1fr auto;gap:8px;width:min(100%,520px);margin-top:clamp(20px,3svh,28px);font-size:9px;display:grid;position:relative}.missionProgress>b{color:var(--cyan);font-size:12px}.missionProgress>div{background:#00e5ff06;border:1px solid #00e5ff94;grid-column:1/3;height:9px;padding:2px;position:relative;overflow:hidden}.missionProgress>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:22%;animation:1.2s ease-out 1.15s both missionFlash;position:absolute;top:-8px;bottom:-8px;left:0;transform:translate(-130%)}.missionProgress>div i{background:linear-gradient(90deg,#00aeca,var(--cyan));width:66%;height:100%;box-shadow:0 0 10px var(--cyan);animation:1.35s ease-out .25s both missionLoad;display:block}.missionProgress>small{color:#ffffff73;letter-spacing:.14em;grid-column:1/3;justify-self:end;font-size:8px}.missionPanel>p{z-index:2;color:var(--cyan);letter-spacing:.16em;margin:auto 0 0;padding-top:clamp(16px,2.5svh,24px);font-size:11px;font-weight:600;position:relative}.finalCta{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:normal;content-visibility:auto;contain-intrinsic-size:auto 100svh;background:radial-gradient(circle at 50% 63%,#00e5ff26,#0000 10%),radial-gradient(at 50% 82%,#00e5ff1c,#0000 43%),radial-gradient(at 9% 62%,#ff2bd617,#0000 28%),radial-gradient(at 91% 62%,#ff2bd617,#0000 28%),linear-gradient(#03040a 0%,#050b12 57%,#03040a 100%);place-items:center;height:100svh;min-height:100svh;display:grid;position:relative;overflow:hidden}.finalCta:before{content:"";z-index:0;pointer-events:none;opacity:.38;background:repeating-linear-gradient(90deg,#0000 0 79px,#00e5ff14 80px),linear-gradient(158deg,#0000 0 47.8%,#00e5ff38 48%,#0000 48.2%),linear-gradient(202deg,#0000 0 47.8%,#ff2bd629 48%,#0000 48.2%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 8%,#000 43% 85%,#0000);mask-image:linear-gradient(#0000 8%,#000 43% 85%,#0000)}.finalCta:after{content:"";z-index:1;pointer-events:none;transform-origin:top;opacity:.42;background:repeating-linear-gradient(90deg,#00e5ff38 0 1px,#0000 1px 9%),repeating-linear-gradient(0deg,#00e5ff29 0 1px,#0000 1px 18%);height:56%;position:absolute;bottom:-22%;left:-10%;right:-10%;transform:perspective(420px)rotateX(66deg);-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000 96%);mask-image:linear-gradient(#0000,#000 35%,#0000 96%)}.finalHud{z-index:2;clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 28px),0 28px);opacity:0;border-top:1px solid #00e5ff61;border-bottom:1px solid #00e5ff3b;transition:opacity .45s;position:absolute;inset:clamp(18px,3vw,36px)}.finalHud:before,.finalHud:after{content:"";width:24%;height:1px;position:absolute;top:0;box-shadow:0 0 8px}.finalHud:before{color:var(--cyan);background:var(--cyan);left:4%}.finalHud:after{color:var(--magenta);background:var(--magenta);right:4%}.finalActivationLight{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--cyan) 14%,#fff 50%,var(--cyan) 86%,transparent);width:min(86vw,760px);height:3px;box-shadow:0 0 8px var(--cyan),0 0 24px #00e5ffe6,0 0 52px #00e5ff80;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(0)}.finalActivationLight i{width:14px;height:14px;box-shadow:0 0 8px #fff,0 0 24px var(--cyan),0 0 54px var(--cyan);background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.finalCtaContent{z-index:4;text-align:center;flex-direction:column;align-items:center;width:min(92vw,760px);display:flex;position:relative}.finalCtaContent h2{color:#fff;letter-spacing:-.02em;text-shadow:0 5px 24px #000000eb,0 0 13px #00e5ff2e;opacity:0;clip-path:inset(0 50%);filter:blur(5px);margin:0 0 clamp(48px,8svh,78px);font-size:clamp(48px,11vw,112px);font-weight:800;line-height:.9;transform:scale(.98)}.finalPlayButton{opacity:0;width:min(82vw,620px);min-height:clamp(76px,10vw,104px);transition:filter .18s;animation:none;transform:scaleX(.04)}.finalPlayButton strong{font-size:clamp(27px,5.5vw,48px)}.finalPlayButton strong,.finalPlayButton .playIcon{opacity:0;animation:none}.finalPlayButton .buttonScan{opacity:0}.finalFreeLabel{opacity:0;margin:clamp(16px,2.8svh,25px) 0 0;font-size:clamp(11px,2.3vw,17px);font-weight:600;transform:translateY(6px)}.finalCta.isActive .finalHud{animation:.32s steps(3,end) .1s forwards finalHudOnline}.finalCta.isActive .finalActivationLight{animation:.36s ease-out .1s both finalLightSweep}.finalCta.isActive .finalCtaContent h2{animation:.34s cubic-bezier(.2,.82,.2,1) .4s forwards finalTitleBoot}.finalCta.isActive .finalPlayButton{animation:.36s cubic-bezier(.2,.86,.2,1) .63s forwards finalFrameBuild,.42s ease-out 1.02s finalActivation}.finalCta.isActive .finalPlayButton strong,.finalCta.isActive .finalPlayButton .playIcon{animation:.16s steps(2,end) .91s forwards finalContentIn}.finalCta.isActive .finalPlayButton .buttonScan{animation:.46s ease-out 1.01s both finalButtonScan}.finalCta.isActive .finalFreeLabel{animation:.22s ease-out 1.28s forwards finalFreeIn}.finalPlayButton:hover .playIcon{transform:translate(3px)}.finalPlayButton .playIcon{transition:transform .18s}@keyframes panelSweep{0%,70%{transform:translate(-110%)}90%,to{transform:translate(110%)}}@keyframes whatIsFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes whatIsFadeUpSkew{0%{opacity:0;transform:translateY(18px) skewX(var(--what-skew))}to{opacity:1;transform:translateY(0) skewX(var(--what-skew))}}@keyframes whatIsLineIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes whatIsDividerIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes whatIsGridDrift{to{background-position:80px 0,0 80px}}@keyframes whatIsHudPulse{0%,to{opacity:.72;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.08)}}@keyframes whatIsAmbient{0%,to{opacity:.72}50%{opacity:.9}}@keyframes swipePulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes missionLoad{0%{width:0}to{width:66%}}@keyframes missionFlash{0%{opacity:0;transform:translate(-130%)}25%{opacity:1}to{opacity:0;transform:translate(560%)}}@keyframes missionActivePulse{0%{opacity:.45;transform:scale(.82)}to{opacity:1;transform:scale(1.15)}}@keyframes missionHudIdle{0%{opacity:.48;filter:drop-shadow(0 0 2px #00e5ff40)}to{opacity:.82;filter:drop-shadow(0 0 7px #00e5ff8c)}}@keyframes missionChatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes teamChatMessageIn{0%{opacity:0;filter:brightness(1.8);transform:translateY(14px)}to{opacity:1;filter:brightness();transform:translateY(0)}}@keyframes missionAceIn{0%{opacity:0;filter:brightness(2);transform:translate(-50%,-50%)scale(.82)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1)}}@keyframes missionTitleComplete{0%{opacity:.25;filter:blur(4px)brightness(2.2);transform:scale(.97)}58%{opacity:1;filter:blur()brightness(1.55);transform:scale(1.035)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}@keyframes missionCompleteIn{to{opacity:1;transform:translate(-50%)}}@keyframes missionCompleteReveal{0%{opacity:0;filter:blur(5px);transform:scale(.94)}55%{opacity:1;filter:blur();transform:scale(1.055)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes missionCompleteFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes missionHudComplete{0%{opacity:.5;filter:drop-shadow(0 0 2px var(--cyan))}35%{opacity:1;filter:drop-shadow(0 0 14px var(--cyan))}to{opacity:.8;filter:drop-shadow(0 0 5px var(--cyan))}}@keyframes streakUnlock{0%{filter:brightness(.45);transform:scale(.9)}65%{filter:brightness(1.65);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}@keyframes pickPulse{0%{filter:brightness()}45%{filter:brightness(1.75)}to{filter:brightness()}}@keyframes tapPointerCue{0%,48%,to{opacity:0;transform:translate(-50%,-58%)scale(.88)}8%,38%{opacity:1}20%{opacity:1;transform:translate(-50%,-45%)scale(.9)}27%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pickDot{to{opacity:.25;transform:translateY(-3px)}}@keyframes battleTension{0%{filter:brightness(.9)}to{filter:brightness(1.22)}}@keyframes battleImagePulse{0%{filter:contrast()saturate()}to{filter:contrast(1.14)saturate(1.18)}}@keyframes pickResultFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes pickBurst{0%{opacity:0;scale:.2}18%{opacity:1}to{opacity:0;scale:1.45}}@keyframes resultStamp{0%{opacity:0;filter:brightness(3);transform:translate(-50%,-50%)scaleX(.05)scaleY(.75)}22%{opacity:1}55%{filter:brightness(1.8);transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1)}}@keyframes correctCard{0%{transform:translateY(-3px)scale(1.015)}24%{filter:brightness(1.55);transform:translateY(-7px)scale(1.065)}50%{filter:brightness(1.1);transform:translateY(-2px)scale(1.025)}68%{filter:brightness(1.3);transform:translateY(-4px)scale(1.045)}to{filter:brightness(1.08);transform:translateY(-3px)scale(1.02)}}@keyframes correctData{0%,to{filter:brightness()}35%{filter:brightness(1.55);text-shadow:0 0 18px}}@keyframes tapRipple{0%,13%,48%,to{opacity:0;transform:scale(.55)}20%{opacity:.95;transform:scale(.72)}38%{opacity:0;transform:scale(1.38)}}@keyframes finalButtonScan{0%{opacity:0;left:-25%}15%{opacity:1}to{opacity:0;left:112%}}@keyframes finalLightSweep{0%{opacity:0;transform:translate(-50%,-50%)scaleX(0)}18%{opacity:1;transform:translate(-50%,-50%)scaleX(.03)}72%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}to{opacity:0;transform:translate(-50%,-50%)scaleX(1)}}@keyframes finalHudOnline{0%{opacity:0;filter:brightness(3)}to{opacity:1;filter:brightness()}}@keyframes finalTitleBoot{0%{opacity:0;clip-path:inset(0 50%);filter:blur(5px)brightness(2.4);transform:scale(.98)}68%{opacity:1;clip-path:inset(0);filter:blur()brightness(1.65)}to{opacity:1;clip-path:inset(0);filter:blur()brightness();transform:scale(1)}}@keyframes finalFrameBuild{0%{opacity:0;transform:scaleX(.04)}20%{opacity:1}to{opacity:1;transform:scaleX(1)}}@keyframes finalContentIn{0%{opacity:0;filter:brightness(3)}to{opacity:1;filter:brightness()}}@keyframes finalActivation{0%,to{filter:brightness();box-shadow:0 0 6px #00e5ffb3,inset 0 0 24px #00e5ff14}42%{box-shadow:0 0 14px var(--cyan),0 0 42px #00e5ffd1,inset 0 0 34px #00e5ff4d;filter:brightness(1.5)}}@keyframes finalFreeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes liveQuestionIn{0%{opacity:0;filter:blur(6px);transform:scale(1.08)}55%{opacity:1;filter:blur()}72%{transform:translate(-2px)skew(-4deg)}84%{transform:translate(2px)skew(-4deg)}to{transform:translate(0)skew(-4deg)}}@keyframes liveGlitch{0%,to{filter:brightness();transform:translate(0)}33%{filter:brightness(1.16);transform:translate(-1px)}66%{filter:brightness(.94);transform:translate(1px)}}@keyframes claudeTracerRed{0%,7.9%{opacity:0;transform:translate(0)scaleX(.4)}8%{opacity:1}11%{opacity:1;transform:translate(44%)scaleX(1)}12.5%,59.9%{opacity:0;transform:translate(58%)scaleX(1)}60%{opacity:1;transform:translate(0)scaleX(.4)}64%{opacity:1;transform:translate(48%)scaleX(1.3)}65.5%,to{opacity:0;transform:translate(62%)scaleX(1.3)}}@keyframes claudeTracerDevil{0%,29.9%{opacity:0;transform:translate(0)scaleX(-.4)}30%{opacity:1}33%{opacity:1;transform:translate(-44%)scaleX(-1)}34.5%,to{opacity:0;transform:translate(-58%)scaleX(-1)}}@keyframes claudeRedRecoil{0%,7%{filter:brightness();transform:translate(0)rotate(0)}8%{filter:brightness(1.5);transform:translate(-1.5%)rotate(-1deg)}10%{filter:brightness();transform:translate(0)rotate(0)}41%,44%{transform:translate(1%)rotate(.6deg)}46%,59%{filter:brightness();transform:translate(0)}60%{filter:brightness(1.7);transform:translate(-2.5%)rotate(-2deg)scale(1.03)}64%,to{filter:brightness();transform:translate(0)rotate(0)scale(1)}}@keyframes claudeDevilCover{0%,17%{filter:brightness();transform:translateY(0)scale(1)}22%,28%{transform:translateY(5%)scale(.93)rotate(1deg)}32%{filter:brightness(1.5);transform:translateY(0)scale(1)rotate(-1deg)}35%,69%{filter:brightness();transform:translateY(0)scale(1)rotate(0)}72%{transform:translateY(1%)scale(.97)rotate(2deg)}78%{filter:brightness(1.9)saturate(1.4);transform:translateY(2%)scale(.94)rotate(3deg)}92%{filter:brightness();transform:translateY(2%)scale(.94)rotate(3deg)}to{filter:brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes claudeRedHit{0%,40.5%{opacity:0}42%{opacity:.5}45%,to{opacity:0}}@keyframes claudeDevilHit{0%,69.5%{opacity:0}71%{opacity:.9}76%,to{opacity:0}}@keyframes claudeRedHp{0%,39%{transform:scaleX(1)}46%,to{transform:scaleX(.84)}}@keyframes claudeDevilHp{0%,68%{transform:scaleX(1)}76%,to{transform:scaleX(.7)}}@keyframes claudeMuzzleRed{0%,7.9%,8.8%,59.9%,61.2%,to{opacity:0;transform:scale(.4)}8%,8.7%,60%,61.1%{opacity:1;transform:scale(1.1)}}@keyframes claudeMuzzleDevil{0%,29.9%,31%,to{opacity:0;transform:scale(.4)}30%,30.9%{opacity:1;transform:scale(1.1)}}@keyframes claudeBattleShake{0%,59.5%{transform:translate(0)}60%{transform:translate(-3px,1px)}60.5%{transform:translate(3px,-1px)}61%{transform:translate(-2px)}61.5%,70%{transform:translate(0)}71%{transform:translate(4px,-2px)}71.5%{transform:translate(-4px,2px)}72%{transform:translate(2px)}72.5%,to{transform:translate(0)}}.livePanel.is-battle-active.is-voting .liveMatch{animation:10s ease-in-out both claudeBattleShake}@keyframes fighterIdle{0%{transform:translateY(0)rotate(-.3deg)}to{transform:translateY(-3px)rotate(.3deg)}}@keyframes battleGlow{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.9;transform:scale(1.08)}}@keyframes crossFire{0%,46%{opacity:0;transform:translate(0)rotate(-5deg)}47%{opacity:1}64%{opacity:0;transform:translate(42%)rotate(-5deg)}to{opacity:0}}@keyframes muzzleFlash{0%,46%,53%,to{opacity:0;transform:scale(.4)}47%,52%{opacity:1;transform:scale(1)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(7px)}30%,70%{opacity:.75}to{opacity:0;transform:translateY(-18px)}}@keyframes finalShot{0%{opacity:0;transform:translate(-20%)rotate(-4deg)scaleX(.3)}20%{opacity:1}to{opacity:0;transform:translate(120%)rotate(-4deg)scaleX(1.5)}}@keyframes finalMuzzle{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.65)}to{opacity:0;transform:scale(.8)}}@keyframes hitImpact{0%{opacity:0;transform:scale(.3)rotate(-12deg)}32%{opacity:1;transform:scale(1.35)rotate(4deg)}to{opacity:0;transform:scale(1.8)rotate(0)}}@keyframes impactShake{0%,to{transform:translate(0)}24%{transform:translate(-3px,1px)}48%{transform:translate(3px,-1px)}72%{transform:translate(-1px,1px)}}@keyframes devilHit{0%{filter:brightness();transform:translate(0)rotate(0)}35%{filter:brightness(2);transform:translate(7px,-2px)rotate(4deg)}to{filter:brightness(.55)saturate(.7);transform:translate(12px,4px)rotate(5deg)}}@keyframes resultReveal{0%{opacity:0;filter:brightness(1.8);transform:scale(1.06)}55%{opacity:1;transform:scale(.98)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes titleIn{to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes panelOn{0%{opacity:0;filter:brightness(.1);transform:scale(.975)}55%{filter:brightness(1.3)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes buttonScan{0%{left:-25%}to{left:112%}}@media (width>=760px){.heroContent{padding-top:82px;padding-bottom:18px}h1{width:min(82vw,890px);font-size:clamp(78px,7.5vw,102px)}.tagline{margin:9px 0 16px;font-size:15px}.predictionFrame{height:190px}.arenaStage{height:125px;margin-top:-4px}.heroCta{min-height:68px}.heroCta strong{font-size:32px}.freeLabel{margin-top:9px}.ctaGroup>svg{width:28px;height:28px}}@media (width<=520px){html{scroll-behavior:auto}.hero{background-position:50% calc(50% + 46px)}.heroContent{padding-top:94px}h1{width:100%;font-size:clamp(55px,15.1vw,78px);line-height:.82}.tagline{letter-spacing:.055em;text-indent:.055em;margin-top:9px;margin-bottom:16px;font-size:clamp(9px,2.7vw,12px)}.predictionFrame{width:96vw;height:190px;padding-bottom:13px}.matchup{inset-left:9%;inset-right:9%}.predictionCard{width:25%;min-width:91px}.team{gap:3px}.arenaStage{height:145px}.heroCta{width:80vw}.whatIsArena{height:100svh;min-height:100svh}.whatIsInner{min-height:100svh;padding:clamp(38px,5.5svh,58px) 34px 42px}.whatIsHud{inset:12px}.whatIsHud i{width:38px;height:38px}.whatIsLabel{gap:11px}.whatIsLabel strong{font-size:58px}.whatIsLabel>span{height:56px}.whatIsLabel h2{font-size:16px}.whatIsHeadline{--what-skew:-4deg;transform:skewX(var(--what-skew));margin-top:clamp(72px,9svh,104px);font-size:clamp(48px,13.8vw,64px);line-height:.86}.whatIsHeadline span,.whatIsHeadline strong{white-space:normal}.mobileBreak{display:block}.whatIsHeadline strong{margin-top:.18em}.whatIsDivider{width:88%;margin-top:clamp(54px,7svh,78px)}.whatIsDescription{margin-top:clamp(42px,5.5svh,60px);font-size:clamp(17px,4.7vw,22px);font-weight:500;line-height:1.9}.modeScreen{padding:100px 28px 58px 18px}.gameModesHeader{gap:11px;top:clamp(38px,5.5svh,58px);left:34px}.gameModesHeader>strong{font-size:58px}.gameModesHeader>span{height:56px}.gameModesTitleText h2{font-size:16px;line-height:1.08}.gameModesTitleText p{letter-spacing:.09em;margin-top:5px;font-size:6px}.modeContent{gap:16px;width:min(86vw,430px)}.missionMode{height:auto;min-height:auto;padding-bottom:24px}.missionMode .completeCue{margin-top:18px;position:static;transform:none}.modeHeading{grid-template-columns:auto 25px auto;gap:8px}.modeHeading h3{font-size:42px}.modeHeading p{letter-spacing:.09em;margin-top:7px;font-size:8px}.gamePanel{min-height:min(52svh,440px);padding:26px 18px}.modeIndicator{margin-right:4px}.modeIndicator a{grid-template-columns:0 8px 0;gap:5px;min-height:48px}.modeIndicator a:not(:last-child):after{height:35px;left:4px}.indicatorNumber,.indicatorName{opacity:0;overflow:hidden}.teamDuel{gap:10px;margin:25px 0 14px}.teamDuel button{padding:16px 5px 12px}.selectRow{gap:38px}.pickPanel{min-height:min(58svh,500px);padding:20px 14px 16px}.pickPanel>.pickPrompt{margin-bottom:8px;font-size:clamp(15px,4.5vw,19px)}.pickStats{grid-template-columns:minmax(0,1fr) minmax(96px,1.08fr) minmax(0,1fr);gap:0 4px;margin-bottom:7px;padding:7px 9px}.pickStats:before,.pickStats:after{left:10px;right:10px}.pickMetricValue{padding:5px 1px}.pickMetricValue strong{font-size:clamp(22px,7.2vw,30px)}.pickStatsLabel{letter-spacing:.055em;font-size:clamp(8px,2.4vw,10px)}.characterDuel{gap:7px}.characterCard{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);min-height:225px;max-height:none}.duelVs{margin:0 -5px;font-size:18px}.characterLabel{bottom:22px}.characterLabel b{font-size:clamp(22px,7vw,30px)}.characterLabel small{letter-spacing:.1em;font-size:5px}.yourPick{padding:5px 10px 4px 7px;font-size:6px}.tapHint{font-size:5px}.pickLocked.isVisible{min-height:43px;margin-top:8px;padding-left:10px;padding-right:10px}.pickLocked b{font-size:11px}.pickLocked span{font-size:6px}.livePanel{height:auto;min-height:0;padding:0}.liveStatus{min-height:43px;padding:0 13px;top:15px;left:14px;right:14px}.liveMatch{aspect-ratio:16/9;height:auto;min-height:0}.fighter{width:31%;height:auto;bottom:4%}.fighterRed{left:1%}.fighterDevil{right:1%}.muzzleRed{left:27%}.muzzleDevil{right:27%}.livePrediction{column-gap:7px;height:40%;min-height:195px;padding:10px 10px 12px}.liveQuestion{font-size:clamp(13px,4vw,17px)!important}.liveTimer{min-width:88px}.votingLabel{letter-spacing:.09em;font-size:5px}.liveTimer time{font-size:clamp(27px,8vw,34px)}.liveNameChoices{gap:6px}.liveNameChoice{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);min-height:54px}.liveNameChoice img{width:36px;height:48px}.liveNameChoice strong{font-size:clamp(16px,5vw,21px)}.liveVs{font-size:11px}.killResult strong{font-size:clamp(20px,6vw,29px)}.missionExperience{width:calc(100% + 20px);max-width:none;margin-left:-10px;margin-right:-10px}.teamChatPanel{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.teamChatHeader{min-height:38px;padding-top:7px;padding-bottom:6px}.teamChatHeader>div{gap:8px}.teamChatIcon{width:22px;height:17px}.teamChatLog{height:204px}.teamChatMessage{grid-template-columns:31px minmax(59px,.7fr) minmax(0,2fr);gap:6px;min-height:40.8px}.teamChatAvatar{width:29px;height:29px}.teamChatMessage>time{display:none}.teamChatMessage>b{letter-spacing:.065em;font-size:8px}.teamChatMessage>strong{font-size:clamp(10px,2.65vw,11.5px);line-height:1.1}.finalCtaContent{width:90vw}.finalCtaContent h2{white-space:nowrap;margin-bottom:clamp(42px,7svh,60px);font-size:clamp(36px,10.5vw,52px)}.finalPlayButton{width:84vw;min-height:74px}.finalPlayButton strong{font-size:clamp(25px,8vw,36px)}.finalFreeLabel{font-size:clamp(10px,3.2vw,13px)}}@media (height<=760px){.heroContent{padding-top:82px}h1{font-size:clamp(50px,11.8vh,80px)}.tagline{margin:8px 0 12px}.predictionFrame{height:170px}.arenaStage{height:116px;margin-bottom:-12px}.heroCta{min-height:60px}.freeLabel{margin-top:8px}.ctaGroup>svg{width:27px;height:27px}.modeScreen{padding-top:82px;padding-bottom:48px}.gameModesHeader{top:22px}.modeContent{gap:12px}.modeHeading h3{font-size:36px}.modeHeading p{margin-top:5px}.gamePanel{min-height:52svh;padding-top:20px;padding-bottom:20px}.teamDuel{margin:18px 0 10px}.teamDuel button{padding-top:10px;padding-bottom:8px}.pickPanel{min-height:59svh;padding-top:15px}.pickPanel>small{font-size:11px}.characterCard{min-height:220px}.characterLabel b{font-size:22px}.characterLabel{bottom:18px}.pickLocked.isVisible{min-height:36px;max-height:40px;margin-top:6px;padding-top:5px;padding-bottom:5px}.livePanel{height:auto;min-height:0;padding:0}.liveMatch{aspect-ratio:16/9;min-height:0}.livePrediction{min-height:170px;padding-top:8px;padding-bottom:9px}.liveNameChoice{min-height:48px}.livePickStatus.isVisible{height:12px}.liveTimer time{font-size:30px}.missionPanel{min-height:0;padding:0}.missionPanel>small{padding-top:9px}.missionPanel h4{margin:0;padding-top:3px;padding-bottom:9px;font-size:clamp(18px,5.5vw,25px)}.roundStreak{padding:12px 14px 10px}.streakSteps{margin:10px auto 6px}.streakSteps i{width:clamp(46px,9svh,58px)}.roundStreak>strong{font-size:34px}.missionProgress{margin-top:12px}.missionPanel>p{padding-top:9px}.finalCtaContent h2{margin-bottom:34px;font-size:clamp(42px,10vh,72px)}.finalPlayButton{min-height:64px}}@media (width<=520px){.hero:after{opacity:.045;animation:none}.heroGrid,.heroTitle>span:nth-child(2),.heroTitle>span:nth-child(3),.heroCta .buttonScan,.gamePanel:before{animation:none}.liveTimer.isUrgent{animation-duration:.5s}.gradientText{text-shadow:0 0 5px #00e5ffc7,0 0 12px #00e5ff61,0 4px 14px #000}.finalCtaContent{width:94vw;overflow:visible}.finalCtaContent h2{letter-spacing:-.035em;white-space:nowrap;width:100%;max-width:100%;margin-left:auto;margin-right:auto;font-size:clamp(31px,9.4vw,44px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.whatIsLabel strong,.whatIsLabel>span,.whatIsLabel h2,.whatIsHeadline,.whatIsDivider,.whatIsDescription>span{opacity:1!important;animation-delay:0s!important}.whatIsLabel strong,.whatIsLabel h2,.whatIsDescription>span{transform:none!important}.whatIsLabel>span{transform:scaleY(1)!important}.whatIsHeadline{transform:skewX(var(--what-skew))!important}.whatIsDivider{transform:scaleX(1)!important}}@keyframes urgentPulse{0%{filter:brightness(.9)}to{filter:brightness(1.35)}}.cookieConsent{z-index:1000;color:#fff;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(135deg,#03040afa,#07111afa);border:1px solid #00e5ffb3;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(100vw - 28px,940px);padding:18px 20px;display:grid;position:fixed;bottom:clamp(14px,2.5vw,28px);left:50%;transform:translate(-50%);box-shadow:0 0 24px #00e5ff33,0 18px 48px #0000008c}.cookieConsentMark{aspect-ratio:1;width:54px;color:var(--cyan);letter-spacing:.08em;border:1px solid #00e5ffb8;place-items:center;font-size:18px;font-weight:800;display:grid;box-shadow:inset 0 0 16px #00e5ff1f}.cookieConsentCopy strong{color:var(--cyan);letter-spacing:.11em;text-shadow:0 0 9px #00e5ff73;font-size:14px}.cookieConsentCopy p{color:#ffffffc2;letter-spacing:.025em;max-width:590px;margin:6px 0 0;font-size:11px;line-height:1.55}.cookieConsentActions{gap:9px;display:flex}.cookieConsentActions button{border:1px solid var(--cyan);letter-spacing:.1em;cursor:pointer;min-height:44px;padding:0 18px;font-family:inherit;font-size:10px;font-weight:800}.cookieReject{color:var(--cyan);background:0 0}.cookieAccept{color:#03040a;background:var(--cyan);box-shadow:0 0 16px #00e5ff61}.cookieConsentActions button:focus-visible,.cookieConsentActions button:hover{filter:brightness(1.18);outline:none}.cookieSettings{z-index:999;color:#ffffff94;letter-spacing:.1em;cursor:pointer;background:#03040ad1;border:1px solid #00e5ff47;padding:6px 9px;font-family:inherit;font-size:7px;position:fixed;bottom:10px;left:12px}@media (width<=700px){.cookieConsent{grid-template-columns:auto 1fr;gap:12px;padding:15px}.cookieConsentMark{width:44px}.cookieConsentCopy strong{font-size:12px}.cookieConsentCopy p{font-size:10px}.cookieConsentActions{grid-column:1/3;grid-template-columns:1fr 1fr;display:grid}.cookieConsentActions button{width:100%;padding:0 10px}}.hero.heroArtwork{scroll-snap-align:start;background:#02040a;place-items:center;height:auto;min-height:100svh;padding:0;display:grid;overflow:hidden}.hero.heroArtwork:before,.hero.heroArtwork:after{display:none}.heroArtworkStage{aspect-ratio:9/16;flex:none;width:min(100vw,56.25svh);position:relative}.heroArtworkImage{object-fit:contain;width:100%;height:100%}.heroArtworkCta{z-index:2;cursor:pointer;isolation:isolate;will-change:transform,filter;border-radius:18px;width:67%;height:8.5%;animation:2.2s ease-in-out infinite fvCtaPulse;position:absolute;top:58%;left:16.5%;overflow:hidden}.heroArtworkCta:before{content:"";opacity:.35;border:2px solid #00e5ffc7;border-radius:15px;animation:2.2s ease-in-out infinite fvCtaRing;position:absolute;inset:3%;box-shadow:0 0 10px #00e5ffa6,inset 0 0 10px #00e5ff3d}.heroArtworkCta:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:22%;animation:2.2s ease-in-out infinite fvCtaSweep;position:absolute;top:-25%;bottom:-25%;left:-28%;transform:skew(-18deg)translate(0)}.heroArtworkCta:focus-visible{outline-offset:3px;outline:3px solid #fff}.heroArtworkCta:active{background:#ffffff14;transform:scale(.97)}@keyframes fvCtaPulse{0%,to{filter:drop-shadow(0 0 2px #00e5ff47);transform:scale(1)}48%{filter:drop-shadow(0 0 10px #00e5ffd9);transform:scale(1.025)}58%{filter:drop-shadow(0 0 5px #ff2bd685);transform:scale(1)}}@keyframes fvCtaRing{0%,to{opacity:.25}46%{opacity:.9}62%{opacity:.38}}@keyframes fvCtaSweep{0%,30%{opacity:0;transform:skew(-18deg)translate(0)}42%{opacity:.75}62%,to{opacity:0;transform:skew(-18deg)translate(590%)}}@media (width>=769px){.heroArtworkStage{width:min(540px,56.25svh)}}.artworkSection{scroll-snap-align:start;background:#02040a;place-items:center;min-height:100svh;display:grid;overflow:hidden}.artworkSection>img{aspect-ratio:9/16;object-fit:contain;width:min(100vw,56.25svh);height:auto;display:block}.legacyMissionOnly .modeIndicator,.legacyMissionOnly #legacy-mode-pick,.legacyMissionOnly #legacy-mode-live{display:none}@media (width>=769px){.artworkSection>img{width:min(540px,56.25svh)}}