*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0b0820;font-family:system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:hidden}#app,canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{left:0;right:0;top:calc(env(safe-area-inset-top) + 10px);pointer-events:none;text-shadow:0 2px 4px #000a;justify-content:space-between;align-items:flex-start;padding:0 16px;font-weight:800;display:flex;position:fixed}#hud small{opacity:.6;letter-spacing:1px;font-size:10px;display:block}#score{font-size:28px}#lives{letter-spacing:2px;font-size:20px}#stats{text-align:right;opacity:.85;font-size:12px;line-height:1.4}#overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0820cc;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}#overlay h1{letter-spacing:3px;color:#ffd23f;text-shadow:0 4px #b3541e;font-size:44px}#overlay p{opacity:.85;max-width:320px;line-height:1.5}#start{color:#2a1a00;background:#ffd23f;border:0;border-radius:999px;padding:16px 40px;font:800 20px system-ui;box-shadow:0 6px #b3541e}#start:active{transform:translateY(4px);box-shadow:0 2px #b3541e}#banner{text-align:center;letter-spacing:3px;color:#ffd23f;text-shadow:0 4px #b3541e,0 0 20px #000;pointer-events:none;opacity:0;font-size:36px;font-weight:900;transition:opacity .3s,transform .3s;position:fixed;top:28%;left:0;right:0;transform:scale(.8)}#banner.show{opacity:1;transform:scale(1)}#mid{flex-direction:column;align-items:center;gap:8px;display:flex}#pause{pointer-events:auto;color:#fff;background:#0006;border:2px solid #fff6;border-radius:50%;width:44px;height:44px;font:900 16px system-ui}#paused{letter-spacing:4px;color:#ffd23f;background:#0b082099;flex-direction:column;justify-content:center;align-items:center;gap:8px;font:900 40px system-ui;display:none;position:fixed;inset:0}#paused small{letter-spacing:1px;color:#fff;opacity:.8;font-size:14px}#paused.show{display:flex}#version{opacity:.7;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}#refresh{color:#fff;background:#ffffff14;border:1px solid #fff4;border-radius:999px;padding:8px 16px;font:600 13px system-ui}
