:root{color:#f7fbff;background:#06090f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--cyan: #4eeaff;--orange: #ff8a45;--ink: #080c14;--panel: rgba(12, 18, 29, .86);--line: rgba(178, 220, 255, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(151,218,255,.08) 4px);mix-blend-mode:screen}.shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#182436 0,#080d16 58%,#040609)}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.brand{position:fixed;top:24px;left:28px;z-index:10;pointer-events:none}.brand__eyebrow{color:#8da2b9;font:700 10px/1 Inter;letter-spacing:.28em;text-transform:uppercase}.brand__name{margin-top:5px;font:800 clamp(24px,3vw,42px)/.83 Impact,"Arial Narrow",sans-serif;letter-spacing:-.025em;text-transform:uppercase}.brand__name i{color:var(--cyan);font-style:normal;text-shadow:0 0 20px rgba(78,234,255,.4)}.network{position:fixed;top:24px;right:28px;z-index:11;display:flex;gap:8px;align-items:center;color:#8293a5;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.network__dot{width:7px;height:7px;border-radius:50%;background:#ff5f61;box-shadow:0 0 9px #ff5f61}.network.is-online .network__dot{background:#58f5a1;box-shadow:0 0 9px #58f5a1}.screen{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:88px 20px 28px;background:radial-gradient(circle at center,#09101a1f,#03060abf);transition:opacity .25s ease,visibility .25s ease}.screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.panel{width:min(960px,100%);max-height:calc(100vh - 116px);overflow:auto;border:1px solid var(--line);background:linear-gradient(145deg,#131d2cf5,#070b12f5);box-shadow:0 30px 100px #000a,inset 0 1px #ffffff09}.panel__top{padding:22px 26px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:end}.kicker{color:var(--cyan);font:700 10px/1 Inter;letter-spacing:.28em;text-transform:uppercase}h1,h2,p{margin:0}.panel h1{margin-top:6px;font:700 33px/1 Impact,Arial Narrow,sans-serif;letter-spacing:.02em;text-transform:uppercase}.lede{max-width:410px;color:#95a5b6;font-size:12px;line-height:1.55;text-align:right}.panel__body{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:var(--line)}.section{padding:25px;background:#070c14f7}.section-title{margin-bottom:15px;color:#8191a2;font:700 10px/1 Inter;letter-spacing:.2em;text-transform:uppercase}.field{display:grid;gap:7px;margin-bottom:13px}.field label{color:#a6b5c4;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.field input{width:100%;padding:12px 13px;color:#fff;border:1px solid #29394d;outline:0;background:#0c1421;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #4eeaff1a}.or{display:flex;align-items:center;gap:10px;margin:12px 0;color:#506174;font-size:9px;font-weight:700;letter-spacing:.2em}.or:before,.or:after{content:"";flex:1;border-top:1px solid #263549}.btn{min-height:42px;padding:0 18px;border:1px solid #36495e;background:#152031;cursor:pointer;font:700 11px/1 Inter;letter-spacing:.14em;text-transform:uppercase;transition:transform .15s,border-color .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#7790a9;background:#1c2a3d}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--hot{color:#071017;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 24px #4eeaff2e}.btn--hot:hover:not(:disabled){background:#8af3ff;border-color:#8af3ff}.btn--wide{width:100%}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.heroes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-card{position:relative;padding:17px;min-height:180px;overflow:hidden;text-align:left;border:1px solid #29394d;background:#0b121d;cursor:pointer}.hero-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:currentColor;filter:blur(55px);opacity:.08}.hero-card[data-hero=dash]{color:var(--cyan)}.hero-card[data-hero=boomer]{color:var(--orange)}.hero-card.is-selected{border-color:currentColor;box-shadow:inset 0 0 30px color-mix(in srgb,currentColor 9%,transparent)}.hero-card__num{position:absolute;top:13px;right:14px;opacity:.4;font:700 10px/1 Inter;letter-spacing:.12em}.hero-icon{position:relative;width:56px;height:50px;margin:4px 0 16px}.hero-icon:before,.hero-icon:after{content:"";position:absolute;border:3px solid currentColor;transform:rotate(45deg)}.hero-icon:before{width:28px;height:28px;top:8px;left:10px;background:color-mix(in srgb,currentColor 15%,#09111c);box-shadow:0 0 15px currentColor}.hero-icon:after{width:12px;height:12px;top:16px;right:0}.hero-card[data-hero=boomer] .hero-icon:before{border-radius:50%;transform:none}.hero-card[data-hero=boomer] .hero-icon:after{border-radius:50%;transform:none;right:2px}.hero-card h2{color:#fff;font:700 25px/1 Impact,Arial Narrow,sans-serif;text-transform:uppercase}.hero-card p{margin-top:7px;color:#8394a5;font-size:10px;line-height:1.55}.stat{display:flex;gap:5px;margin-top:12px}.stat span{height:3px;flex:1;background:#263447}.stat span.on{background:currentColor;box-shadow:0 0 6px currentColor}.form-error{min-height:18px;margin-top:10px;color:#ff7478;font-size:11px;line-height:1.4}.lobby{width:min(700px,100%)}.room-code{padding:8px 12px;border:1px solid #314359;background:#0b121c;color:var(--cyan);font:700 18px/1 Impact,Arial Narrow,sans-serif;letter-spacing:.18em}.roster{min-height:170px;display:grid;gap:8px}.roster-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:10px;border:1px solid #243347;background:#0b121c}.roster-row__icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid currentColor;color:var(--cyan);font:800 16px/1 Impact,Arial Narrow,sans-serif}.roster-row[data-hero=boomer] .roster-row__icon{color:var(--orange);border-radius:50%}.roster-row__name{font:700 14px/1 Impact,Arial Narrow,sans-serif;letter-spacing:.04em;text-transform:uppercase}.roster-row__meta{margin-top:4px;color:#63758a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.tag{padding:5px 7px;border:1px solid #35485d;color:#92a7bb;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.lobby-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.hud{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s}.hud.is-visible{opacity:1;visibility:visible}.match-top{position:absolute;top:20px;left:50%;transform:translate(-50%);min-width:310px;display:grid;grid-template-columns:1fr 92px 1fr;align-items:center}.score{display:flex;align-items:baseline;gap:8px;color:var(--cyan)}.score--right{color:var(--orange);flex-direction:row-reverse}.score__value{font:800 31px/1 Impact,Arial Narrow,sans-serif}.score__name{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a4b3c2;font:700 10px/1 Inter;letter-spacing:.1em;text-transform:uppercase}.timer{position:relative;padding:9px 10px;text-align:center;border:1px solid #3a4c60;background:#070c14cc;font:700 24px/1 Impact,Arial Narrow,sans-serif;font-variant-numeric:tabular-nums}.timer:after{content:"TIME";position:absolute;left:50%;bottom:-14px;transform:translate(-50%);color:#66798c;font:700 7px/1 Inter;letter-spacing:.2em}.player-hud{position:absolute;left:24px;bottom:22px;width:min(410px,calc(100vw - 48px));display:grid;gap:7px}.status-row{display:flex;align-items:center;gap:8px}.hero-label{font:800 21px/1 Impact,Arial Narrow,sans-serif;text-transform:uppercase}.hp{display:flex;gap:5px}.hp__pip{width:22px;height:8px;transform:skew(-18deg);border:1px solid var(--cyan);background:var(--cyan);box-shadow:0 0 10px #4eeaff66}.hp__pip.is-empty{background:transparent;box-shadow:none;opacity:.45}.overcharge-badge{display:none;padding:5px 8px;border:1px solid #ffe45c;color:#ffe45c;font:700 8px/1 Inter;letter-spacing:.13em;text-transform:uppercase}.overcharge-badge.is-active{display:block;animation:pulse 1s infinite alternate}.abilities{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ability{position:relative;min-height:43px;padding:8px 10px;overflow:hidden;border:1px solid #32445a;background:#070c14cc}.ability__fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#4eeaff30,#4eeaff08)}.ability__key{position:relative;color:var(--cyan);font:700 8px/1 Inter;letter-spacing:.12em;text-transform:uppercase}.ability__name{position:relative;margin-top:6px;font:700 12px/1 Impact,Arial Narrow,sans-serif;letter-spacing:.05em;text-transform:uppercase}.controls{position:absolute;right:25px;bottom:24px;color:#66798c;text-align:right;font-size:9px;font-weight:600;line-height:1.8;letter-spacing:.08em;text-transform:uppercase}.controls b{color:#a9bacb}.announcement{position:fixed;left:50%;top:25%;z-index:12;transform:translate(-50%,-20px);opacity:0;color:#fff;text-align:center;pointer-events:none;transition:opacity .2s,transform .2s}.announcement.is-visible{opacity:1;transform:translate(-50%)}.announcement__small{color:var(--cyan);font:700 9px/1 Inter;letter-spacing:.28em;text-transform:uppercase}.announcement__big{margin-top:6px;font:800 clamp(35px,7vw,75px)/.9 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;text-shadow:0 5px 30px #000}.results .panel{width:min(560px,100%)}.results__body{padding:28px;text-align:center}.results__outcome{color:var(--cyan);font:700 10px/1 Inter;letter-spacing:.27em;text-transform:uppercase}.results__title{margin-top:9px;font:800 50px/.9 Impact,Arial Narrow,sans-serif;text-transform:uppercase}.results__score{margin:22px 0;font:800 34px/1 Impact,Arial Narrow,sans-serif;color:#91a1b2}.results__score b:first-child{color:var(--cyan)}.results__score b:last-child{color:var(--orange)}@keyframes pulse{to{box-shadow:0 0 18px #ffe45c59}}@media(max-width:700px){.brand{top:15px;left:16px}.network{top:16px;right:16px}.panel__top{align-items:start;padding:18px}.lede{display:none}.panel__body{grid-template-columns:1fr}.section{padding:18px}.heroes{gap:7px}.hero-card{min-height:157px;padding:13px}.hero-card p,.controls{display:none}.match-top{top:15px;min-width:270px;grid-template-columns:1fr 76px 1fr}.score__name{max-width:60px}}