@charset "UTF-8";
:root{color-scheme:dark;--ink:#f1f5f4;--muted:#8a9ca5;--blue:#00c8ff;--orange:#ff5a00;--line:rgba(176,207,220,.15);--glass:rgba(18,27,35,.83);--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#10171e}body{font-family:var(--font);color:var(--ink);font-size:14px;user-select:none;-webkit-user-select:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b8efff;outline-offset:5px}button:disabled{cursor:default}button svg{pointer-events:none}button{touch-action:manipulation}button:active{transform:translateY(1px)}.hidden{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(180deg,rgba(5,11,17,.6) 0,transparent 22%,transparent 68%,rgba(7,13,19,.72) 100%)}.game-ui{position:fixed;inset:0;pointer-events:none}.game-ui button,.game-ui a{pointer-events:auto}.topbar{position:absolute;left:30px;right:30px;top:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f3f6f5;padding-top:7px}.brand-mark{width:34px;height:34px}.brand>span{font-size:21px;line-height:1;letter-spacing:3px;font-weight:850}.brand small{display:block;font-size:6.5px;letter-spacing:2.2px;line-height:1;margin-top:8px;color:#7d909b;font-weight:600}.scoreboard{position:absolute;left:50%;transform:translateX(-50%);top:-2px;display:flex;align-items:stretch;min-width:480px;height:79px;background:linear-gradient(115deg,rgba(26,45,59,.9),rgba(14,21,28,.92) 46%,rgba(42,29,28,.9));border:1px solid rgba(183,204,214,.16);border-radius:6px;box-shadow:0 10px 40px #03090c40;backdrop-filter:blur(18px);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.scoreboard:before,.scoreboard:after{content:"";position:absolute;top:0;width:31%;height:2px;background:var(--blue);box-shadow:0 0 13px #36bfff60}.scoreboard:before{left:0}.scoreboard:after{right:0;background:var(--orange);box-shadow:0 0 13px #ff6e4b60}.score-side{display:flex;align-items:center;gap:13px;flex:1;padding:0 19px;min-width:0}.player-side{color:var(--blue)}.enemy-side{color:var(--orange);justify-content:flex-end}.team-symbol{display:flex;align-items:center;justify-content:center;width:31px;height:34px}.team-symbol svg{width:28px;height:28px}.enemy-symbol svg{width:25px;height:25px}.competitor{display:flex;flex-direction:column;gap:5px}.competitor>span{font-weight:750;font-size:13px;letter-spacing:1.6px}.competitor small{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#8797a0}.enemy-side .competitor{text-align:right}.score{font-size:39px;font-weight:500;letter-spacing:-2px;line-height:1;margin-left:auto;font-variant-numeric:tabular-nums;color:#f5f7f4}.enemy-side .score{margin-left:0;margin-right:auto}.match-info{width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #a8c1d016;border-right:1px solid #a8c1d016;gap:3px}.match-info>span{font-size:8px;letter-spacing:2px;font-weight:650;color:#91a3ad}.match-info>strong{font-size:20px;font-weight:550;letter-spacing:1px;font-variant-numeric:tabular-nums}.match-info>small{font-size:6.5px;letter-spacing:1.6px;color:#697c89}.utility{display:flex;gap:7px;padding-top:7px}.icon-button{width:35px;height:35px;border:1px solid #a0bec51c;border-radius:7px;background:#14222c8c;display:flex;align-items:center;justify-content:center;color:#a5b5bf;transition:background .18s,color .18s,border-color .18s;backdrop-filter:blur(12px)}.icon-button:hover{background:#263c4be6;color:#ecfaff;border-color:#92d7ef5c}.icon-button svg{width:17px;height:17px}.icon-button[aria-pressed="false"]{color:#607582}.mode-pill{position:absolute;top:91px;left:32px;font-size:8px;letter-spacing:1.6px;font-weight:650;display:flex;align-items:center;gap:8px;color:#92a4ae}.live-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 9px #52ceff70}.pill-separator{height:8px;width:1px;background:#7a94a53b;margin:0 2px}.build-tag{font-size:7px;color:#596f7d;margin-left:12px;letter-spacing:1.1px}.bottom-hud{position:absolute;bottom:66px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.player-status{width:192px;padding:0 0 8px}.player-status-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.mini-vex{display:flex;align-items:center;justify-content:center;width:39px;height:42px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#3b7f9b80,#18313f30);font-size:23px;font-weight:850;color:#8ee6ff}.player-status-heading>div{display:flex;flex-direction:column;gap:5px}.player-status-heading strong{font-size:15px;letter-spacing:2px;font-weight:700}.player-status-heading>div>span{font-size:7px;letter-spacing:1.25px;color:#7dabbc}.dash-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:1.5px;color:#a7b9c3;margin-bottom:9px}kbd{font-family:var(--font);font-size:8px;font-weight:600;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:1px solid #c4d8df27;border-radius:3px;color:#bacbd4;background:#abc6d308}.dash-heading kbd{height:17px;font-size:7px;letter-spacing:.7px}.dash-charges{display:flex;gap:5px}.dash-charge{height:5px;flex:1;overflow:hidden;border-radius:1px;background:#5a7d8c31}.dash-charge>span{display:block;height:100%;width:var(--charge,100%);background:#90e6ff;box-shadow:0 0 9px #71d5ff3b;transition:width .08s linear,background .25s}.dash-charge.empty>span{background:#4c9fba}.player-status>small{display:block;color:#526b7b;letter-spacing:1.05px;font-size:6.5px;margin-top:9px}.ability-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:0}.loadout-label{display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:2px;font-size:7px;color:#7f94a0;font-weight:650;margin-bottom:10px}.loadout-label span{width:30px;height:1px;background:linear-gradient(90deg,transparent,#7cabb042)}.loadout-label span:last-child{transform:rotate(180deg)}.ability-cards{display:flex;gap:10px}.ability-card{width:138px;height:158px;position:relative;padding:10px 12px 11px;display:flex;flex-direction:column;text-align:left;border:1px solid #779aad40;border-top-color:#a2c5d55a;border-radius:8px;background:linear-gradient(145deg,#233c4dcf,#121f29eb 59%,#111a23f5);box-shadow:0 7px 22px #030a0e3d,inset 0 0 20px #47758a08;overflow:hidden;backdrop-filter:blur(15px);isolation:isolate;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.ability-card:before{content:"";position:absolute;width:50px;height:1px;background:#81d6fa8c;top:0;left:12px;transition:width .2s}.ability-card:after{content:"";position:absolute;right:-19px;bottom:-21px;width:55px;height:55px;border:1px solid #6bc0df13;transform:rotate(45deg);pointer-events:none}.ability-card:hover{transform:translateY(-5px);border-color:#8adfff9c;background:linear-gradient(145deg,#2c5369ef,#142a38f5 70%,#131f29);box-shadow:0 9px 28px #030b1069,0 0 20px #47a9e50d}.ability-card:hover:before{width:calc(100% - 24px)}.ability-card:active{transform:translateY(-1px)}.card-top{display:flex;align-items:center;gap:5px;width:100%;position:relative;z-index:2}.card-top kbd{font-size:10px;width:23px;height:23px;padding:0;color:#f2f8fa;background:#aacddd0e;border-color:#c5e0ee45}.ability-type{font-size:6px;letter-spacing:1px;color:#738e9e;font-weight:650;margin-left:auto}.cooldown-label{font-size:10px;color:#7ed7f8;font-variant-numeric:tabular-nums;font-weight:650}.ability-art{position:absolute;left:-1px;right:0;top:27px;width:calc(100% + 2px);height:79px;filter:drop-shadow(0 0 8px #5dc6f31c);transition:opacity .2s}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.4px;font-weight:750;margin-top:auto;position:relative;z-index:2}.card-title>span{font-size:7px;letter-spacing:1px;font-weight:400;color:#546d7c}.card-description{margin-top:5px;position:relative;z-index:2;font-size:7px;color:#7696a8;letter-spacing:.1px}.cooldown-sweep{display:none}.ability-card.cooldown{border-color:#60778930}.ability-card.cooldown .ability-art{opacity:.3}.ability-card.cooldown .card-title{color:#7b939f}.ability-card.cooldown:before{background:#5d7d9140}.ability-card.cooldown .cooldown-label{color:#cad9e1}.ability-card.armed{border-color:#b1f1ff;box-shadow:0 0 22px #52c5ff2b,inset 0 0 22px #42c9ff14}.ability-card.armed:before{width:calc(100% - 24px);background:#b1f1ff}.ability-card.armed .card-title{color:#a4ebff}.ability-card.armed .card-top kbd{background:#7ae0ff24;border-color:#a2edff8c}.arena-telemetry{width:192px;padding-bottom:7px;text-align:right}.telemetry-label{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#899da8;font-size:7px;letter-spacing:1.4px;font-weight:650}.telemetry-dot{width:4px;height:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 6px #fa6d3f60}.arena-telemetry>div:not(.velocity-decoration){margin:6px 0 7px;display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.arena-telemetry strong{font-size:37px;line-height:1.2;font-weight:350;letter-spacing:-1px;color:#dfe9ec;font-variant-numeric:tabular-nums}.arena-telemetry>div>span{font-size:10px;color:#7d939f}.velocity-decoration{display:flex;justify-content:flex-end;gap:3px;height:12px;align-items:flex-end}.velocity-decoration i{height:6px;width:5px;background:#67a6bf59;transform:skewX(-18deg)}.velocity-decoration i:nth-child(n+7){height:8px;background:#7fa7b335}.velocity-decoration i:nth-child(n+13){height:11px;background:#c99a7625}.arena-telemetry>small{font-size:6px;letter-spacing:1px;color:#526a79;display:block;margin-top:9px}.controls-strip{position:absolute;left:50%;transform:translateX(-50%);bottom:21px;display:flex;gap:19px;white-space:nowrap}.controls-strip>span{display:flex;align-items:center;gap:3px;font-size:6.5px;letter-spacing:1px;color:#768c9a;font-weight:600}.controls-strip>span kbd:last-of-type{margin-right:4px}.controls-strip kbd{height:17px;min-width:17px;padding:0 4px;font-size:7px;border-color:#718a982e;background:#253d4b32;color:#9db4c0}.arena-caption{position:absolute;right:36px;bottom:23px;font-size:6.5px;letter-spacing:1.7px;color:#486171}.announcement{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 5px 35px #041019c4;min-width:360px}.announcement-line{display:block;width:28px;height:3px;background:#94e8ff;margin:0 auto 17px;box-shadow:0 0 16px #8eeaff6e}.announcement h2{font-size:48px;font-weight:800;font-style:italic;letter-spacing:3px;margin:0;line-height:1.1}.announcement p{font-size:11px;letter-spacing:2px;color:#a6becb;margin-top:14px}.start-overlay{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c1721b3,rgba(12,23,33,.25) 36%,transparent 62%);display:flex;align-items:center;padding:100px 0 205px 6.1%}.intro-panel{pointer-events:auto;position:relative;width:336px;padding:28px 27px 23px;border:1px solid #8db5c92b;border-left:2px solid #87dcff88;border-radius:2px 14px 14px 2px;background:linear-gradient(125deg,#172a38d9,#111f2bcd);box-shadow:0 24px 80px #030d175c;backdrop-filter:blur(20px)}.eyebrow{font-size:7px;letter-spacing:2.1px;line-height:1.7;font-weight:650;color:#8babbe;display:flex;align-items:center;gap:8px}.eyebrow>span{width:13px;height:1px;background:var(--blue)}h1{font-size:48px;line-height:.99;font-style:italic;font-weight:850;letter-spacing:-1.6px;margin:21px 0 18px;color:#f1f4f1}h1 em{font-style:inherit;color:#81deff}.intro-panel>p{font-size:11px;line-height:1.7;color:#98adb9;margin:0 0 21px}.intro-controls{display:flex;gap:11px;align-items:center;margin-bottom:20px}.intro-controls>span{display:flex;align-items:center;gap:4px;font-size:6px;letter-spacing:.7px;color:#91a9b8;white-space:nowrap}.intro-controls kbd{font-size:6px;height:16px;min-width:16px;padding:0 3px}.primary-button{height:47px;border:1px solid #a6eaff;background:linear-gradient(110deg,#9ce8ff,#76d6fa);color:#102c3b;font-weight:800;font-size:9px;letter-spacing:1.6px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border-radius:4px;box-shadow:0 4px 25px #65ccfc12;transition:filter .18s,box-shadow .18s,transform .18s}.primary-button svg{width:20px;height:20px}.primary-button>span[aria-hidden]{font-size:22px;font-weight:400}.primary-button:hover{filter:brightness(1.12);box-shadow:0 5px 28px #65ccfc35}.intro-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:6.5px;letter-spacing:1.1px;font-weight:600;color:#7894a5;margin-top:14px}.intro-footnote .live-dot{width:3px;height:3px;box-shadow:none}.intro-footnote>span:not(.live-dot){color:#38596d}.modal-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:30px;background:#06101acf;backdrop-filter:blur(13px);pointer-events:auto}.modal-panel{width:560px;position:relative;padding:36px 39px;border-radius:13px;background:linear-gradient(145deg,#1c303fed,#101c28f5);border:1px solid #92b6ca40;box-shadow:0 35px 120px #0008;max-height:calc(100dvh - 45px);overflow:auto}.modal-panel:before{content:"";position:absolute;top:0;left:39px;width:45px;height:2px;background:#87dfff;box-shadow:0 0 15px #67d7ff4d}.close-button{position:absolute;top:19px;right:22px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #839eaf30;border-radius:5px;background:#2036457d;color:#9eb7c6;font-size:22px;font-weight:300;line-height:1}.close-button:hover{background:#304e61;color:#effaff}.modal-panel h2{font-size:30px;letter-spacing:-.8px;font-weight:700;margin:17px 0 11px;line-height:1.1}.modal-intro{font-size:11px;color:#96afbf;line-height:1.75;margin:0 0 25px}.help-controls{display:grid;gap:17px;margin-top:24px}.help-controls>div{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:15px}.help-controls kbd{justify-self:start;height:26px;min-width:30px;padding:0 9px;font-size:8px;color:#b5dfef;background:#28495b42;border-color:#8eb8cb3d;margin-top:1px}.help-controls>div>span{font-size:10px;line-height:1.6;color:#849eaf}.help-controls strong{display:block;font-size:11px;font-weight:650;color:#e1edf3;margin-bottom:3px}.help-tip{padding:13px 15px;border:1px solid #7ab9d629;border-radius:4px;background:#173d5238;color:#8eafbf;font-size:10px;line-height:1.7;margin-top:25px}.help-tip>span{display:block;color:#8edfff;font-size:7px;letter-spacing:1.5px;font-weight:700;margin-bottom:3px}.prototype-note{display:block;font-size:6.5px;letter-spacing:1.6px;color:#547487;text-align:center;margin-top:22px}.compact-panel{width:390px;padding:39px 34px 31px;text-align:center}.compact-panel:before{left:calc(50% - 22px)}.compact-panel .eyebrow{justify-content:center}.compact-panel h2{font-size:35px;margin:23px 0 13px}.compact-panel .modal-intro{margin-bottom:27px}.secondary-button{width:100%;height:43px;margin-top:10px;border:1px solid #7d9bad40;border-radius:4px;font-size:8px;font-weight:650;letter-spacing:1.4px;background:#1b33454d;color:#9bb7c7;transition:background .15s,color .15s}.secondary-button:hover{background:#28495b;color:#e1f5ff}.result-emblem{width:80px;height:80px;color:#8be6ff;filter:drop-shadow(0 0 15px #55d5ff27);margin:0 auto 22px}.result-emblem svg{width:100%;height:100%}.result-panel h2{font-size:42px;font-style:italic;letter-spacing:1px;color:#b0ecff;margin-top:15px}.result-panel{padding-top:34px}.result-panel .eyebrow{font-size:7px;letter-spacing:2.4px}
@media(min-width:1700px){.topbar{left:42px;right:42px;top:33px}.scoreboard{min-width:520px;height:87px}.score-side{padding:0 25px}.mode-pill{top:108px;left:44px}.brand>span{font-size:24px}.brand-mark{width:39px;height:39px}.utility{gap:8px}.icon-button{width:39px;height:39px}.bottom-hud{left:49px;right:49px;bottom:79px}.ability-card{width:156px;height:177px;padding:12px 14px 13px}.ability-art{top:30px;height:91px}.card-title{font-size:13px}.card-description{font-size:8px}.ability-cards{gap:12px}.start-overlay{padding-bottom:215px}.intro-panel{width:375px;padding:33px 31px 27px}h1{font-size:56px}.intro-panel>p{font-size:12px}.intro-controls{gap:15px}.primary-button{height:52px;font-size:10px}.intro-footnote{font-size:7px}.player-status,.arena-telemetry{width:215px}.controls-strip{bottom:26px}.arena-caption{right:49px;bottom:29px}}
@media(max-width:1100px){.topbar{left:21px;right:21px;top:20px}.brand{gap:7px}.brand-mark{width:27px;height:27px}.brand>span{font-size:16px;letter-spacing:2px}.brand small{font-size:5px;letter-spacing:1.55px;margin-top:6px}.scoreboard{min-width:410px;height:70px}.score-side{gap:8px;padding:0 13px}.match-info{width:82px}.team-symbol{width:25px}.team-symbol svg{width:24px;height:24px}.competitor>span{font-size:11px}.competitor small{font-size:7px}.score{font-size:33px}.match-info>strong{font-size:18px}.match-info>span{font-size:7px}.match-info>small{font-size:6px}.utility{gap:5px}.icon-button{width:29px;height:29px;border-radius:5px}.icon-button svg{width:15px;height:15px}.mode-pill{top:85px;left:23px;font-size:7px}.build-tag{display:none}.bottom-hud{left:26px;right:26px;bottom:55px}.player-status,.arena-telemetry{width:150px}.player-status-heading{margin-bottom:17px}.player-status-heading strong{font-size:13px}.mini-vex{width:32px;height:36px;font-size:20px}.player-status-heading>div>span{font-size:6px}.ability-card{width:120px;height:141px;padding:9px 10px 10px}.ability-art{height:69px;top:25px}.card-title{font-size:10px}.card-description{font-size:6.5px}.ability-type{font-size:5px;letter-spacing:.7px}.card-top kbd{width:20px;height:20px;font-size:9px}.ability-cards{gap:8px}.arena-telemetry strong{font-size:31px}.telemetry-label{font-size:6px;letter-spacing:1px}.arena-telemetry>small{font-size:5px;letter-spacing:.5px}.arena-caption{display:none}.controls-strip{bottom:17px;gap:13px}.controls-strip>span{font-size:6px}.controls-strip kbd{height:15px;min-width:15px;font-size:6px}.start-overlay{padding:96px 0 170px 5%}.intro-panel{width:286px;padding:23px 23px 21px}.eyebrow{font-size:6px;letter-spacing:1.6px}h1{font-size:41px;margin:19px 0 15px}.intro-panel>p{font-size:10px;margin-bottom:17px}.intro-controls{gap:7px;margin-bottom:17px}.intro-controls>span{font-size:5px;letter-spacing:.5px}.intro-controls kbd{font-size:5px;height:14px}.primary-button{height:43px;font-size:8px}.intro-footnote{font-size:5.5px}.announcement h2{font-size:40px}}
@media(max-height:700px) and (min-width:760px){.topbar{top:16px}.scoreboard{height:64px}.score{font-size:32px}.match-info>strong{font-size:17px}.mode-pill{top:79px}.bottom-hud{bottom:43px}.ability-card{height:123px;width:116px;padding:8px 10px}.ability-art{top:22px;height:58px}.card-top kbd{height:18px;width:18px;font-size:8px}.ability-type{font-size:5px}.card-title{font-size:10px}.card-description{font-size:6px;margin-top:4px}.loadout-label{font-size:6px;margin-bottom:7px}.controls-strip{bottom:12px}.start-overlay{padding-top:86px;padding-bottom:147px}.intro-panel{padding:19px 22px;width:283px}h1{font-size:37px;margin:15px 0 12px}.intro-panel>p{font-size:10px;margin-bottom:14px}.intro-controls{margin-bottom:14px}.intro-footnote{margin-top:11px}.primary-button{height:40px}.intro-panel .eyebrow{font-size:6px}.player-status-heading{margin-bottom:15px}.mini-vex{width:30px;height:33px}.player-status{padding-bottom:1px}.arena-telemetry{padding-bottom:0}.arena-telemetry strong{font-size:29px}.arena-caption{bottom:16px}.announcement{top:36%}.announcement h2{font-size:35px}}
@media(max-width:759px){.topbar{left:14px;right:14px;top:13px}.brand{padding-top:2px}.brand-mark{width:22px;height:22px}.brand>span{font-size:12px;letter-spacing:1.4px}.brand small{display:none}.scoreboard{top:43px;min-width:310px;height:58px}.score-side{gap:7px;padding:0 11px}.team-symbol{width:20px}.team-symbol svg{width:21px;height:21px}.competitor>span{font-size:9px;letter-spacing:1px}.competitor small{font-size:6px;letter-spacing:1px;gap:3px}.score{font-size:27px}.match-info{width:68px;gap:2px}.match-info>span{font-size:6px;letter-spacing:1px}.match-info>strong{font-size:15px}.match-info>small{font-size:5px;letter-spacing:1px}.utility{padding-top:0;gap:5px}.icon-button{width:26px;height:26px}.icon-button svg{width:14px;height:14px}.mode-pill{top:38px;left:15px;font-size:5px;gap:5px;letter-spacing:1px}.live-dot{width:3px;height:3px}.pill-separator{height:5px}.bottom-hud{left:14px;right:14px;bottom:36px}.ability-card{width:90px;height:110px;padding:7px 8px}.ability-cards{gap:6px}.ability-art{height:50px;top:21px}.ability-type{display:none}.card-top kbd{width:18px;height:18px;font-size:8px}.cooldown-label{margin-left:auto;font-size:9px}.card-title{font-size:8px;letter-spacing:.8px}.card-title>span{font-size:5px}.card-description{font-size:5px;letter-spacing:0;margin-top:4px;white-space:nowrap}.loadout-label{font-size:5px;letter-spacing:1.5px;margin-bottom:6px}.loadout-label span{width:20px}.player-status{width:82px;position:absolute;left:0;bottom:132px}.player-status-heading{margin-bottom:12px;gap:6px}.mini-vex{width:23px;height:26px;font-size:15px}.player-status-heading strong{font-size:9px;letter-spacing:1px}.player-status-heading>div>span{font-size:4.5px;letter-spacing:.6px;max-width:60px}.dash-heading{font-size:6px;letter-spacing:1px;margin-bottom:6px}.dash-heading kbd{font-size:5px;height:13px;padding:0 3px}.dash-charge{height:3px}.player-status>small{display:none}.arena-telemetry{width:90px;position:absolute;right:0;bottom:133px}.telemetry-label{font-size:5px;letter-spacing:.5px;gap:4px}.telemetry-dot{width:3px;height:3px}.arena-telemetry strong{font-size:24px}.arena-telemetry>div>span{font-size:7px}.arena-telemetry>div:not(.velocity-decoration){margin:4px 0}.velocity-decoration{gap:2px;height:7px}.velocity-decoration i{width:3px;height:3px}.velocity-decoration i:nth-child(n+7){height:4px}.velocity-decoration i:nth-child(n+13){height:6px}.arena-telemetry>small{display:none}.controls-strip{gap:9px;bottom:11px}.controls-strip>span{font-size:4px;letter-spacing:.5px;gap:2px}.controls-strip kbd{height:11px;min-width:10px;padding:0 2px;font-size:4px;border-radius:2px}.controls-strip>span kbd:last-of-type{margin-right:2px}.start-overlay{padding:130px 0 180px 6%;align-items:center;background:linear-gradient(90deg,#0b1621a6,transparent 100%)}.intro-panel{width:250px;padding:20px;border-radius:2px 12px 12px 2px}h1{font-size:34px;margin:14px 0 12px}.intro-panel>p{font-size:9px;line-height:1.6;margin-bottom:15px}.intro-panel .eyebrow{font-size:5px;letter-spacing:1.3px}.intro-controls{gap:7px;margin-bottom:15px}.intro-controls>span{font-size:4px}.intro-controls kbd{height:12px;font-size:4px}.primary-button{height:38px;font-size:7px;letter-spacing:1.2px}.primary-button svg{width:16px;height:16px}.intro-footnote{font-size:5px;letter-spacing:.8px;margin-top:12px;gap:6px}.announcement{top:37%;min-width:250px}.announcement h2{font-size:30px;letter-spacing:1px}.announcement p{font-size:8px;letter-spacing:1px}.announcement-line{margin-bottom:12px}.modal-overlay{padding:18px}.modal-panel{padding:28px 25px;border-radius:10px}.modal-panel h2{font-size:26px}.modal-intro{font-size:10px}.help-controls{gap:13px}.help-controls>div{grid-template-columns:60px 1fr;gap:10px}.help-controls>div>span{font-size:9px}.help-controls strong{font-size:10px}.help-controls kbd{font-size:7px;padding:0 7px;height:24px}.help-tip{font-size:9px}.compact-panel{max-width:350px}.compact-panel h2{font-size:31px}.result-panel h2{font-size:37px}.result-emblem{width:65px;height:65px}.close-button{top:16px;right:17px}.prototype-note{font-size:5px;letter-spacing:1.2px}}
@media(max-width:759px) and (orientation:landscape){.scoreboard{top:0;min-width:300px;height:53px}.brand{margin-top:6px}.utility{margin-top:4px}.mode-pill{top:48px}.bottom-hud{bottom:29px}.ability-card{width:82px;height:94px}.ability-art{top:17px;height:43px}.card-description{font-size:4.5px}.card-title{font-size:7px}.card-top kbd{height:15px;width:15px;font-size:7px}.player-status,.arena-telemetry{position:static;width:100px}.loadout-label{display:none}.start-overlay{padding:77px 0 125px 5%}.intro-panel{width:247px;padding:15px 18px}.intro-panel h1{font-size:29px;margin:10px 0}.intro-panel>p{font-size:8px;margin-bottom:10px}.intro-controls{margin-bottom:10px}.intro-footnote{margin-top:9px;font-size:4.5px}.primary-button{height:31px;font-size:6px}.controls-strip{bottom:9px}.announcement{top:38%}.announcement h2{font-size:26px}.modal-panel{max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.ability-card.armed .ability-type,.ability-card.cooldown .ability-type{display:none}.ability-card.armed .cooldown-label,.ability-card.cooldown .cooldown-label{margin-left:auto;font-size:8px;white-space:nowrap}.player-status-heading>div>span{max-width:170px;line-height:1.5;letter-spacing:.8px}.icon-button.muted{color:#536d7e;position:relative}.icon-button.muted:after{content:"";position:absolute;width:20px;height:1px;transform:rotate(-45deg);background:#91a6b2;box-shadow:0 0 2px #162936}
.class-status{display:flex;align-items:center;gap:7px;margin:-13px 0 16px;font-size:6px;letter-spacing:1px;font-weight:650}.class-status #classBadge{padding:3px 5px;border:1px solid #72ccef40;border-radius:3px;color:#9bdfff;background:#4bb9e30b}.class-status #armorStatus{color:#769ba9;font-size:5.5px;letter-spacing:.7px}.class-loadout .card-title{font-size:11px;letter-spacing:.8px}.class-loadout .card-description{line-height:1.4;min-height:10px;white-space:normal}.class-loadout .ability-type{font-size:5.5px}.passive-card{cursor:default;border-color:#7499ae29;background:linear-gradient(145deg,#233c4d99,#121f29d6 59%,#111a23de);pointer-events:none!important}.passive-card .ability-art{opacity:.6}.passive-card .card-title{color:#a3becd}.passive-label{font-size:7px;letter-spacing:1.4px;font-weight:650;color:#8db4c8;line-height:23px}.skill-icon{display:contents}.skill-icon>svg:not(.ability-art){position:absolute;left:0;right:0;top:28px;width:100%;height:78px;color:#a8e9ff}.ultimate-card{border-color:#91cce063;background:linear-gradient(145deg,#244654d9,#142b34ed 59%,#142329f5)}.ultimate-card:before{background:#a5edffbb}.ultimate-card .card-title{color:#b9edfa}.ultimate-charge{position:relative;margin-left:auto;min-width:31px;text-align:center;font-size:7px;letter-spacing:.5px;padding:3px 2px 5px;color:#b7ebf8;font-variant-numeric:tabular-nums}.ultimate-charge:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#698fa340;border-radius:2px}.ultimate-charge:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--charge,100%);background:#a4eaff;box-shadow:0 0 7px #59cbff54;border-radius:2px;transition:width .12s linear}.ultimate-card.armed{border-color:#caf6ff;box-shadow:0 0 25px #7ddfff31,inset 0 0 28px #7ddfff14}.text-button{height:31px;margin-top:12px;padding:0 13px;border:0;border-radius:3px;background:transparent;font-size:7px;font-weight:650;letter-spacing:1.5px;color:#7296ab}.text-button:hover{color:#bbecff;background:#86cae510}.hero-selection{padding:118px 0 38px 4.5%;background:linear-gradient(90deg,#0a1520c7,rgba(12,23,33,.3) 44%,transparent 75%)}.hero-select-panel{width:550px;max-height:calc(100dvh - 145px);overflow:auto;padding:25px 26px 21px;border-left-color:#87dcff88;border-radius:2px 13px 13px 2px;scrollbar-width:thin;scrollbar-color:#4e758a #142532}.hero-select-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-select-panel h1{font-size:25px;line-height:1.1;letter-spacing:-.8px;margin:9px 0 0;white-space:nowrap}.hero-select-panel .eyebrow{font-size:6px;letter-spacing:1.7px}.callsign-field{display:flex;flex-direction:column;gap:6px;min-width:105px;font-size:6px;font-weight:650;letter-spacing:1.5px;color:#7f9aaa}.callsign-field input{width:105px;height:31px;border:1px solid #78b9d34d;border-radius:4px;background:#0c1c2999;color:#e0f5fc;font:650 11px var(--font);letter-spacing:1px;padding:0 10px;text-transform:uppercase;outline:none;user-select:text;-webkit-user-select:text;transition:border-color .15s,box-shadow .15s}.callsign-field input:focus{border-color:#b5edff;box-shadow:0 0 0 3px #7ad9ff19}.class-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.class-choice{position:relative;display:block;min-width:0;padding:12px 11px 11px;text-align:left;border:1px solid #7498af33;border-radius:6px;background:linear-gradient(130deg,#203b4c80,#10233085);transition:border-color .16s,background .16s,box-shadow .16s}.class-choice:hover{background:linear-gradient(130deg,#2b5265a6,#19394a96);border-color:#96d9f281}.class-choice.selected{border-color:#8de2ffb5;background:linear-gradient(130deg,#2a5268bd,#183949b0);box-shadow:inset 0 1px 0 #b1efff29,0 0 17px #50b8e80b}.class-choice.selected:after{content:"";position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#9ce9ff;box-shadow:0 0 7px #86e2ff5c}.class-choice-heading{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:16px 11px;align-items:center;column-gap:7px}.class-choice-heading svg{width:24px;height:27px;grid-row:1 / 3;color:#87cce6}.class-choice-heading strong{font-size:11px;font-weight:650;letter-spacing:.1px;line-height:1}.class-choice-heading>span{font-size:5px;letter-spacing:1.2px;color:#7293a7;line-height:1}.class-choice.selected .class-choice-heading svg{color:#b0edff}.class-choice.selected .class-choice-heading>span{color:#9ec9dd}.class-ability-summary{display:flex;flex-direction:column;gap:5px;margin-top:13px}.class-ability-summary>span{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.05px;color:#8baaba;line-height:1.2;white-space:nowrap}.class-ability-summary b{display:inline-flex;align-items:center;justify-content:center;width:11px;height:12px;border:1px solid #7ba7bb30;border-radius:2px;font-size:6px;line-height:1;font-weight:650;color:#91bbce}.class-choice.selected .class-ability-summary>span{color:#b7d4e1}.selection-summary{display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px}.selection-summary #selectedClassName{font-size:8px;letter-spacing:1.5px;font-weight:750;color:#b9ebff;text-transform:uppercase}.selection-summary>span:last-child{font-size:5px;letter-spacing:1.5px;color:#506f83}.selection-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:13px 0 15px;border-top:1px solid #8ab6ca20;border-bottom:1px solid #8ab6ca20;margin-bottom:17px}.selection-details>div:not(:first-child){border-left:1px solid #8ab6ca1c;padding-left:13px}.selection-details>div>span{font-size:5.5px;letter-spacing:1.1px;color:#6f97ae;font-weight:650;display:flex;align-items:center;gap:4px}.selection-details kbd{font-size:5px;height:11px;min-width:11px;padding:0 2px;border-color:#8ab7cf30}.selection-details p{font-size:9px;line-height:1.5;color:#9fb9c9;margin:7px 0 0;min-height:27px}.hero-select-panel .primary-button{height:43px}.hero-select-panel .intro-footnote{font-size:5.5px;letter-spacing:.9px;margin-top:13px}.help-panel .help-tip+.help-tip{margin-top:10px}.competitor #playerName{max-width:100px;overflow:hidden;text-overflow:ellipsis}.player-status-heading #playerStatusName{max-width:165px;overflow:hidden;text-overflow:ellipsis}.announcement.countdown,.announcement.round-intro{top:41%;width:min(95vw,900px)}.announcement.countdown .announcement-line{display:none}.announcement.countdown h2{font-size:clamp(100px,13vw,190px);line-height:.9;letter-spacing:-7px;font-weight:850;font-style:italic;color:#e4f8ff;text-shadow:0 0 25px #62d6ff36,0 8px 45px #041019c4;will-change:transform,opacity}.announcement.countdown p{font-size:10px;letter-spacing:5px;color:#8bcce4;margin:26px 0 0}.announcement.countdown.pulse-restart h2{animation:round-count-pulse .88s cubic-bezier(.16,.75,.3,1) both}.announcement.round-end{top:40%;width:min(95vw,780px)}.announcement.round-end h2{font-size:clamp(36px,4.8vw,68px);color:#d8f5ff;letter-spacing:1.5px}.announcement.round-end p{font-size:12px;letter-spacing:3px;color:#a2c7d9}.announcement.round-intro h2{font-size:clamp(45px,6vw,85px);letter-spacing:1px}.announcement.round-intro p{font-size:11px;letter-spacing:3px}@keyframes round-count-pulse{0%{transform:scale(1.22);opacity:0;filter:blur(6px)}15%{opacity:1;filter:blur(0)}45%{transform:scale(1)}100%{transform:scale(.92);opacity:.35}}
@media(min-width:1700px){.hero-select-panel{width:620px;padding:30px 31px 25px}.hero-select-panel h1{font-size:29px}.hero-select-panel .eyebrow{font-size:7px}.callsign-field{font-size:7px;min-width:118px}.callsign-field input{width:118px;height:34px;font-size:12px}.class-choice{padding:15px 14px 14px}.class-choice-heading{grid-template-columns:28px 1fr;grid-template-rows:18px 12px;column-gap:9px}.class-choice-heading svg{width:28px;height:30px}.class-choice-heading strong{font-size:13px}.class-choice-heading>span{font-size:6px}.class-ability-summary>span{font-size:9px}.class-ability-summary{gap:6px;margin-top:15px}.selection-details p{font-size:10px;min-height:30px}.selection-details>div>span{font-size:6.5px}.selection-summary #selectedClassName{font-size:9px}.hero-select-panel .primary-button{height:47px}.hero-select-panel .intro-footnote{font-size:6px}.class-status{margin-top:-13px;font-size:7px}.class-status #armorStatus{font-size:6px}.class-loadout .card-title{font-size:12px}}
@media(max-width:1100px){.hero-selection{padding-left:4%}.hero-select-panel{width:505px;padding:22px}.hero-select-panel h1{font-size:23px}.hero-select-heading{gap:14px}.hero-select-panel .eyebrow{font-size:5.5px;letter-spacing:1.4px}.class-choice{padding:11px 9px 10px}.class-choice-heading{column-gap:6px;grid-template-columns:22px 1fr}.class-choice-heading svg{width:22px;height:25px}.class-choice-heading strong{font-size:10px}.class-ability-summary>span{font-size:7.5px}.selection-details{gap:11px}.selection-details>div:not(:first-child){padding-left:10px}.selection-details p{font-size:8.5px}.class-loadout .card-title{font-size:9px;letter-spacing:.5px}.class-loadout .ability-type{font-size:5px}.class-status{margin-top:-9px;margin-bottom:13px}.class-status #armorStatus{font-size:4.5px}.class-status #classBadge{font-size:5.5px;padding:2px 4px}.passive-label{font-size:6px;letter-spacing:1px;line-height:20px}.ultimate-charge{font-size:6px;min-width:28px;padding-bottom:4px}.skill-icon>svg:not(.ability-art){top:25px;height:69px}}
@media(max-height:760px) and (min-width:760px){.hero-selection{padding-top:103px;padding-bottom:26px;align-items:flex-start}.hero-select-panel{width:515px;padding:18px 22px;max-height:calc(100dvh - 133px)}.hero-select-panel h1{font-size:23px;margin-top:7px}.hero-select-panel .eyebrow{font-size:5.5px}.hero-select-heading{min-height:41px}.class-choices{margin-top:14px}.class-choice{padding:10px}.class-ability-summary{margin-top:10px;gap:4px}.class-ability-summary>span{font-size:7px}.class-choice-heading strong{font-size:10px}.class-choice-heading svg{width:22px;height:25px}.selection-summary{margin:13px 0 8px}.selection-details{padding:10px 0 11px;margin-bottom:13px}.selection-details p{font-size:8px;min-height:24px;margin-top:5px}.hero-select-panel .primary-button{height:38px;font-size:8px}.hero-select-panel .intro-footnote{margin-top:10px;font-size:5px}.class-status{margin-top:-8px;margin-bottom:10px}.class-loadout .card-description{font-size:6px}.skill-icon>svg:not(.ability-art){top:22px;height:58px}}
@media(max-width:759px){.hero-selection{padding:125px 14px 20px;align-items:flex-start}.hero-select-panel{width:min(100%,510px);max-height:calc(100dvh - 145px);padding:18px;margin:0 auto}.hero-select-panel h1{font-size:20px;letter-spacing:-.6px}.hero-select-panel .eyebrow{font-size:4.7px;letter-spacing:1.1px}.hero-select-heading{gap:10px}.callsign-field{font-size:5px;min-width:82px;gap:5px}.callsign-field input{height:28px;width:82px;font-size:10px;padding:0 8px}.class-choices{gap:5px;margin-top:17px}.class-choice{padding:10px 7px 9px}.class-choice-heading{grid-template-columns:18px 1fr;grid-template-rows:14px 9px;column-gap:4px}.class-choice-heading svg{width:18px;height:22px}.class-choice-heading strong{font-size:8px;letter-spacing:-.2px}.class-choice-heading>span{font-size:4px;letter-spacing:.8px}.class-choice.selected:after{width:3px;height:3px;top:5px;right:5px}.class-ability-summary{margin-top:11px;gap:5px}.class-ability-summary>span{font-size:6px;gap:3px;white-space:normal;line-height:1.3}.class-ability-summary b{width:9px;height:10px;font-size:4px;flex-shrink:0}.selection-summary{margin-top:14px}.selection-summary #selectedClassName{font-size:7px}.selection-summary>span:last-child{font-size:4.5px}.selection-details{gap:8px;padding:11px 0 12px;margin-bottom:14px}.selection-details>div:not(:first-child){padding-left:7px}.selection-details>div>span{font-size:4.5px;letter-spacing:.5px;gap:3px}.selection-details p{font-size:7px;line-height:1.5;min-height:32px;margin-top:6px}.selection-details kbd{height:10px;min-width:10px;font-size:4px}.hero-select-panel .primary-button{height:38px;font-size:7px}.hero-select-panel .intro-footnote{font-size:4px;letter-spacing:.5px;gap:5px}.class-loadout .card-title{font-size:7px;letter-spacing:.2px}.class-loadout .card-description{font-size:4.5px;line-height:1.4;min-height:7px}.class-loadout .ability-type{display:none}.passive-label{font-size:5px;line-height:18px;letter-spacing:.8px}.class-status{margin-top:-5px;margin-bottom:9px;gap:4px;flex-wrap:wrap}.class-status #classBadge{font-size:4.5px;padding:2px 3px;letter-spacing:.5px}.class-status #armorStatus{font-size:4px;letter-spacing:.3px}.ultimate-charge{font-size:5px;min-width:25px;padding-bottom:3px}.skill-icon>svg:not(.ability-art){top:21px;height:50px}.announcement.countdown h2{font-size:clamp(85px,22vw,135px);letter-spacing:-4px}.announcement.countdown p{font-size:7px;letter-spacing:3px;margin-top:20px}.announcement.round-end h2{font-size:clamp(28px,8vw,43px)}.announcement.round-end p{font-size:9px;letter-spacing:2px}}
@media(max-width:759px) and (orientation:landscape){.hero-selection{padding:75px 14px 16px;align-items:flex-start}.hero-select-panel{width:445px;max-height:calc(100dvh - 91px);padding:14px 17px;margin-left:3%;margin-right:0}.hero-select-panel h1{font-size:19px}.class-choices{margin-top:12px}.class-choice{padding:8px}.class-ability-summary{margin-top:7px;gap:3px}.class-ability-summary>span{font-size:6px}.selection-summary{margin:10px 0 7px}.selection-details{padding:8px 0;margin-bottom:10px}.selection-details p{min-height:21px;font-size:6.5px;margin-top:4px}.hero-select-panel .primary-button{height:31px;font-size:6px}.hero-select-panel .intro-footnote{margin-top:8px}.skill-icon>svg:not(.ability-art){top:17px;height:43px}.class-loadout .card-title{font-size:6px}.class-loadout .card-description{font-size:4px}.class-status{margin-top:-4px;margin-bottom:8px}.announcement.countdown h2{font-size:100px}.announcement.countdown p{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.announcement.countdown.pulse-restart h2{animation:none;opacity:1;transform:none}}
/* Ten-hero roster and render quality. */
.quality-button{width:43px;font-size:10px;font-weight:800;letter-spacing:.8px;color:#ffd5bd;border-color:#ff5a0052;background:#ff5a0012}.quality-button:hover{color:#fff1e8;border-color:#ff5a00a6;background:#ff5a0029}.scoreboard:after{background:#ff5a00;box-shadow:0 0 17px #ff5a0080}.enemy-side{background:linear-gradient(270deg,#ff5a000d,transparent 80%)}.enemy-side .team-symbol{filter:drop-shadow(0 0 8px #ff5a0036)}.telemetry-dot{background:#ff5a00;box-shadow:0 0 8px #ff5a0080}.roster-heading{display:flex;align-items:center;justify-content:space-between;margin:19px 0 8px;font-size:5.5px;letter-spacing:1.3px;color:#7294aa;font-weight:650}.roster-heading>span:last-child{font-size:5px;letter-spacing:1px;color:#648295}.roster-heading b{font-size:9px;color:#9ddcf5;font-weight:400;margin:0 4px}.hero-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:clamp(170px,24vh,252px);overflow:auto;overscroll-behavior:contain;padding:0 5px 2px 0;margin-top:0;scrollbar-width:thin;scrollbar-color:#5a8ca6 #122532;scroll-behavior:smooth;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 7px),transparent)}.hero-roster .class-choice{padding:10px 12px;min-height:99px}.hero-roster .class-choice-heading{grid-template-columns:24px 1fr;column-gap:8px;grid-template-rows:16px 10px}.hero-roster .class-choice-heading strong{font-size:11px;letter-spacing:.1px}.hero-roster .class-choice-heading>span{font-size:5px}.hero-roster .class-ability-summary{margin-top:9px;gap:4px}.hero-roster .class-ability-summary>span{font-size:7.5px;line-height:1.15}.hero-roster .class-ability-summary b{width:11px;height:11px;font-size:5.5px}.hero-roster .class-choice.selected{border-left:2px solid #9ceaff;padding-left:11px}.hero-select-panel{max-height:calc(100dvh - 138px)}body:has(#startOverlay:not(.hidden)) .bottom-hud{opacity:.18}body:has(#startOverlay:not(.hidden)) .controls-strip{opacity:.3}.bottom-hud,.controls-strip{transition:opacity .18s}.controls-strip{gap:15px}
@media(min-width:1700px){.quality-button{width:49px;font-size:11px}.hero-roster{max-height:255px;gap:8px}.hero-roster .class-choice{padding:12px 14px;min-height:108px}.hero-roster .class-choice.selected{padding-left:13px}.hero-roster .class-choice-heading{grid-template-columns:28px 1fr;grid-template-rows:18px 11px}.hero-roster .class-choice-heading strong{font-size:13px}.hero-roster .class-choice-heading>span{font-size:6px}.hero-roster .class-ability-summary>span{font-size:8.5px}.roster-heading{font-size:6.5px}.roster-heading>span:last-child{font-size:6px}}
@media(max-width:1100px){.quality-button{width:36px;font-size:8px}.hero-roster .class-choice{padding:10px;min-height:95px}.hero-roster .class-choice.selected{padding-left:9px}.hero-roster .class-choice-heading strong{font-size:10px}.hero-roster .class-ability-summary>span{font-size:7px}.roster-heading{font-size:5px;letter-spacing:1px}.roster-heading>span:last-child{font-size:4.5px;letter-spacing:.8px}.controls-strip{gap:11px}}
@media(max-height:760px) and (min-width:760px){.hero-select-panel{max-height:calc(100dvh - 128px)}.hero-roster{max-height:173px}.hero-roster .class-choice{min-height:89px;padding:9px 11px}.hero-roster .class-choice.selected{padding-left:10px}.hero-roster .class-ability-summary{margin-top:7px;gap:3px}.hero-roster .class-ability-summary>span{font-size:6.5px}.roster-heading{margin:13px 0 7px}.selection-details p{min-height:24px}.selection-summary{margin-top:12px}}
@media(max-width:759px){.quality-button{width:31px;font-size:7px;letter-spacing:.4px}.roster-heading{margin:16px 0 7px;font-size:4.5px;letter-spacing:.8px}.roster-heading>span:last-child{font-size:4px;letter-spacing:.5px}.roster-heading b{font-size:7px;margin:0 3px}.hero-roster{gap:5px;max-height:190px;padding-right:4px}.hero-roster .class-choice{padding:9px;min-height:92px}.hero-roster .class-choice.selected{padding-left:8px}.hero-roster .class-choice-heading{grid-template-columns:21px 1fr;column-gap:6px;grid-template-rows:15px 10px}.hero-roster .class-choice-heading strong{font-size:9px}.hero-roster .class-choice-heading>span{font-size:4.5px}.hero-roster .class-choice-heading svg{width:21px;height:25px}.hero-roster .class-ability-summary{margin-top:8px;gap:4px}.hero-roster .class-ability-summary>span{font-size:6px;line-height:1.15}.hero-roster .class-ability-summary b{width:9px;height:10px;font-size:4.5px}.controls-strip{gap:7px}}
@media(max-width:759px) and (orientation:landscape){.hero-roster{max-height:136px}.hero-roster .class-choice{padding:8px 10px;min-height:86px}.hero-roster .class-choice.selected{padding-left:9px}.roster-heading{margin-top:11px}.hero-roster .class-ability-summary{margin-top:6px;gap:3px}.hero-select-panel{max-height:calc(100dvh - 91px)}}
.map-name{margin-left:5px;font-size:6px;letter-spacing:1.1px;color:#00c8ff;padding-left:9px;border-left:1px solid #00c8ff38}.player-side{color:#00c8ff}.scoreboard:before{background:#00c8ff;box-shadow:0 0 17px #00c8ff80}.live-dot{background:#00c8ff;box-shadow:0 0 9px #00c8ff70}@media(max-width:759px){.map-name{font-size:4px;letter-spacing:.5px;padding-left:5px;margin-left:1px}}
/* Match outcomes have their own presentation, driven by the actual score. */
#resultOverlay{--result-rgb:83,244,159;--result-color:#72ffb0;--result-deep:#103c2b;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,rgba(var(--result-rgb),.13),transparent 57%),linear-gradient(180deg,#02070ae8,#03090cf5);backdrop-filter:blur(15px)}
#resultOverlay[data-result="defeat"]{--result-rgb:255,48,48;--result-color:#ff3b3b;--result-deep:#491819}
#resultOverlay::before{content:"";position:absolute;inset:12% 9%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--result-rgb),.11),transparent 65%);filter:blur(36px);pointer-events:none}
#resultOverlay .result-panel{width:min(570px,100%);padding:25px 43px 20px;overflow:hidden;border-radius:8px;border:1px solid rgba(var(--result-rgb),.31);border-top-color:rgba(var(--result-rgb),.6);background:radial-gradient(ellipse at 50% -10%,rgba(var(--result-rgb),.12),transparent 62%),linear-gradient(160deg,#101e23f5,#071014fa 66%);box-shadow:0 35px 110px #000a,0 0 100px rgba(var(--result-rgb),.08),inset 0 0 70px #0003;text-align:center}
#resultOverlay .result-panel:before{left:22%;width:56%;height:1px;background:linear-gradient(90deg,transparent,var(--result-color),transparent);box-shadow:0 0 22px rgba(var(--result-rgb),.6)}
#resultOverlay .eyebrow{gap:12px;color:#9cb0b1;font-size:8px;letter-spacing:2.8px;justify-content:center}
#resultOverlay .eyebrow>span{width:3px;height:3px;border-radius:50%;background:var(--result-color);box-shadow:0 0 8px var(--result-color)}
#resultOverlay .result-emblem{position:relative;width:100px;height:100px;margin:18px auto 4px;color:var(--result-color);filter:drop-shadow(0 0 22px rgba(var(--result-rgb),.28))}
#resultOverlay .result-emblem:after{content:"";position:absolute;inset:14%;border:1px solid rgba(var(--result-rgb),.12);transform:rotate(45deg);z-index:-1}
#resultOverlay .result-icon-victory{display:block}#resultOverlay .result-icon-defeat{display:none}
#resultOverlay[data-result="defeat"] .result-icon-victory{display:none}#resultOverlay[data-result="defeat"] .result-icon-defeat{display:block}
#resultOverlay .result-panel h2{font-size:clamp(52px,7.5vw,84px);line-height:1;letter-spacing:4px;font-style:italic;font-weight:900;margin:6px -14px 12px;color:var(--result-color);text-shadow:0 0 35px rgba(var(--result-rgb),.18)}
#resultOverlay .modal-intro{font-size:13px;line-height:1.6;letter-spacing:.15px;color:#d1dfdb;margin:0 0 20px}
#resultOverlay .result-scoreboard{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;padding:15px 10px 17px;margin:0 0 22px;border-block:1px solid rgba(var(--result-rgb),.17);background:linear-gradient(90deg,transparent,rgba(var(--result-rgb),.035),transparent)}
#resultOverlay .result-competitor{display:flex;flex-direction:column;align-items:center;min-width:0}
#resultOverlay .result-side-label{display:flex;align-items:center;justify-content:center;gap:7px;max-width:100%;font-size:10px;letter-spacing:2px;font-weight:800;color:#dce6e4}
#resultOverlay .result-side-label small{display:inline-block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;letter-spacing:1px;font-weight:500;color:#90a3a2}
#resultOverlay .result-competitor strong{font-size:65px;line-height:1.15;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#80918f}
#resultOverlay .result-outcome{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#7a8e8b;margin-top:4px}
#resultOverlay[data-result="victory"] .result-you strong,#resultOverlay[data-result="victory"] .result-you .result-outcome{color:var(--result-color)}
#resultOverlay[data-result="defeat"] .result-nova strong,#resultOverlay[data-result="defeat"] .result-nova .result-outcome{color:var(--result-color)}
#resultOverlay[data-result="defeat"] .result-you .result-outcome{color:#ffaaaa}
#resultOverlay .result-score-divider{display:flex;flex-direction:column;align-items:center;gap:1px;color:#718580}
#resultOverlay .result-score-divider>span{font-size:7px;letter-spacing:2px;font-weight:700}
#resultOverlay .result-score-divider b{font-size:35px;line-height:1.35;font-weight:300;color:#4b615b}
#resultOverlay .result-score-divider small{font-size:6px;letter-spacing:1.3px;color:#6f8680}
#resultOverlay .primary-button{height:49px;padding-inline:20px;border-color:rgba(var(--result-rgb),.6);background:linear-gradient(115deg,var(--result-color),rgba(var(--result-rgb),.82));color:#071610;font-size:10px;letter-spacing:1.8px;box-shadow:0 5px 30px rgba(var(--result-rgb),.1)}
#resultOverlay[data-result="defeat"] .primary-button{color:#26060e}
#resultOverlay .primary-button:hover{box-shadow:0 7px 35px rgba(var(--result-rgb),.25)}
#resultOverlay .text-button{width:100%;padding:15px 12px 4px;margin:0;color:#b2c1bd;letter-spacing:1.5px;font-size:8px;background:none;border:0}
#resultOverlay .text-button:hover{color:var(--result-color)}
#resultOverlay .prototype-note{font-size:6px;letter-spacing:2px;margin-top:16px;color:#58716a}
#resultOverlay .result-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
#resultOverlay .result-atmosphere i{position:absolute;left:var(--rx);top:var(--ry);width:3px;height:7px;background:rgba(var(--result-rgb),.65);box-shadow:0 0 12px rgba(var(--result-rgb),.3);transform:rotate(var(--rr));opacity:0}
#resultOverlay .result-atmosphere i:nth-child(1){--rx:14%;--ry:18%;--rr:30deg;--rd:.1s}#resultOverlay .result-atmosphere i:nth-child(2){--rx:25%;--ry:32%;--rr:80deg;--rd:.6s}#resultOverlay .result-atmosphere i:nth-child(3){--rx:7%;--ry:68%;--rr:125deg;--rd:.8s}#resultOverlay .result-atmosphere i:nth-child(4){--rx:34%;--ry:12%;--rr:40deg;--rd:.2s}#resultOverlay .result-atmosphere i:nth-child(5){--rx:84%;--ry:15%;--rr:100deg;--rd:.9s}#resultOverlay .result-atmosphere i:nth-child(6){--rx:76%;--ry:36%;--rr:140deg;--rd:.3s}#resultOverlay .result-atmosphere i:nth-child(7){--rx:92%;--ry:58%;--rr:65deg;--rd:.7s}#resultOverlay .result-atmosphere i:nth-child(8){--rx:66%;--ry:9%;--rr:10deg;--rd:.5s}#resultOverlay .result-atmosphere i:nth-child(9){--rx:18%;--ry:86%;--rr:70deg;--rd:.4s}#resultOverlay .result-atmosphere i:nth-child(10){--rx:83%;--ry:82%;--rr:120deg;--rd:.1s}#resultOverlay .result-atmosphere i:nth-child(11){--rx:36%;--ry:91%;--rr:100deg;--rd:.9s}#resultOverlay .result-atmosphere i:nth-child(12){--rx:63%;--ry:89%;--rr:160deg;--rd:.6s}
#resultOverlay:not(.hidden) .result-panel{animation:result-arrive .55s cubic-bezier(.16,.8,.24,1) both}
#resultOverlay:not(.hidden) .result-emblem{animation:result-emblem-arrive .8s cubic-bezier(.16,.8,.24,1) both}
#resultOverlay:not(.hidden) .result-atmosphere i{animation:result-sparks 4.6s var(--rd) infinite ease-out}
#resultOverlay[data-result="defeat"] .result-atmosphere i{height:40px;width:1px;background:linear-gradient(transparent,rgba(var(--result-rgb),.45),transparent)}
@keyframes result-arrive{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes result-emblem-arrive{from{opacity:0;transform:translateY(9px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes result-sparks{0%{opacity:0;translate:0 22px}20%{opacity:.8}80%{opacity:.35}100%{opacity:0;translate:14px -60px}}
@media(max-height:700px){#resultOverlay .result-panel{padding-top:18px;padding-bottom:14px}#resultOverlay .result-emblem{width:75px;height:75px;margin-top:12px}#resultOverlay .result-panel h2{font-size:62px;margin-bottom:9px}#resultOverlay .modal-intro{margin-bottom:14px}#resultOverlay .result-scoreboard{padding-block:10px;margin-bottom:16px}#resultOverlay .result-competitor strong{font-size:53px}#resultOverlay .prototype-note{margin-top:12px}}
@media(max-width:600px){#resultOverlay{padding:18px}#resultOverlay .result-panel{padding-inline:24px}#resultOverlay .result-panel h2{font-size:clamp(43px,12vw,70px);letter-spacing:2px}#resultOverlay .result-scoreboard{grid-template-columns:1fr 52px 1fr;padding-inline:0}#resultOverlay .result-side-label{font-size:9px;letter-spacing:1px;gap:5px}#resultOverlay .result-side-label small{max-width:70px}#resultOverlay .modal-intro{font-size:11px}#resultOverlay .result-outcome{font-size:7px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){#resultOverlay:not(.hidden) .result-panel,#resultOverlay:not(.hidden) .result-emblem,#resultOverlay:not(.hidden) .result-atmosphere i{animation:none}#resultOverlay .result-atmosphere i{opacity:.25}}