:root{--ink:#0b1730;--muted:#9aa8c3;--aqua:#65e8e1;--gold:#ffcf73;--coral:#ff7880}*{box-sizing:border-box}body{margin:0;color:#f5f8ff;background:#0a142a;font-family:DM Sans,sans-serif}button{font:inherit;color:inherit;cursor:pointer}#app{max-width:1440px;margin:auto;min-height:100vh;padding:0 5.2vw;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 33%,#1d3f63 0,#102749 29%,#0d1d39 53%,#0a142a 78%)}.top{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font:800 18px Barlow Condensed;letter-spacing:1.3px}.brand i{color:var(--aqua);font-style:normal}.mark{font-size:23px;color:var(--gold)}.status,.sound{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#b7c5dc}.status span{color:#486383;margin:0 8px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--aqua);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--aqua)}.sound{border:1px solid #ffffff20;background:#ffffff08;border-radius:30px;padding:9px 13px}.sound span{margin-left:5px}.screen{position:relative}.hidden{display:none!important}#lobby{height:min(780px,calc(100vh - 138px));min-height:650px}.intro{position:absolute;z-index:1;left:3%;top:13%;width:45%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--aqua)}h1,h2,.result-card h2{font-family:Barlow Condensed,sans-serif;font-weight:900;letter-spacing:-1px}h1{font-size:clamp(72px,9vw,126px);line-height:.78;margin:20px 0}h1 em{color:var(--gold);font-style:normal}.intro p{font-size:15px;color:#b5c4db;line-height:1.7;max-width:340px;margin:0 0 28px}.primary{border:0;border-radius:7px;padding:15px 21px;background:linear-gradient(110deg,#78e7de,#50c7dc);color:#092036;font-size:12px;font-weight:900;letter-spacing:1px;box-shadow:0 8px 28px #45d3d92e}.primary span{margin-left:28px;font-size:18px}.primary:active{transform:translateY(1px)}.hint{font-size:9px;letter-spacing:1.15px;font-weight:800;color:#7f91ad;margin-top:20px}.hint b{color:var(--gold);margin:0 8px}.hero-stage{position:absolute;right:-2%;top:6%;width:59%;height:67%;overflow:hidden;background:radial-gradient(ellipse at 57% 52%,#64cfdf2e,transparent 54%)}.sun{position:absolute;right:15%;top:12%;width:170px;height:170px;background:radial-gradient(circle,#ffdb9a 0,#ffcc8140 53%,transparent 70%);border-radius:50%}.island{position:absolute;left:13%;width:77%;height:41%;background:linear-gradient(170deg,#5393a2,#315a76 56%,#1d3654);clip-path:polygon(11% 20%,26% 5%,54% 10%,71% 0,94% 24%,100% 48%,83% 68%,74% 100%,47% 79%,28% 92%,16% 67%,0 49%);transform:rotate(-5deg)}.island-back{top:37%;opacity:.38;transform:translate(11%,-13%) scale(.86) rotate(8deg);filter:blur(2px)}.island-front{top:40%;box-shadow:0 30px 50px #030b1b}.island-front:after{content:"";position:absolute;left:30%;right:25%;bottom:-40%;height:90%;background:linear-gradient(#315b6d,#203a59,transparent);clip-path:polygon(2% 0,97% 0,63% 100%,26% 75%)}.tree{position:absolute;z-index:1;color:#255955;font-size:55px;filter:drop-shadow(0 4px 0 #243e51)}.t1{top:15%;left:20%}.t2{top:22%;right:20%;font-size:42px}.beacon{position:absolute;z-index:2;left:52%;top:17%;font-size:45px;color:var(--gold);text-shadow:0 0 20px #ffc65b}.hero-figure{position:absolute;z-index:3;left:47%;top:26%;font-size:100px;color:#fbf2d3;text-shadow:0 12px 17px #19294c}.orbit{position:absolute;border:1px solid #a8f8f12c;border-radius:50%;transform:rotate(-21deg)}.o1{left:0;top:24%;width:90%;height:50%}.o2{left:10%;top:14%;width:83%;height:67%;transform:rotate(38deg)}.stage-label{position:absolute;bottom:3%;right:6%;font:800 13px Barlow Condensed;letter-spacing:2px;color:#d9eaf0;text-align:right}.stage-label small{display:block;font:700 9px DM Sans;color:#8ba2bc;letter-spacing:1.8px;margin-top:5px}.roster{position:absolute;bottom:5%;left:3%;z-index:3}.roster h2{font-size:19px;letter-spacing:1.3px;margin:0 0 11px}.hero-cards{display:flex;gap:11px}.hero-card{width:137px;height:140px;padding:11px 9px;background:#10213ccf;border:1px solid #ffffff19;border-radius:9px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:.18s}.hero-card:hover,.hero-card.selected{border-color:#65e8e1aa;transform:translateY(-3px);background:#173152}.portrait{height:68px;width:100%;border-radius:5px;margin-bottom:7px;display:grid;place-items:center;font-size:39px;background:radial-gradient(circle at 50% 40%,#86e3d5,#315e7b 66%)}.bront{background:radial-gradient(circle at 50% 40%,#ffd181,#80534d 70%)}.pip{background:radial-gradient(circle at 50% 40%,#c9a4ff,#575295 70%)}.hero-card strong{font:800 16px Barlow Condensed;letter-spacing:1px}.hero-card small{font-size:7px;color:#91a3bd;letter-spacing:.7px;margin-top:2px}footer{height:60px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;letter-spacing:1.1px;color:#647895}#game{height:calc(100vh - 138px);min-height:560px;display:flex;flex-direction:column;padding-top:17px}.hud{display:flex;align-items:center;justify-content:space-between;height:53px;flex-shrink:0}.team{display:flex;align-items:center;gap:13px;font:800 12px Barlow Condensed;letter-spacing:1.4px}.team span{font:800 24px Barlow Condensed}.blue{color:#67d8e4}.red{color:#ff8587}.timer{text-align:center;line-height:1}.timer span{font-size:8px;letter-spacing:1px;color:#9aacc6;font-weight:800}.timer strong{display:block;font:800 22px Barlow Condensed;margin-top:5px}.arena-wrap{position:relative;flex:1;min-height:300px;border:1px solid #ffffff22;border-radius:14px;overflow:hidden;background:#142c4b;box-shadow:0 22px 70px #02081699}#arena{display:block;width:100%;height:100%;touch-action:none}.toast{position:absolute;top:17px;left:50%;transform:translate(-50%);padding:8px 14px;border:1px solid #d5f9ed54;background:#071b30cc;border-radius:20px;font-size:9px;letter-spacing:1.2px;font-weight:800;white-space:nowrap;color:#d6fff4}.controls-note{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:1px;font-weight:800;color:#d7e4eeaa;white-space:nowrap}.controls-note b{color:#f8cb74;margin:0 6px}.bottom-hud{height:67px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.health{width:190px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;font:800 10px Barlow Condensed;letter-spacing:1px}.healthbar{height:7px;grid-column:1/3;background:#fff2;border-radius:5px;overflow:hidden}.healthbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#5ee4bc,#9be985);transition:width .2s}.objective{font-size:10px;color:#9fb2c9}.objective:first-letter{color:var(--gold);font-size:17px}.leave,.secondary{border:1px solid #ffffff29;background:#ffffff08;border-radius:5px;padding:9px 13px;font-size:9px;font-weight:800;letter-spacing:.8px}.results{position:absolute;inset:0;z-index:5;background:#061020c9;display:grid;place-items:center;backdrop-filter:blur(7px)}.result-card{width:min(400px,90vw);padding:36px;background:#122542;border:1px solid #a5d7e436;border-radius:15px;text-align:center;box-shadow:0 25px 80px #020610}.result-card h2{font-size:56px;color:var(--gold);margin:10px 0 0}.result-card p{color:#a9bad0;font-size:13px}.result-score{display:flex;justify-content:center;gap:15px;align-items:center;margin:22px 0;font-size:10px;letter-spacing:1px;color:#91aac4}.result-score b{font:800 27px Barlow Condensed;color:#f8fbff;margin-left:8px}.result-score span:first-child{color:#67d8e4}.result-score span:last-child{color:#ff8587}.result-card .primary,.result-card .secondary{display:block;width:100%;margin-top:10px}.touch-controls{display:none}.pad{position:absolute;bottom:24px;left:24px;width:105px;height:105px;border:1px solid #ffffff52;background:#091c3077;border-radius:50%;touch-action:none}.pad i{position:absolute;left:34px;top:34px;width:36px;height:36px;border-radius:50%;background:#d9fbef9c}.pad span{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;color:#ffffffa5}.pad.aim{left:auto;right:24px}.ability{display:none}@media(max-width:760px){#app{padding:0 17px}.top{height:57px}.status{font-size:8px}.sound{padding:7px 9px}.sound span{display:none}#lobby{height:auto;min-height:calc(100vh - 110px);display:flex;flex-direction:column;padding-top:22px}.intro{position:relative;left:auto;top:auto;width:100%}h1{font-size:71px;margin:12px 0}.intro p{font-size:12px;margin-bottom:15px}.primary{padding:12px 15px}.hint{margin-top:12px}.hero-stage{position:relative;right:auto;top:auto;width:100%;height:230px;margin-top:4px}.sun{width:110px;height:110px}.island{left:9%;width:85%;height:52%}.island-front{top:36%}.hero-figure{font-size:73px;top:23%}.roster{position:relative;bottom:auto;left:auto;margin-top:9px}.roster h2{font-size:16px}.hero-card{flex:1;width:0;height:112px;padding:7px}.portrait{height:48px;font-size:29px}.hero-card small{font-size:6px}.stage-label{font-size:9px}footer{height:46px;font-size:6px}#game{height:calc(100dvh - 117px);min-height:440px;padding-top:5px}.hud{height:45px}.arena-wrap{min-height:280px}.controls-note{display:none}.bottom-hud{height:53px}.objective{display:none}.health{width:130px}.touch-controls{display:block}.touch-controls .pad{width:92px;height:92px;bottom:25px;left:16px}.touch-controls .pad i{left:29px;top:29px;width:32px;height:32px}.touch-controls .pad.aim{left:auto;right:16px}.ability{display:block;position:absolute;bottom:126px;right:21px;width:49px;height:49px;border-radius:50%;border:1px solid #ffda80;background:#583d69dd;color:#ffdb83;font-size:20px}.ability small{position:absolute;top:52px;left:-4px;width:57px;font-size:7px;color:#fff;letter-spacing:.5px}.toast{font-size:8px}.result-card{padding:26px}}@media(pointer:coarse){.touch-controls{display:block}.controls-note{display:none}.ability{display:block;position:absolute;bottom:140px;right:50px;width:54px;height:54px;border-radius:50%;border:1px solid #ffda80;background:#583d69dd}.ability small{display:block;font-size:8px}.pad{touch-action:none}}body,button{font-family:Arial,Helvetica,sans-serif}h1,h2,.brand,.team,.timer strong,.hero-card strong,.result-score b{font-family:Impact,Arial Narrow,Arial,sans-serif}.hero-card{position:relative;height:175px;width:180px}.hero-card:after{display:block;font-size:9px;color:#b8cbe0;line-height:1.5;margin-top:8px;white-space:pre-line}.hero-card[data-hero=Vela]:after{content:"Quick dash \2022  Balanced fighter\a Counter: Bront at close range"}.hero-card[data-hero=Bront]:after{content:"Tough guardian \2022  Healing pulse\a Counter: Pip at long range"}.hero-card[data-hero=Pip]:after{content:"Long reach \2022  Starfall burst\a Counter: Vela\2019s quick dash"}.hero-card:focus-visible,.primary:focus-visible,.sound:focus-visible,.secondary:focus-visible,.leave:focus-visible{outline:3px solid #ffcf73;outline-offset:4px}.hero-card.selected:before{content:"SELECTED";position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:4px;color:#092036;background:#78e7de;font-size:7px;font-weight:900;z-index:1}.pad,.ability{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pad span,.pad i,.ability small{pointer-events:none}.ability{color:#ffdb83}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:100px;font-weight:900;color:#ffcf73;text-shadow:0 5px 30px #061020}.match-stats{font-size:12px;color:#b5c9df;margin:12px 0}.result-card{max-height:95%;overflow:auto}@media(max-width:760px){.hero-card{width:0;height:151px}.hero-card:after{font-size:8px}.hero-card.selected:before{font-size:6px;padding:3px;top:4px;right:4px}.roster{padding-bottom:14px}.status{letter-spacing:.4px}.hero-stage{height:190px}}@media(pointer:coarse){.pad{width:112px;height:112px;bottom:22px}.pad i{width:40px;height:40px;left:35px;top:35px}.ability{min-width:54px;min-height:54px}.arena-wrap{touch-action:none}.toast{max-width:90%;white-space:normal;text-align:center}.top{padding-top:env(safe-area-inset-top)}#app{padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}}@media(max-height:600px)and (orientation:landscape){.top{height:42px}footer{display:none}#game{height:calc(100dvh - 42px);min-height:290px;padding-top:0}.hud{height:40px}.bottom-hud{height:38px}.arena-wrap{min-height:200px}.touch-controls .pad{width:84px;height:84px;bottom:14px}.touch-controls .pad i{width:30px;height:30px;left:26px;top:26px}.ability{bottom:112px;right:24px}.controls-note{display:none}}:root{--aqua:#8cd7e0;--gold:#e9b56a;--coral:#ef7379}body{background:#080d13}#app{max-width:none;background:radial-gradient(ellipse at 73% 28%,#23383f 0,#121e29 39%,#0b111a 77%)}.top{height:64px;border-color:#b9d0da20}.brand{font:800 16px Arial,sans-serif;letter-spacing:2px}.mark{color:#e7bd77}.status{color:#96aab7}.sound,.fullscreen{background:#101a24;border:1px solid #ffffff25;border-radius:3px;color:#c4d3dc;min-height:34px}.fullscreen{margin-left:auto;margin-right:10px;width:36px;font-size:23px}.brand+.status{margin-left:auto;margin-right:auto}h1{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(64px,8.6vw,122px);letter-spacing:1px;line-height:.86}h1 em{color:#e8c08b}.intro{top:10%}.intro p{max-width:345px;color:#a3b6c2}.eyebrow{color:#94bac3}.primary{background:#c4e2df;border-radius:2px;box-shadow:0 4px 24px #090f17;font-weight:900}.hero-stage{background:radial-gradient(ellipse at 57% 50%,#50676b45,transparent 67%)}.sun{opacity:.45;filter:saturate(.25)}.island{filter:saturate(.2);opacity:.45}.tree{display:none}.beacon{color:#e4d0a5;text-shadow:0 0 20px #ffffff65}.orbit{border-color:#b2d8d51c;border-radius:0;transform:rotate(-25deg)}.o2{transform:rotate(22deg)}.hero-figure{width:150px;height:230px;left:46%;top:12%;font-size:0;filter:drop-shadow(8px 15px 10px #000b);transform:rotate(-7deg);z-index:3}.hero-figure:before{content:"";position:absolute;top:0;left:45px;width:65px;height:77px;background:linear-gradient(110deg,#4c6876,#17242e);clip-path:polygon(20% 0,80% 0,100% 27%,85% 88%,30% 100%,0 50%)}.hero-figure .visor{position:absolute;top:28px;left:58px;width:53px;height:9px;background:#a1dce0;transform:rotate(-5deg);box-shadow:0 0 14px #8ce9e5}.hero-figure .armor{position:absolute;left:19px;top:76px;width:118px;height:138px;background:linear-gradient(110deg,#596d75,#1b2b36 55%,#0e1920);clip-path:polygon(17% 0,77% 0,100% 25%,84% 55%,83% 100%,54% 98%,49% 65%,39% 100%,10% 100%,13% 45%,0 27%)}.hero-figure .rifle{position:absolute;top:108px;left:10px;width:170px;height:19px;background:linear-gradient(#879392,#24303b 45%);transform:rotate(-30deg);border-left:20px solid #16232d;box-shadow:0 4px #0b141c}.stage-label{color:#98acb7}.hero-card{border-radius:3px;background:#121d28ed;border-color:#718d9b30}.hero-card:hover,.hero-card.selected{background:#1c303a;border-color:#a5d3d5}.hero-card.selected:before{border-radius:1px;background:#bbd8d6}.portrait{position:relative;overflow:hidden;border-radius:1px;background:linear-gradient(115deg,#3d5660,#13222c)}.portrait.bront{background:linear-gradient(115deg,#615d4c,#25272a)}.portrait.pip{background:linear-gradient(115deg,#55546b,#1e2531)}.portrait i{position:absolute;left:calc(50% - 20px);top:7px;width:40px;height:42px;background:linear-gradient(115deg,#7f959b,#233743);clip-path:polygon(20% 0,80% 0,100% 30%,88% 80%,65% 100%,20% 85%,0 35%)}.portrait i:after{content:"";position:absolute;top:14px;left:6px;width:29px;height:5px;background:#abdae0;box-shadow:0 0 10px #bce9f3}.portrait:after{content:"";position:absolute;top:47px;left:calc(50% - 36px);width:72px;height:45px;background:#354b57;clip-path:polygon(19% 0,80% 0,100% 40%,85% 100%,10% 100%,0 35%)}.bront i{width:48px;left:calc(50% - 24px);background:linear-gradient(115deg,#a29577,#3b4246)}.bront:after{width:90px;left:calc(50% - 45px);background:#635f50}.pip i{background:linear-gradient(115deg,#aaa6bc,#3b4658)}.pip:after{background:#525268}.hud{height:46px}.team{font-family:Arial,sans-serif;font-size:10px}.team span,.timer strong{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:800}.timer strong{font-size:21px}.arena-wrap{border-radius:3px;border-color:#69838f55;background:#090f17;box-shadow:none}.toast{border-radius:2px;background:#0a141de0;border-color:#96bcc436;font-size:8px;letter-spacing:1.4px;padding:7px 11px;top:11px}.pad{border:1px solid #b7d6db55;background:radial-gradient(circle,#233e4d90,#0b17256b);box-shadow:inset 0 0 0 10px #9abbc508}.pad i{background:#9ebfc1a8;border:1px solid #d5f4ee55}.ability{border-radius:6px!important;background:#142f3de0!important;border-color:#a5c6ce!important;color:#d1e8e7;font:700 20px Arial!important}.healthbar{height:5px;border-radius:1px}.healthbar i{background:#9bc6b8}.bottom-hud{height:48px}.leave{border-radius:2px}.result-card{border-radius:4px;background:#111e2a;border-color:#74909d66}.result-card h2{font-family:Impact,Arial Narrow,sans-serif;color:#e7c38e}.rotate-hint{display:none}footer{height:40px;color:#6c808e}#game{height:calc(100dvh - 104px);min-height:430px;padding-top:6px}@media(max-width:760px){#app{padding:0 10px}.top{height:44px}.brand{font-size:11px;letter-spacing:1px}.mark{font-size:16px}.status{font-size:6px;margin-right:7px!important}.fullscreen{min-height:28px;height:28px;width:30px;font-size:20px;margin-right:5px}.sound{min-height:28px;padding:5px 7px}#lobby{padding-top:22px}h1{font-size:64px}.hero-stage{height:170px}.hero-figure{transform:scale(.7) rotate(-7deg);transform-origin:top center;top:0}.hero-card{height:153px}.hero-card small{font-size:6px}#game{height:calc(100dvh - 44px);min-height:0;padding-top:0}.hud{height:43px}.arena-wrap{min-height:0}.bottom-hud{height:40px}.toast{font-size:7px;max-width:80%;top:8px}.team{font-size:8px;gap:7px}.team span{font-size:22px}.timer strong{font-size:19px}.timer span{font-size:6px}footer{display:none}.touch-controls .pad{width:82px;height:82px;left:14px;bottom:16px}.touch-controls .pad.aim{left:auto;right:14px}.touch-controls .pad i{width:30px;height:30px;left:25px;top:25px}.ability{right:25px;bottom:121px;min-width:46px;min-height:46px;width:46px;height:46px}.ability small{top:48px}.objective,.controls-note{display:none}}@media(max-width:600px)and (orientation:portrait){.rotate-hint{display:block;position:absolute;left:0;right:0;bottom:110px;text-align:center;font-size:6px;letter-spacing:1.2px;color:#91aab4;pointer-events:none}.hero-stage{display:none}.roster{margin-top:26px}.intro p{font-size:12px}.hint{font-size:7px}.arena-wrap{background:#0a121b}#arena{width:100%;height:100%}}@media(max-height:600px)and (orientation:landscape){.top{height:36px}.brand{font-size:11px}.status{font-size:7px}#game{height:calc(100dvh - 36px);min-height:0}.hud{height:34px}.bottom-hud{height:30px}.arena-wrap{min-height:0}.toast{top:6px;padding:5px 9px}.touch-controls .pad{width:74px;height:74px;bottom:12px}.touch-controls .pad i{width:26px;height:26px;left:23px;top:23px}.ability{bottom:102px;width:42px;height:42px;min-width:42px;min-height:42px}.ability small{top:43px}.sound,.fullscreen{min-height:25px;height:25px}footer{display:none}}.touch-controls{position:absolute;inset:0;z-index:3;pointer-events:none}.touch-controls .pad,.touch-controls .ability{pointer-events:auto}#lobby{isolation:isolate;min-height:760px;height:calc(100dvh - 104px);max-height:1080px;margin:0 -5.2vw;padding:0 7.6vw;overflow:hidden;background:#08121b}#demoArena{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#264951,#0b1722 70%)}#demoArena canvas{position:absolute!important;inset:0;display:block;width:100%;height:100%;pointer-events:none!important}.demo-scrim{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#071019f5 0,#08131de0 30%,#0b17222b 68%,#08131a50),linear-gradient(0deg,#061019 0,#061019dd 19%,transparent 52%)}.intro{position:relative;left:auto;top:auto;width:65%;padding-top:78px;z-index:1}.intro .eyebrow{font-size:9px;letter-spacing:2.6px;color:#86b7bf}h1{font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(80px,9vw,135px);line-height:.86;letter-spacing:1px;margin:23px 0 21px;text-shadow:0 4px 35px #01070c80}h1 em{color:#d2e9e9}h1>span{display:block;font:700 11px Arial,sans-serif;letter-spacing:2.4px;line-height:1.5;margin-top:20px;color:#d8ae76}.intro p{font-size:13px;line-height:1.7;max-width:305px;margin:0 0 23px;color:#9fb5c1}.primary{padding:16px 23px;background:#d1eae7;color:#10272d;border:1px solid #c1e5df;letter-spacing:1.4px;box-shadow:0 0 35px #79d8d615}.hint{font-size:7px;letter-spacing:1px;color:#8ba5b3;margin-top:16px}.hint b{margin:0 6px;color:#9b8d73}.demo-badge{position:absolute;right:7.6vw;top:30px;display:flex;align-items:center;gap:7px;color:#d2e5e6;font:700 8px Arial,sans-serif;letter-spacing:1.5px;background:#0a1724bb;border:1px solid #8cb8bd40;padding:9px 11px;backdrop-filter:blur(8px)}.demo-badge i{width:5px;height:5px;background:#90dcd0;border-radius:50%;box-shadow:0 0 8px #90dcd0}.demo-badge small{font-size:6px;color:#7d9ba6;border-left:1px solid #638b9840;padding-left:8px;letter-spacing:1px}.demo-caption{position:absolute;right:7.6vw;bottom:240px;text-align:right}.demo-caption span{font-size:10px;letter-spacing:3px;color:#b3ccd2}.demo-caption small{display:block;margin-top:7px;color:#7896a4;font-size:9px}.roster{position:absolute;bottom:31px;left:7.6vw;right:7.6vw;margin:0;z-index:1}.roster-label{display:flex;align-items:center;gap:18px;margin-bottom:11px}.roster h2{font:800 12px Arial,sans-serif;letter-spacing:1.5px;margin:0}.roster-label>span{font-size:7px;letter-spacing:1.3px;color:#698795}.hero-cards{gap:10px;max-width:665px}.hero-card{height:157px;width:210px;padding:10px 12px 10px 74px;justify-content:flex-start;background:#0c1a26cf;border-color:#7495a23b;backdrop-filter:blur(10px);overflow:hidden}.hero-card .portrait{position:absolute;left:7px;top:9px;width:57px;height:80px;background:none!important;filter:saturate(.6)}.hero-card .portrait i{transform:scale(.8);transform-origin:center top;top:3px}.hero-card .portrait:after{transform:scale(.8);transform-origin:center top;top:36px}.hero-card strong{font:800 16px Arial,sans-serif;letter-spacing:1px;margin-top:28px}.hero-card small{font-size:6px;letter-spacing:.6px;white-space:nowrap;margin-top:5px}.hero-card:after{position:absolute;left:12px;right:8px;bottom:12px;font-size:8px;color:#8ba6b5;line-height:1.7}.hero-card.selected{background:#17313ccf;border-color:#a9d7d0}.hero-card.selected:before{top:8px;right:8px;font-size:6px;color:#193238;padding:3px 5px}.hero-card:hover{transform:translateY(-3px)}@media(min-width:1500px){#lobby{padding-left:9vw}.intro{padding-top:100px}.roster{left:9vw}h1{font-size:145px}}@media(max-width:900px){#lobby{min-height:760px}.intro{width:80%;padding-top:76px}.demo-scrim{background:linear-gradient(90deg,#071019ee,#08131d9c 45%,#08131a15),linear-gradient(0deg,#061019 0,#061019e8 23%,transparent 70%)}.demo-caption{bottom:223px}.hero-card{width:195px}}@media(max-width:760px){#lobby{margin:0 -10px;padding:0 24px;height:auto;min-height:calc(100dvh - 44px);max-height:none}.intro{width:100%;padding-top:69px}h1{font-size:clamp(62px,15.5vw,106px);margin:17px 0;line-height:.88}h1>span{font-size:8px;letter-spacing:1.5px;margin-top:15px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro p{font-size:11px;max-width:245px;margin-bottom:19px}.intro .primary{font-size:10px;padding:13px 16px}.intro .primary span{margin-left:18px}.hint{font-size:6px;letter-spacing:.4px}.demo-badge{left:24px;right:auto;top:21px;font-size:6px;padding:7px 8px;letter-spacing:1px}.demo-badge small{font-size:5px}.demo-scrim{background:linear-gradient(90deg,#071019e8 0,#08131d90 53%,#08131a10),linear-gradient(0deg,#061019 0,#061019eb 25%,transparent 60%)}.demo-caption{right:24px;top:395px;bottom:auto}.demo-caption span{font-size:8px;letter-spacing:2px}.demo-caption small{font-size:7px}.roster{position:relative;bottom:auto;left:auto;right:auto;margin-top:135px;padding-bottom:25px}.roster-label{gap:10px}.roster h2{font-size:9px;letter-spacing:.7px}.roster-label>span{font-size:5px;letter-spacing:.5px}.hero-cards{gap:7px;max-width:none}.hero-card{width:0;flex:1;height:157px;padding:71px 7px 7px;align-items:flex-start}.hero-card .portrait{left:calc(50% - 29px);top:8px;height:63px}.hero-card strong{margin-top:0;font-size:13px}.hero-card small{font-size:5px;letter-spacing:.1px;white-space:normal}.hero-card:after{left:7px;right:5px;bottom:7px;font-size:6px;line-height:1.6}.hero-card.selected:before{font-size:5px;top:5px;right:4px;padding:3px}.hero-card.selected,.hero-card:hover{transform:none}#demoArena{display:block!important;height:100%}}@media(max-height:600px)and (min-width:761px){#lobby{min-height:640px}.intro{padding-top:44px}h1{font-size:83px}.demo-badge{top:23px}.roster{bottom:25px}.demo-caption{bottom:215px}}@media(prefers-reduced-motion:reduce){.hero-card{transition:none}}#lobby{background:#8bbbc3}.demo-scrim{background:linear-gradient(90deg,#081923d9 0,#112c3490 30%,#12303905 69%,#12303908),linear-gradient(0deg,#06131be8 0,#0c2531b3 18%,transparent 52%)}.intro{width:54%;padding-top:90px}h1{font-size:clamp(68px,7vw,106px);line-height:.9;letter-spacing:1px;color:#fffef2;text-shadow:0 3px 25px #10232b88}h1 em{color:#e0eace}h1>span{color:#f0d6a0;font-size:10px;letter-spacing:1.7px}.intro .eyebrow{color:#bfdcda}.intro p{color:#dfebe7;max-width:305px;font-size:12px;text-shadow:0 1px 9px #071019}.demo-badge{background:#102a34bb;border-color:#d3e9df66;color:#edf6e9}.demo-badge small{color:#b5ccc8}.demo-caption span{color:#e1f2e7;text-shadow:0 2px 8px #112c34}.demo-caption small{color:#d4e1d9;text-shadow:0 1px 8px #10252a}.hero-card{background:#0e2632d9;border-color:#9bb8b96b}.hero-card.selected{background:#23444bdf;border-color:#d0e6d3}.roster h2{color:#ecf4e8}.roster-label>span{color:#b5cac7}.hint{color:#c6d9d3}.hint b{color:#edd3a0}.primary{background:#e3e9cc;border-color:#f1f3d6;color:#18323a}.roster{bottom:25px}.hero-card{height:148px}.demo-caption{bottom:220px}footer span:last-child{font-size:7px;letter-spacing:.3px;text-transform:none}@media(max-width:900px){.intro{width:64%}.demo-scrim{background:linear-gradient(90deg,#081923d4 0,#112c3470 45%,#12303900),linear-gradient(0deg,#06131bf0 0,#0c2531b3 24%,transparent 67%)}}@media(max-width:760px){#lobby{min-height:calc(100dvh - 44px)}.intro{width:100%;padding-top:66px}h1{font-size:clamp(52px,13.4vw,82px);margin:14px 0;max-width:85%}h1>span{font-size:7px;letter-spacing:1.3px;margin-top:12px}.intro p{font-size:10px;max-width:225px;margin-bottom:15px}.intro .primary{padding:12px 14px}.hint{font-size:5px}.demo-scrim{background:linear-gradient(90deg,#0c2633b8 0,#153c4945 70%,transparent),linear-gradient(0deg,#06131bef 0,#0c2531c4 22%,transparent 59%)}.roster{margin-top:175px;bottom:auto}.demo-caption{top:380px;bottom:auto}.demo-caption span{font-size:8px}.demo-caption small{font-size:7px}.hero-card{height:148px}.demo-badge{font-size:6px}footer span:last-child{display:block}}.demo-caption .school-notice{font-size:6px;letter-spacing:.1px;max-width:230px;line-height:1.5;margin-left:auto;opacity:.8}@media(max-width:760px){.demo-caption .school-notice{font-size:5px;max-width:170px}}.tactical-rules{display:flex;gap:14px;margin-top:18px;max-width:370px;color:#bad1ce;font-size:6px;letter-spacing:.6px}.tactical-rules span{display:block;line-height:1.6}.tactical-rules b{display:block;font-size:13px;color:#eed6a2;letter-spacing:.5px}.energy{width:140px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;font:700 8px Arial,sans-serif;letter-spacing:.8px;color:#afcbd5}.energybar{height:4px;background:#71909c35;grid-column:1/3;overflow:hidden}.energybar i{display:block;width:100%;height:100%;background:#8dc8dd;transition:width .15s}.secondary-ability{position:absolute;right:113px;bottom:140px;width:54px;height:54px;border:1px solid #b8c9cf;background:#203645dc;color:#e5f0e8;border-radius:6px;font:700 20px Arial,sans-serif;touch-action:none;user-select:none;z-index:3}.secondary-ability small{position:absolute;left:-8px;top:57px;width:70px;font-size:7px;letter-spacing:.4px;pointer-events:none}.touch-controls .secondary-ability:disabled{opacity:.4}.controls-note{font-size:7px}.objective{font-size:8px}.bottom-hud{gap:12px}.hero-card[data-hero=Vela]:after{content:"DASH / DEFLECT\a Flank rivals. Time your defense."}.hero-card[data-hero=Bront]:after{content:"PULSE / FORTIFY\a Anchor zones. Absorb pressure."}.hero-card[data-hero=Pip]:after{content:"BURST / PRECISION\aHold distance. Spend energy wisely."}@media(max-width:760px){.tactical-rules{gap:12px;margin-top:13px;font-size:5px}.tactical-rules b{font-size:11px}.roster{margin-top:150px}.energy{width:88px;font-size:6px}.bottom-hud{gap:7px}.health{width:106px}.secondary-ability{right:82px;bottom:121px;width:46px;height:46px;min-width:46px}.secondary-ability small{top:49px;font-size:6px;left:-7px;width:60px}.leave{font-size:7px;padding:7px 9px}.demo-caption{top:413px}}@media(max-height:600px)and (orientation:landscape){.secondary-ability{right:78px;bottom:102px;width:42px;height:42px}.secondary-ability small{top:45px}.tactical-rules{margin-top:12px}.energy{width:115px}}@media(min-width:761px){#lobby{min-height:840px}.intro{padding-top:72px}.tactical-rules{margin-top:14px}.hint{margin-top:12px}}.touch-controls .pad{width:140px;height:140px;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));border:0;background:none;box-shadow:none;touch-action:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;--stick-angle:0deg;--stick-power:0;z-index:3}.touch-controls .pad.aim{left:auto;right:max(8px,env(safe-area-inset-right))}.touch-controls .pad:before{content:"";position:absolute;width:108px;height:108px;left:16px;top:16px;border-radius:50%;border:1px solid #adcbdc6b;background:radial-gradient(circle,#254b5b66,#091b2b9c 70%);box-shadow:inset 0 0 0 9px #a6d0d20c,0 3px 15px #04101966;transition:border-color .12s,box-shadow .12s;pointer-events:none}.touch-controls .pad i{width:52px;height:52px;left:44px;top:44px;display:block;border:1px solid #ddf5ed99;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d8e9e8cc,#7298a6c9 65%,#38596fdb);box-shadow:0 3px 8px #06101f99,inset 0 0 0 5px #e4f3e71a;will-change:transform;pointer-events:none}.touch-controls .pad i:after{content:"";position:absolute;inset:17px;border-radius:50%;border:1px solid #f1fff966;pointer-events:none}.touch-controls .pad span{position:absolute;left:0;right:0;top:119px;font-size:7px;letter-spacing:1.2px;color:#c3dbe5;text-shadow:0 1px 4px #041019;pointer-events:none}.touch-controls .pad.stick-active:before{border-color:#c6f3e7b3;box-shadow:inset 0 0 0 9px #a6d0d20e,0 0 16px #82ddd22b}.touch-controls .pad.aim:after{content:"";position:absolute;left:70px;top:49px;width:65px;height:42px;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#9bdfd700,#d1f6d94d);transform-origin:0 50%;transform:rotate(var(--stick-angle));opacity:0;pointer-events:none}.touch-controls .pad.aim.stick-active:after{opacity:var(--stick-power)}.touch-controls .pad.stick-firing:before{border-color:#f8d592;box-shadow:inset 0 0 0 9px #f8d5920f,0 0 17px #e9bc6033}.touch-controls .pad.stick-firing span{color:#f9d69a}.touch-controls .ability{right:26px;bottom:160px}.secondary-ability{right:86px;bottom:160px}.touch-controls .ability,.touch-controls .secondary-ability{z-index:4;touch-action:none;-webkit-tap-highlight-color:transparent}.hero-card[data-hero=Vela]:after{content:"DASH STRIKE / SCATTER FAN\a Flank rivals. Spread the pressure."}.hero-card[data-hero=Bront]:after{content:"TEAM BARRIER / GROUND SLAM\aProtect allies. Slow the rush."}.hero-card[data-hero=Pip]:after{content:"STARFALL / EVASIVE STEP\a Burst, retreat, reposition."}@media(max-width:760px){.touch-controls .pad{width:140px;height:140px}.touch-controls .pad i{width:52px;height:52px;left:44px;top:44px}.touch-controls .pad.aim{right:max(4px,env(safe-area-inset-right))}.touch-controls .pad{left:max(4px,env(safe-area-inset-left))}.touch-controls .ability{right:22px;bottom:158px}.secondary-ability{right:79px;bottom:158px}.rotate-hint{bottom:145px}}@media(max-height:500px)and (orientation:landscape){.touch-controls .pad{bottom:max(0px,env(safe-area-inset-bottom));width:132px;height:132px}.touch-controls .pad:before{width:104px;height:104px;left:14px;top:14px}.touch-controls .pad i{width:48px;height:48px;left:42px;top:42px}.touch-controls .pad span{top:111px;font-size:6px}.touch-controls .pad.aim:after{left:66px;top:45px}.touch-controls .ability{bottom:139px;right:25px;width:42px;height:42px}.secondary-ability{bottom:139px;right:78px;width:42px;height:42px}}.room-entry{display:inline-flex;gap:14px;align-items:center;margin:12px 0 0 9px;padding:12px 14px;color:#d7e9e6;border:1px solid #9fbdbe77;background:#0c2634ba;font-size:10px;font-weight:800;letter-spacing:.5px}.room-entry span{font-size:8px;color:#9dbdbd}.rooms-panel{position:fixed;inset:0;z-index:30;background:#06101bdc;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;overflow:auto}.rooms-card{position:relative;width:min(620px,100%);max-height:94dvh;overflow:auto;background:#132735;border:1px solid #8daeb875;border-radius:5px;padding:30px;color:#e2eceb;box-shadow:0 20px 90px #0008}.rooms-close{position:absolute;right:12px;top:10px;width:38px;height:38px;font-size:27px;color:#cfdfdf;background:none;border:1px solid #8cabb844;border-radius:3px}.rooms-card h2{font-size:33px;margin:16px 0 10px}.rooms-note{color:#afc8cd;font-size:13px;line-height:1.6}.room-label{display:block;font-size:10px;letter-spacing:1px;font-weight:700;color:#aac6cd;margin:18px 0 8px}.rooms-card select,.rooms-card input{font:700 15px Arial;color:#e5efec;background:#0b1e2b;border:1px solid #85a8b477;min-height:44px;padding:10px 13px;border-radius:3px}.rooms-card select{width:100%;margin-bottom:18px}.rooms-card .primary{padding:13px 18px;font-size:11px;min-height:44px}.room-join{display:grid;grid-template-columns:1fr auto;gap:8px}.room-join label{grid-column:1/3}.room-join input{width:100%;text-transform:uppercase;letter-spacing:3px}.rooms-card .secondary{font-size:11px;min-height:42px}.room-code{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #7899a449}.room-code>span{font-size:10px;letter-spacing:1px;color:#aac6cb}.room-code strong{font-size:24px;letter-spacing:4px;color:#f0d59e}.room-code .secondary{margin-left:auto}.room-roster{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.room-team h3{font:800 11px Arial;letter-spacing:2px;color:#8dd8de}.room-team.ember h3{color:#ee9f97}.room-slot{border:1px solid #83a4b84d;background:#0b1d2d;font-size:10px;line-height:1.5;min-height:46px;display:flex;align-items:center;padding:9px;margin-top:7px;color:#c5dadd}.room-status{font-size:12px;color:#a9cfce;margin:18px 0 0;line-height:1.5}.room-error{font-size:13px;color:#ffc1a6;line-height:1.6}.room-error:empty{display:none}.room-entry:focus-visible,.weapon-switch:focus-visible,.fire-action:focus-visible,.assist-toggle:focus-visible{outline:3px solid #eac790;outline-offset:3px}.weapon-switch{position:absolute;right:180px;bottom:24px;z-index:4;background:#102b3de8;border:1px solid #a4ccd1;color:#dceee9;border-radius:5px;padding:11px 14px;min-width:96px;min-height:52px;touch-action:manipulation}.weapon-switch span{display:block;font-size:12px;font-weight:900;letter-spacing:1px}.weapon-switch small{display:block;font-size:7px;color:#aec9d0;margin-top:5px}.fire-action{position:absolute;right:170px;bottom:87px;z-index:4;width:64px;height:64px;border-radius:50%;border:2px solid #e6bd7b;background:#6e4c27e6;color:#fff1ce;font-size:12px;font-weight:900;letter-spacing:1px;touch-action:none;user-select:none}.fire-action:active{background:#b28c4d;transform:scale(.96)}.assist-toggle{position:absolute;top:47px;left:12px;z-index:3;min-height:34px;padding:8px 10px;border:1px solid #aed7c55e;border-radius:3px;background:#163d3be8;color:#d0e7d3;font-size:9px;font-weight:800;letter-spacing:.4px}.objective-guide{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;text-align:center;color:#fff4cd;font-size:12px;font-weight:900;letter-spacing:.7px;text-shadow:0 2px 5px #06121c;background:#102631c9;padding:8px 12px;border-bottom:2px solid #e8c57e;white-space:nowrap}.control-onboarding{font-size:12px!important;line-height:1.6!important;color:#e4e9d7!important;max-width:350px!important;margin:14px 0!important}.roster{bottom:20px}@media(min-width:761px){#lobby{min-height:940px}.tactical-rules{margin-top:16px}.room-entry{display:flex;width:max-content;margin-left:0}}@media(max-width:760px){.room-entry{display:flex;margin-left:0;margin-top:10px;width:max-content;font-size:10px;padding:10px 12px}.control-onboarding{font-size:11px!important;max-width:280px!important}.demo-caption{top:535px}.roster{margin-top:135px}.rooms-panel{padding:10px}.rooms-card{padding:22px 17px}.rooms-card h2{font-size:27px;padding-right:20px}.room-roster{gap:8px}.room-slot{font-size:9px;padding:8px}.room-code{gap:10px}.room-code strong{font-size:21px;letter-spacing:3px}.room-code>span{font-size:8px}.weapon-switch{left:calc(50% - 36px);right:auto;bottom:90px;min-width:72px;width:72px;min-height:45px;padding:7px 3px}.weapon-switch span{font-size:10px;letter-spacing:.5px}.weapon-switch small{font-size:6px}.fire-action{left:calc(50% - 29px);right:auto;bottom:20px;width:58px;height:58px;font-size:11px}.assist-toggle{top:81px;left:9px;font-size:8px;min-height:32px;padding:7px}.objective-guide{top:42px;font-size:10px;max-width:90%;padding:7px 10px}.rotate-hint{display:none}}@media(max-height:500px)and (orientation:landscape){.weapon-switch{left:auto;right:168px;bottom:18px;width:82px;min-width:82px;padding:8px}.fire-action{left:auto;right:173px;bottom:76px;width:54px;height:54px}.assist-toggle{top:12px;left:12px;font-size:7px;min-height:28px}.objective-guide{top:35px;font-size:9px;padding:5px 9px}}.explore-entry{display:inline-flex;align-items:center;gap:15px;padding:13px 16px;margin:12px 0 0 10px;min-height:44px;border:1px solid #b4d1bf;background:#254337d9;color:#e9f0d9;font-size:10px;font-weight:800;letter-spacing:.7px}.explore-entry span{font-size:8px;font-weight:500;color:#bad8ca}.explore-entry:focus-visible,.zoom-controls button:focus-visible{outline:3px solid #e8cb92;outline-offset:3px}.zoom-controls{position:absolute;right:12px;top:45px;z-index:4;display:flex;align-items:center;background:#122e3de8;border:1px solid #a9c8cd66;border-radius:4px;overflow:hidden;user-select:none}.zoom-controls button{width:38px;min-height:36px;background:#224251;border:0;color:#eef4e4;font-size:22px;touch-action:manipulation}.zoom-controls button:active{background:#456872}.zoom-controls span{min-width:38px;text-align:center;font-size:10px;letter-spacing:.3px;color:#d4e6e4}.exploring .team,.exploring .timer,.exploring #fire,.exploring #weapon,.exploring #secondary,.exploring #assist,.exploring .objective,.exploring .energy,.exploring #aimPad,.exploring #toast{display:none!important}.exploring .hud{height:10px}.exploring .controls-note{font-size:11px}.exploring #objectiveGuide{background:#163a32d9;border-color:#b9d6aa;color:#e8f0cf}.exploring .zoom-controls{top:14px}.exploring .healthbar,.exploring #healthNum{display:none}.exploring .health{display:block}.exploring #ability{bottom:28px;right:35px;min-width:70px;width:70px;height:70px;font-size:22px!important}.exploring #ability small{font-size:9px;top:74px;width:80px;left:-5px}.exploring .bottom-hud{height:38px}.exploring #leave{min-height:34px}.exploring .rotate-hint{display:none!important}@media(max-width:760px){.explore-entry{display:flex;margin-left:0;gap:20px;padding:11px 13px;font-size:10px;width:max-content}.explore-entry span{font-size:8px}.zoom-controls{right:9px;top:81px}.zoom-controls button{width:34px;min-height:32px;font-size:20px}.zoom-controls span{min-width:30px;font-size:9px}.demo-caption{top:588px}.roster{margin-top:145px}.exploring .zoom-controls{top:54px}.exploring #objectiveGuide{top:12px;font-size:10px}.exploring #ability{right:36px;bottom:32px;width:66px;height:66px}.exploring #ability small{top:69px}.exploring .arena-wrap{min-height:0}}@media(min-width:761px){#lobby{min-height:995px}.explore-entry{display:flex;margin-left:0;width:max-content}.exploring #objectiveGuide{top:16px}}@media(max-height:500px)and (orientation:landscape){.zoom-controls{top:10px;right:12px}.zoom-controls button{width:30px;min-height:28px}.exploring .zoom-controls{top:10px}.exploring .hud{height:0}.exploring #ability{width:58px;height:58px;bottom:25px;right:42px}.exploring #ability small{top:62px}}.touch-controls .pad{--stick-origin-x:0px;--stick-origin-y:0px}.touch-controls .pad:before{transform:translate(var(--stick-origin-x),var(--stick-origin-y));transition:border-color .08s,box-shadow .08s}.touch-controls .pad i{transition:none!important}.touch-controls .pad.aim:after{left:calc(70px + var(--stick-origin-x));top:calc(49px + var(--stick-origin-y))}#movePad i:after{content:"\27a4";inset:0;display:grid;place-items:center;border:0;border-radius:0;font:900 21px Arial,sans-serif;color:#173a44;text-shadow:0 1px 0 #ffffff55;transform:rotate(var(--stick-angle));opacity:.6}#movePad.stick-active i:after{color:#ecfff1;opacity:1;text-shadow:0 1px 3px #173744}#movePad.stick-active:before{border-color:#dcffe7;box-shadow:inset 0 0 0 6px #b6f5d31a,0 0 17px #79d7b344}.touch-controls .pad span{font-size:8px;font-weight:800;letter-spacing:1px}#movePad.stick-active span{color:#e5ffe1}@media(max-height:500px)and (orientation:landscape){.touch-controls .pad.aim:after{left:calc(66px + var(--stick-origin-x));top:calc(45px + var(--stick-origin-y))}.touch-controls .pad span{font-size:7px}}