*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071329;font-family:system-ui,Arial,sans-serif;color:white}#game{position:absolute;inset:0}canvas{display:block;touch-action:none}#hud{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:9px;align-items:center;pointer-events:none}.stat{background:linear-gradient(145deg,#102b59e8,#07122ee8);border:1px solid #64c5ff75;border-radius:13px;padding:10px 14px;font-weight:900;box-shadow:0 5px 16px #0005}#pause{margin-left:auto;pointer-events:auto;border:1px solid #a4e7ff77;border-radius:12px;background:#0866bd;color:#fff;font-weight:900;font-size:22px;padding:6px 15px;cursor:pointer}#overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(#00112c55,#00112cbd);padding:15px}#overlay.show{display:flex}.panel{width:min(460px,95vw);text-align:center;background:linear-gradient(155deg,#072659ee,#071025f5);border:2px solid #45bcff77;border-radius:25px;padding:28px 20px;box-shadow:0 20px 70px #000b,0 0 40px #0aa8ff33}.brand{font-weight:1000;font-style:italic;font-size:clamp(35px,8vw,58px);letter-spacing:-2px;color:#ffd13b;text-shadow:3px 4px #e8520d,6px 7px #062653}.sub{letter-spacing:2px;font-size:12px;color:#79dbff;font-weight:800}.panel p{line-height:1.6}#start{background:linear-gradient(#ffe76b,#ff9e0a);border:0;border-bottom:5px solid #a65000;color:#13214b;font-size:23px;font-weight:1000;border-radius:15px;padding:14px 45px;cursor:pointer;box-shadow:0 5px 24px #ff9b0044}.help{font-size:12px;color:#c1dcf9}#best{color:#ffd64a;font-weight:800}#toast{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-weight:900;color:#fff;text-shadow:0 2px 8px #000}