@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#080e15;--surface:#0d151e;--line:#23303d;--muted:#8291a1;--text:#e6eef5;--jade:#63edcf;--violet:#b397ff;--mono:'IBM Plex Mono',monospace;--body:'Barlow',sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--jade);outline-offset:4px}button{transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){filter:brightness(1.12)}.shell{max-width:1344px;margin:auto;padding:0 40px}.topbar{height:88px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:28px;letter-spacing:1px;font-weight:700}.brand svg{width:29px;stroke:var(--jade);stroke-width:2;fill:none}.brand-slash{color:var(--jade);margin:0 3px}.brand small{font:9px var(--mono);color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:4px;letter-spacing:1px}.topbar nav{height:100%;display:flex;align-items:center;gap:30px;font-size:14px}.nav-active{display:flex;align-items:center;height:100%;border-bottom:2px solid var(--jade)}.nav-button{border:0;background:none;padding:0;color:var(--muted)}.soon{font:8px var(--mono);border:1px solid #33434c;border-radius:3px;padding:3px 4px;margin-left:7px;vertical-align:middle}.header-tools{display:flex;margin-left:auto;gap:12px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;background:transparent}.icon-button svg{fill:none;stroke:#9aacbb;stroke-width:1.5;width:18px}.icon-button[aria-pressed=true]{border-color:var(--jade)}.intro{display:flex;align-items:center;justify-content:space-between;padding:34px 0 27px}.eyebrow{font:10px var(--mono);letter-spacing:1.3px;color:var(--jade);display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--jade)}h1{font:700 52px/.95 var(--display);letter-spacing:-.5px;margin:15px 0 11px}.intro p{color:#9dabb8;margin:0;font-size:15px}.edition{display:grid;text-align:right;gap:6px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.edition strong{font:600 24px var(--display);letter-spacing:2px;color:#adbfc9}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:28px}.arena-panel{border:1px solid var(--line);background:#0a121a;border-radius:6px;overflow:hidden}.match-top{height:84px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.player-label{display:flex;gap:10px;align-items:center}.player-label div{display:grid;gap:4px}.player-label strong{font:600 18px var(--display);letter-spacing:1.5px}.player-label small{font:8px var(--mono);letter-spacing:.5px;color:var(--muted)}.player-label.jade{text-align:right}.player-dot{height:7px;width:7px;background:currentColor;box-shadow:0 0 12px currentColor}.violet{color:var(--violet)}.jade{color:var(--jade)}.scoreboard{position:relative;display:flex;gap:20px;align-items:center;justify-content:center;padding-bottom:13px}.scoreboard>span{font:600 34px var(--display);min-width:16px;text-align:center}.scoreboard>span:first-child{color:var(--violet)}.scoreboard>span:nth-child(3){color:var(--jade)}.scoreboard .score-divider{font:20px var(--mono);color:#40525e}.scoreboard small{position:absolute;bottom:0;white-space:nowrap;font:8px var(--mono);color:var(--muted);letter-spacing:1px}.arena{position:relative;margin:0 16px;border:1px solid #30424e;aspect-ratio:1.3;background:#070e16}.arena canvas{display:block;width:100%;height:100%;outline-offset:-3px;image-rendering:auto}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#08101844,#081018bc);text-align:center;padding:20px}.overlay.hidden{display:none}.overlay-card{max-width:390px;width:100%;padding:28px 25px;background:#09131ad9;border:1px solid #344854;box-shadow:0 20px 70px #0006;backdrop-filter:blur(8px);border-radius:4px}.overlay .eyebrow{justify-content:center;font-size:9px}.overlay h2,dialog h2{font:600 46px/1 var(--display);margin:15px 0 13px;letter-spacing:-.5px}.overlay p{font-size:14px;line-height:1.6;color:#9eafb9;margin:0 0 24px}.primary-button{background:var(--jade);border:1px solid var(--jade);border-radius:3px;color:#06231c;padding:13px 20px;display:flex;gap:40px;justify-content:space-between;align-items:center;font-weight:700;min-width:198px;margin:auto;font-size:14px}.primary-button span{font-size:20px;font-weight:400}.overlay-hint{color:#6f8390;font:9px var(--mono);margin-top:17px;display:flex;gap:7px;align-items:center;justify-content:center}kbd{font:9px var(--mono);background:#131f29;border:1px solid #32414b;border-bottom:2px solid #344954;border-radius:3px;padding:3px 5px;color:#a1b1bb}.match-bottom{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.boost-label{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.6px}.boost-label kbd{font-size:7px;padding:2px 3px}.boosts{display:flex;gap:4px}.boosts b{width:16px;height:6px;display:block;border:1px solid currentColor;background:currentColor;box-shadow:0 0 5px #ffffff11}.boosts b.spent{background:none;opacity:.25}.boosts b.firing{animation:flash .1s infinite alternate}.boosts .infinite{font:18px var(--mono);line-height:10px}.arena-status{font:8px var(--mono);color:#8ca2ae;letter-spacing:1px;display:flex;align-items:center;gap:6px}.arena-status i,.local-tag i{width:4px;height:4px;border-radius:50%;background:var(--jade)}.arena-toolbar{height:41px;display:flex;align-items:center;padding:0 20px;border-top:1px solid var(--line);gap:18px;color:#7d909e;font:9px var(--mono)}.arena-toolbar>div{margin-left:auto;display:flex;gap:18px}.text-button{border:0;background:none;padding:4px 0;font:10px var(--body);color:#a3b4c0}.text-button kbd{font-size:7px;margin-left:5px;padding:1px 4px}.text-button:disabled{opacity:.3}.side-panel{padding-top:3px}.section-label{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:1.2px;color:#b7c5ce;margin-bottom:13px}.section-label>span{font-size:8px;color:#596e7c}.mode-switch{display:grid;gap:8px}.mode{display:flex;align-items:center;gap:11px;text-align:left;padding:16px 13px;background:#0d151e;border:1px solid var(--line);border-radius:4px}.mode svg{width:20px;height:22px;stroke:#7e91a0;stroke-width:1.4;fill:none}.mode>span{font-size:14px;font-weight:600}.mode small{display:block;font:7px var(--mono);letter-spacing:.25px;color:#728996;margin-top:5px}.mode i{border:1px solid #425360;width:10px;height:10px;border-radius:50%;margin-left:auto;flex-shrink:0}.mode.active{border-color:#507c73;background:#10221f}.mode.active svg{stroke:var(--jade)}.mode.active i{border:3px solid #16372d;background:var(--jade);box-shadow:0 0 0 1px #63edcf77}.campaign-settings{margin-top:27px}.level-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.level-grid button{padding:9px 0;background:#101b25;border:1px solid var(--line);border-radius:3px;font:11px var(--mono)}.level-grid button.selected{border-color:var(--jade);color:var(--jade);background:#142b26}.level-grid button:disabled{color:#4a5a66;background:#0b131b}.muted{font-size:12px;color:var(--muted);line-height:1.5}.campaign-progress{font:8px var(--mono);color:#66808e;display:flex;justify-content:space-between;margin-top:17px;padding-bottom:22px;border-bottom:1px solid var(--line);letter-spacing:.5px}.controls-section{margin-top:25px}.control-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0;font-size:12px}.control-row small{font:7px var(--mono);color:#586e7b;margin-left:5px}.keys{display:flex;gap:5px}.keys kbd{font-size:10px;width:24px;height:25px;padding:4px;text-align:center}.control-note{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0}.rules{border-top:1px solid var(--line);padding-top:14px;color:#8da0ad;font-size:11px;display:grid;gap:9px}.rules span{color:#4e776e;margin-right:7px}.online-note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:23px}.connection-icon{font-size:25px;color:var(--jade);line-height:1}.online-note strong{font-weight:500;font-size:13px}.online-note p{font-size:11px;color:var(--muted);margin:6px 0 12px}.online-note button{font-size:11px;color:var(--jade);background:none;border:none;padding:0}.online-note button span{margin-left:7px}.below-game{display:flex;justify-content:space-between;margin:15px 300px 27px 0;font:8px var(--mono);color:#597381;letter-spacing:.3px}.local-tag{display:flex;align-items:center;gap:7px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 0 24px;color:#607a88;font-size:10px;gap:20px}footer p{margin:0;line-height:1.7}footer a{text-underline-offset:3px}footer strong{color:#a2b6c1;font-weight:500}.footer-separator{margin:0 10px;color:#3c5361}footer>span{font:8px var(--mono);letter-spacing:.5px;white-space:nowrap}.touch-controls{display:none}.arena:fullscreen{height:100vh;width:100vw;margin:0;aspect-ratio:auto;display:grid;place-items:center;background:#070e16}.arena:fullscreen canvas{width:min(100vw,130vh);height:min(100vh,76.923vw)}dialog{max-width:490px;width:calc(100% - 32px);background:#0d1721;border:1px solid #36504f;color:var(--text);padding:38px;border-radius:6px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#02080ccc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;border:none;background:none;color:#809aa8;font-size:28px}dialog>p{font-size:14px;line-height:1.6;color:#9cb0bd}dialog ol{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:18px}dialog li{display:flex;gap:17px}dialog li>span{font:11px var(--mono);color:var(--jade);padding-top:4px}dialog li strong{font-size:14px}dialog li p{font-size:12px;color:#7e98a8;line-height:1.5;margin:5px 0 0}dialog .primary-button{margin:0;width:100%}@keyframes flash{to{opacity:.25}}
@media(min-width:1500px){.shell{max-width:1440px}.game-layout{grid-template-columns:minmax(0,1fr) 290px;gap:32px}.below-game{margin-right:322px}}
@media(max-width:1050px){.shell{padding:0 25px}.game-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.match-top{padding:0 16px}.player-label small{font-size:7px}.player-label strong{font-size:16px}.match-bottom{padding:0 15px}.boost-label{gap:5px}.boosts b{width:12px}.boost-label kbd{display:none}.below-game{margin-right:250px}.edition{display:none}}
@media(max-width:760px){.shell{padding:0 16px}.topbar{height:70px;gap:22px}.brand{font-size:23px}.brand small{display:none}.topbar nav{gap:16px}.nav-button{font-size:12px}.soon{display:none}.header-tools{gap:7px}.icon-button{width:30px;height:30px}.intro{padding:25px 0 22px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:42px;margin-top:13px}.intro p{font-size:13px}.game-layout{display:flex;flex-direction:column;gap:24px}.arena{margin:0 10px}.match-top{height:70px;padding:0 14px}.player-label{gap:7px}.player-label strong{font-size:16px}.player-label small{font-size:6px}.scoreboard{gap:12px}.scoreboard>span{font-size:28px}.scoreboard small{font-size:6px}.overlay-card{padding:24px 15px;max-width:320px}.overlay h2{font-size:36px}.overlay p{font-size:12px;margin-bottom:18px}.primary-button{font-size:13px;padding:10px 15px;min-width:180px}.match-bottom{height:46px}.arena-status{font-size:7px}.boost-label{font-size:7px}.boosts b{width:12px}.arena-toolbar{padding:0 14px}.side-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.side-panel>.section-label,.mode-switch{grid-column:1}.side-panel>.section-label{margin-bottom:0}.mode-switch{grid-row:2}.campaign-settings{grid-column:2;grid-row:1 / span 2;margin-top:0}.controls-section{grid-column:1 / span 2}.online-note{grid-column:1 / span 2}.control-row{max-width:370px}.below-game{margin:16px 0 24px;font-size:7px}.below-game>span:last-child{display:none}footer{display:block;font-size:9px}footer>span{display:block;margin-top:10px}.footer-separator{margin:0 5px}}
@media(pointer:coarse){.touch-controls{display:grid;position:relative;grid-template-columns:1fr auto;gap:6px;max-width:260px;margin:0 auto 25px}.touch-controls>button:first-child{grid-column:1;width:42px;justify-self:center}.touch-controls>div{display:flex;gap:6px;grid-column:1}.touch-controls button{background:#13232d;border:1px solid #31515a;border-radius:4px;font-size:18px;width:42px;height:38px;touch-action:manipulation}.touch-controls #touch-turbo{grid-column:2;grid-row:1 / span 2;height:82px;width:88px;font:11px var(--mono);color:var(--violet);border-color:#675883}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.overlay p{white-space:pre-line}
@media(max-width:450px){.topbar{gap:12px}.brand{font-size:21px;gap:7px}.brand svg{width:22px}.topbar nav .nav-active{display:none}.nav-button{font-size:11px}.overlay{padding:8px}.overlay-card{padding:14px 12px;max-width:280px}.overlay .eyebrow{font-size:7px;letter-spacing:.5px}.overlay h2{font-size:29px;margin:9px 0}.overlay p{font-size:10px;line-height:1.45;margin-bottom:12px}.overlay .primary-button{font-size:11px;padding:7px 12px;min-width:155px}.overlay .primary-button span{font-size:17px}.overlay-hint{font-size:7px;margin-top:9px}.overlay-hint kbd{font-size:7px}.side-panel{display:block}.campaign-settings{margin-top:24px}.side-panel>.section-label{margin-bottom:12px}}