*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1b1b22}#app-canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#ui,#overlay,#hud{position:fixed;inset:0;pointer-events:none;font-family:system-ui,sans-serif;color:#fff}#overlay{z-index:10}.fps{position:fixed;top:4px;right:6px;font:12px monospace;color:#b5e61d;pointer-events:none}#hud .hud-top{position:fixed;top:8px;left:50%;transform:translate(-50%);display:flex;gap:16px;font:700 22px system-ui}#hud .score.team0{color:#ff2d9a}#hud .score.team1{color:#00e5ff}#hud .hud-feed{position:fixed;top:48px;right:10px;text-align:right;font-size:13px;opacity:.9}#hud .hud-ammo{position:fixed;bottom:14px;right:16px;font:700 18px monospace}#hud .hud-respawn{position:fixed;inset:0;display:grid;place-items:center;font:700 26px system-ui;background:#00000073}#hud .hud-protect{position:fixed;inset:0;box-shadow:inset 0 0 60px #b5e61d88}#hud [hidden]{display:none!important}.screen{position:fixed;inset:0;display:grid;place-items:center;background:#0a0a0ee0}.screen .panel{text-align:center;display:grid;gap:12px;padding:32px}.screen .accent{color:#ff2d9a}.screen input,.screen button{font-size:18px;padding:10px 18px;pointer-events:auto}.screen button{background:#ff2d9a;border:0;color:#fff;cursor:pointer}#touch-buttons{position:fixed;right:12px;bottom:60px;display:grid;gap:10px;pointer-events:none}#touch-buttons button{pointer-events:auto;width:72px;height:72px;border-radius:50%;border:2px solid #fff5;background:#ff2d9a66;color:#fff;font-weight:700;touch-action:none}#touch-buttons #btn-jump{background:#00e5ff55}#touch-buttons .toggle.on{outline:3px solid #b5e61d}