*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#8fd3ff;height:100%;margin:0;overflow:hidden}body.playing{touch-action:none;-webkit-touch-callout:none}body{color:#fff;-webkit-user-select:none;user-select:none;font-family:Trebuchet MS,system-ui,sans-serif}#game,#game canvas{display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0}.label{text-align:center;text-shadow:0 1px 2px #0008;white-space:nowrap;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.label .dmg{font-size:15px}#menu{text-align:center;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:fixed;inset:0}#menu h1{letter-spacing:1px;text-shadow:0 4px #0005;margin:0;font-size:clamp(40px,9vw,72px)}#menu p{margin:0 0 12px;font-size:18px}#join-form{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#join-form input,#join-form button{font:inherit;border:none;border-radius:12px;padding:12px 16px;font-size:20px}#join-form input{width:min(260px,70vw)}#join-form button{color:#3a2a00;cursor:pointer;background:#ffc93c;font-weight:700}#join-form button:disabled{opacity:.6;cursor:wait}#menu-error{color:#ffd0d0}#hud{pointer-events:none;position:fixed;inset:0}#timer{text-shadow:0 2px #0006;font-size:32px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;font-size:15px;display:flex;position:absolute;top:12px;right:16px}#killfeed div{background:#0007;border-radius:8px;padding:4px 10px}#my-damage{text-shadow:0 3px #0006;font-size:56px;font-weight:800;position:absolute;bottom:16px;left:16px}#weapon{text-align:center;text-shadow:0 2px #0006;font-size:20px;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#ammo{background:#0006;border-radius:6px;width:160px;height:10px;margin:6px auto 0;overflow:hidden}#ammo-fill{background:#ffc93c;width:100%;height:100%;transition:width .15s}#respawn{text-shadow:0 2px #0006;font-size:36px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#help{opacity:.8;text-align:right;font-size:13px;position:absolute;bottom:16px;right:16px}#scoreboard{background:#000a;border-radius:14px;min-width:min(380px,100vw - 32px);padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard h2{text-align:center;margin:0 0 10px}#scoreboard table{border-collapse:collapse;width:100%;font-size:17px}#scoreboard td,#scoreboard th{text-align:right;padding:4px 6px}#scoreboard td:first-child,#scoreboard th:first-child{text-align:left}#scoreboard tr.me{color:#ffc93c}@media (max-width:600px){#help{display:none}#my-damage{font-size:40px}#weapon{font-size:16px;left:auto;right:16px;transform:none}#ammo{width:110px}}#pad-hint{color:#ffe9a8}#menu p.small{opacity:.8;font-size:14px}#landscape-hint{opacity:.85;font-size:15px;display:none}#touch-ui{pointer-events:none;position:fixed;inset:0}#touch-ui[hidden]{display:none}#stick-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:30%;bottom:0;left:0}#stick-base{opacity:0;width:120px;height:120px;left:calc(env(safe-area-inset-left) + 110px);background:#fff2;border:2px solid #fff6;border-radius:50%;margin:-60px 0 0 -60px;transition:opacity .1s;position:absolute;top:calc(100% - 110px)}#stick-base.active{opacity:1}body.touch.playing #stick-base{opacity:.45}body.touch.playing #stick-base.active{opacity:1}#stick-knob{background:#fffc;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-ui button{pointer-events:auto;touch-action:none;font:inherit;color:#fff;text-shadow:0 1px 2px #0008;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;font-weight:800;position:absolute}#btn-attack{width:96px;height:96px;right:calc(env(safe-area-inset-right) + 28px);bottom:calc(env(safe-area-inset-bottom) + 28px);background:#ff5a5fcc;font-size:17px;box-shadow:0 4px #b23a3e}#btn-jump{width:70px;height:70px;right:calc(env(safe-area-inset-right) + 138px);bottom:calc(env(safe-area-inset-bottom) + 22px);background:#3fa7ffcc;font-size:14px;box-shadow:0 4px #2a6fae}#btn-scores{width:44px;height:44px;right:calc(env(safe-area-inset-right) + 12px);top:calc(env(safe-area-inset-top) + 10px);background:#0006;font-size:20px}#touch-ui button.pressed{box-shadow:none;filter:brightness(1.2);transform:translateY(3px)}body.touch #help{display:none}body.touch #my-damage{top:calc(env(safe-area-inset-top) + 6px);bottom:auto;left:calc(env(safe-area-inset-left) + 14px);font-size:34px}body.touch #weapon{top:calc(env(safe-area-inset-top) + 50px);bottom:auto;left:calc(env(safe-area-inset-left) + 14px);text-align:left;font-size:14px;right:auto;transform:none}body.touch #weapon #ammo{width:110px;margin:4px 0 0}body.touch #killfeed{top:calc(env(safe-area-inset-top) + 62px);font-size:13px}body.touch #timer{top:calc(env(safe-area-inset-top) + 8px);font-size:24px}body.touch #scoreboard{max-height:80vh;overflow:auto}#rotate{z-index:10;text-align:center;background:#1d4f86;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:20px;display:none;position:fixed;inset:0}#rotate .phone{font-size:64px;animation:1.6s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){body.touch.playing #rotate{display:flex}body.touch #landscape-hint{display:block}}@media (max-height:500px){#menu h1{font-size:40px}#menu p{margin-bottom:6px;font-size:15px}#join-form input,#join-form button{padding:9px 14px;font-size:17px}}