:root{font-family:Arial,Helvetica,sans-serif;color:#f7f5e9;background:#14232d;--lime:#c1ff68;--ink:#182930}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #ffffff28;background:#ffffff08;color:inherit;border-radius:12px;padding:12px 18px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100dvh;touch-action:none}header{position:fixed;top:0;left:0;right:0;height:68px;padding:0 max(25px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;z-index:6;pointer-events:none}header a,header button{pointer-events:auto}header a{font-size:13px;letter-spacing:-.5px;font-weight:900}header a span{font:8px monospace;letter-spacing:2px;margin-left:12px;opacity:.6}header div{display:flex;gap:8px}header button{font:9px monospace;letter-spacing:1px;background:#14232d80;backdrop-filter:blur(8px);padding:10px 12px}#pause{font-size:16px;padding:7px 14px}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#14232df7 5%,#14232dca 37%,#14232d08 75%);padding:110px 7vw 35px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}#menu button{pointer-events:auto}.eyebrow{font:9px monospace;letter-spacing:2.4px;color:#b9c8b2}h1{font-size:clamp(58px,7.4vw,110px);line-height:.85;letter-spacing:-.075em;font-weight:900;margin:28px 0 22px}em{font-style:italic;color:var(--lime)}.tagline{font-size:18px;color:#e8eedc;letter-spacing:-.5px}.facts{display:flex;gap:8px;margin:25px 0}.facts span{border:1px solid #ffffff30;border-radius:99px;padding:8px 12px;font:8px monospace;letter-spacing:1px}.launch{max-width:430px}.how{display:flex;justify-content:space-between;margin-bottom:20px;font:8px monospace;letter-spacing:.5px}.how b{color:var(--lime);display:block;margin-bottom:7px;font:10px monospace}.primary{background:var(--lime);color:var(--ink);font-size:12px;letter-spacing:1.2px;font-weight:900;padding:20px 24px;width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:10px;box-shadow:0 5px 0 #8dbd43}.primary span{font-size:24px}.control-copy{font:10px/1.8 monospace;color:#c5d2c7;margin:18px 0 7px}.launch>small{font:9px monospace;color:#8da398}#hud{position:fixed;inset:68px 0 0;pointer-events:none}.match-top{display:flex;justify-content:space-between;align-items:start;margin:2px 25px}.you-score{display:grid;grid-template-columns:auto auto;gap:0 8px;color:#23352d;background:var(--lime);border-radius:13px;padding:10px 14px}.you-score span{font:8px monospace;align-self:center}.you-score b{font-size:28px;line-height:1;grid-row:span 2}.you-score small{font:7px monospace}.timer{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;background:#14232de8;border:1px solid #ffffff20;border-radius:13px;padding:9px 23px}.timer small{font:7px monospace;letter-spacing:1px;color:#b9c8b2}.timer b{font-size:29px;letter-spacing:-1px;margin-top:3px}.timer.urgent b{color:#ff9d82}#guide{pointer-events:auto;border-radius:50%;background:#14232dc9;padding:0;width:34px;height:34px}#board{display:flex;gap:10px;position:absolute;top:80px;left:25px}.rival{font:9px monospace;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#14232de0}.rival i{width:6px;height:6px;border-radius:50%;background:var(--color)}.rival b{color:var(--color)}#toast{position:absolute;top:122px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;font-weight:800;letter-spacing:1px;white-space:nowrap;padding:9px 15px;border-radius:99px;background:#14232de8;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}#respawn{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;padding:25px;background:#14232de8;border-radius:16px;white-space:nowrap}#respawn b{font-size:25px;color:#ff9d82;display:block}#respawn span{display:block;margin-top:10px;font:11px monospace}.status{position:absolute;bottom:35px;left:25px;display:flex;gap:25px;padding:14px 18px;background:#14232de8;border-radius:14px}.status span{display:flex;justify-content:space-between;gap:15px;font:8px monospace;color:#c2d2c5;margin-bottom:8px}.status span b{color:#fff}.life{width:100px}.life i{display:block;height:6px;background:#ffffff20;border-radius:3px;overflow:hidden}.life u{display:block;height:100%;background:var(--lime);width:100%;transition:width .15s}.inventory{width:165px}#ammo{display:flex;gap:4px}#ammo i{height:8px;flex:1;border:1px solid #c1ff6855;border-radius:2px}#ammo i.filled{background:var(--lime)}#ammo i.heavy{background:#ffd78e}.desktop-help{position:absolute;bottom:42px;right:25px;background:#14232dc9;padding:12px;border-radius:9px;font:9px/1.5 monospace;color:#d0dbcd}#touch{position:fixed;inset:0;pointer-events:none;z-index:5}.pad{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));width:122px;height:122px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;background:#14232d32;border:1px solid #fff8;box-shadow:inset 0 0 0 10px #ffffff0d}.pad-rings{position:absolute;inset:23px;border:1px dashed #fffa;border-radius:50%;pointer-events:none}.knob{position:absolute;left:50%;top:50%;width:49px;height:49px;margin:-24.5px;background:#edf3e1c9;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #14232d30;display:grid;place-items:center;color:#243528;font-size:27px;pointer-events:none;will-change:transform}.pad span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font:7px monospace;letter-spacing:.7px;white-space:nowrap;color:#f8ffe9;text-shadow:0 1px 4px #14232d;pointer-events:none}#move-pad{left:24px}#aim-pad{right:24px;background:#a4db5b40;border-color:#d9ffb1}.aim .knob{background:var(--lime)}.aim.held{box-shadow:0 0 0 8px #c1ff6820,inset 0 0 0 10px #c1ff6818}#dash{pointer-events:auto;touch-action:none;position:absolute;bottom:58px;left:50%;transform:translateX(-50%);width:56px;height:62px;border-radius:15px;padding:4px;background:#14232dc7;border:1px solid #eaffd959;display:flex;flex-direction:column;align-items:center;justify-content:center}#dash b{font-size:27px;color:var(--lime)}#dash small{font:6px monospace;letter-spacing:.8px}#overlay{position:fixed;inset:0;z-index:10;background:#101e29bb;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto}article{width:min(440px,100%);background:#1a2b34;border:1px solid #ffffff24;border-radius:20px;padding:30px;box-shadow:0 20px 80px #0005}article>small{font:8px monospace;letter-spacing:2px;color:#b0c2b4}article h2{font-size:53px;line-height:.95;letter-spacing:-3px;margin:22px 0;color:var(--lime)}article p{font:12px/1.8 monospace;color:#c4d4c7}#ranking{margin:20px 0}#ranking>div{display:flex;align-items:center;justify-content:space-between;font:12px monospace;border-bottom:1px solid #ffffff18;padding:12px 0}#ranking>div.you{color:var(--lime)}article .primary{margin-top:15px}#home{width:100%;border:0;margin-top:18px;font:9px monospace;background:none}.playing header{background:linear-gradient(#14232dcc,transparent)}.touch .desktop-help{display:none}.touch .status{bottom:max(188px,calc(env(safe-area-inset-bottom) + 165px));left:50%;transform:translateX(-50%);gap:18px;padding:11px 15px}.touch .inventory{width:145px}.touch .life{width:82px}@media(max-width:650px){header{height:58px;padding:0 20px}header a{font-size:12px}header a span{font-size:7px;margin-left:8px}header button{font-size:7px;padding:9px}#menu{padding:92px 7vw max(30px,env(safe-area-inset-bottom));background:linear-gradient(#14232dd9 0%,#14232d66 35%,#14232d00 48%,#14232df7 75%)}h1{font-size:61px;margin:18px 0}.eyebrow{font-size:7px}.tagline{font-size:14px;margin:14px 0}.facts{margin:18px 0}.facts span{font-size:7px;padding:7px 10px}.how{font-size:7px;margin-bottom:15px}.launch{max-width:none}.control-copy{font-size:8px;margin-top:16px}.launch>small{font-size:8px}.primary{padding:16px 20px}#hud{top:58px}.match-top{margin:3px 18px}.you-score{padding:9px 11px}.you-score b{font-size:25px}.timer b{font-size:25px}.timer{padding:8px 17px}#board{top:75px;left:18px;gap:6px}.rival{font-size:8px;padding:6px 8px}#toast{font-size:10px;top:112px}article{padding:25px}article h2{font-size:45px}}@media(max-width:365px){.pad{width:105px;height:105px}#move-pad{left:15px}#aim-pad{right:15px}#dash{width:49px}.touch .status{gap:10px}.how{font-size:6px}}@media(max-height:560px) and (min-width:651px){#menu{padding:80px 6vw 25px}h1{font-size:58px;margin:18px 0}.facts{margin:15px 0}.launch{position:absolute;right:6vw;bottom:30px;width:330px}.tagline{font-size:15px}.touch .status{left:180px;bottom:22px;transform:none;gap:10px}.touch .inventory{width:115px}.touch .life{width:75px}.pad{width:105px;height:105px;bottom:25px}#dash{bottom:32px}.touch .status{left:150px;bottom:23px;transform:scale(.85);transform-origin:left bottom}#board{top:70px}.timer b{font-size:22px}#toast{top:108px}.match-top{margin-top:0}}

@media(max-width:650px) and (max-height:700px){#menu{padding-top:75px;gap:15px;overflow:auto}h1{font-size:49px;margin:15px 0}.tagline{font-size:13px;margin:10px 0}.facts{margin:12px 0}.how{margin-bottom:12px}.launch .primary{padding:14px 18px}.control-copy{margin-top:13px}.eyebrow{letter-spacing:1.5px}}