:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f4f4fb;background:#06060c;width:100%;height:100%;font-family:Outfit,system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.hud__score{letter-spacing:4px;color:#00f3ff;text-shadow:0 0 20px #00f3ff80;margin-top:20px;font-family:Orbitron,sans-serif;font-size:48px;font-weight:700}.overlay{-webkit-backdrop-filter:blur(10px);text-align:center;pointer-events:auto;touch-action:manipulation;z-index:20;background:radial-gradient(circle,#0a0a14bf 0%,#05050af2 90%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay__title{letter-spacing:6px;background:linear-gradient(135deg,#00f3ff 0%,#ff007f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #00f3ff66);-webkit-background-clip:text;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:52px;font-weight:900}.overlay__subtitle{letter-spacing:1px;color:#a0a0c0;max-width:360px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:14px;font-weight:300;line-height:1.5}.overlay__score{letter-spacing:2px;color:#fff;text-shadow:0 0 10px #fff3;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700}.overlay__best{letter-spacing:2px;color:#ff007f;text-shadow:0 0 10px #ff007f4d;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:15px;font-weight:700}.overlay__hint{letter-spacing:1.5px;color:#656585;margin-top:10px;font-family:Outfit,sans-serif;font-size:13px;font-weight:400;animation:2s ease-in-out infinite pulse-hint}@keyframes pulse-hint{0%,to{opacity:.5}50%{opacity:1}}.countdown{pointer-events:none;z-index:25;letter-spacing:4px;color:#00f3ff;text-shadow:0 0 45px #00f3ff99,0 0 90px #00f3ff33;opacity:0;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:160px;font-weight:900;display:flex;position:absolute;inset:0}.countdown.is-shown{animation:.75s cubic-bezier(.175,.885,.32,1.275) countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}20%{opacity:1;transform:scale(1.1)rotate(3deg)}40%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.mg-lb{width:100%;max-width:320px;margin-top:16px}
