*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fredoka", "Outfit", monospace}html,body{width:100%;height:100%;font-family:var(--font-main);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:#0f172a;overflow:hidden}#root{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.game-app-container{background-color:#0f172a;width:100dvw;height:100dvh;position:fixed;inset:0;overflow:hidden}.canvas-wrapper{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.hud-container{pointer-events:none;padding:max(16px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));z-index:10;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0}.hud-left,.hud-right{align-items:center;gap:12px;display:flex}.hud-metric{-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #ffffffd9;border-radius:9999px;align-items:baseline;gap:8px;padding:6px 16px;transition:opacity .2s;display:flex;box-shadow:0 4px 16px #00000014}.hud-audio-btn{pointer-events:auto;-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb8;border:1px solid #ffffffd9;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .15s,background-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #00000014}.hud-audio-btn:hover{background:#ffffffeb;transform:scale(1.06);box-shadow:0 6px 20px #0000001f}.hud-audio-btn:active{transform:scale(.94)}.hud-audio-icon{font-size:1.05rem;line-height:1}.hud-label{letter-spacing:.08em;color:#64748b;font-size:.7rem;font-weight:700}.hud-value{font-family:var(--font-mono);letter-spacing:.05em;color:#0f172a;font-size:1.15rem;font-weight:700}.hud-flow{color:#fff;background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:9999px;align-items:center;padding:4px 12px;font-size:.85rem;font-weight:800;animation:2s ease-in-out infinite pulseFlow;display:flex;box-shadow:0 2px 8px #0284c74d}@keyframes pulseFlow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hud-powerup{color:#fff;-webkit-backdrop-filter:blur(6px);background:#0f172abf;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:700;display:flex}.hud-powerup-timer{font-family:var(--font-mono);color:#fde047}.hud-center-prompt{pointer-events:none;z-index:20;justify-content:center;max-width:92vw;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hud-prompt-btn{pointer-events:auto;cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:9999px;outline:none;align-items:center;gap:12px;padding:6px 18px 6px 8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;display:inline-flex}.hud-prompt-idle{-webkit-backdrop-filter:blur(14px);background:#0f172ad6;border:1px solid #ffffff29}.hud-prompt-idle:hover{background:#0f172af0;transform:translateY(-2px)scale(1.02);box-shadow:0 14px 36px #00000057,0 0 0 2px #10b98199,inset 0 1px #ffffff4d}.hud-prompt-idle:active{transform:translateY(1px)scale(.98)}.hud-prompt-restart{-webkit-backdrop-filter:blur(16px);background:#0f172ae0;border:1px solid #fff3}.hud-prompt-restart:hover{background:#0f172af5;transform:translateY(-2px)scale(1.03);box-shadow:0 16px 42px #0006,0 0 0 2px #f43f5eb3,inset 0 1px #ffffff59}.hud-prompt-restart:active{transform:translateY(1px)scale(.97)}.hud-prompt-restart:hover .hud-restart-icon{color:#fecdd3;transform:rotate(-180deg)scale(1.2)}.hud-prompt-badge{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:5px 12px;font-size:.68rem;font-weight:900;line-height:1}.hud-badge-gameover{color:#fff;text-shadow:0 1px 2px #00000040;background:linear-gradient(135deg,#ef4444 0%,#f43f5e 100%);box-shadow:0 2px 10px #ef444480,inset 0 1px #fff6}.hud-badge-idle{color:#fff;text-shadow:0 1px 2px #00000040;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);box-shadow:0 2px 10px #10b98173,inset 0 1px #fff6}.hud-prompt-content{letter-spacing:.04em;color:#f1f5f9;white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.hud-restart-icon{color:#fca5a5;font-size:1.05rem;line-height:1;transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .2s;display:inline-block}.hud-keycap{color:#0f172a;font-family:var(--font-mono,monospace);letter-spacing:.06em;background:#fff;border:1px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;margin:0 4px;padding:2.5px 7px;font-size:.72rem;font-weight:800;line-height:1.1;transition:transform .12s,box-shadow .12s;display:inline-flex;transform:translateY(-1px);box-shadow:0 2px #94a3b8,0 3px 6px #00000040}.hud-prompt-btn:hover .hud-keycap{transform:translateY(0);box-shadow:0 1px #94a3b8,0 2px 3px #0003}.hud-prompt-btn:active .hud-keycap{transform:translateY(1px);box-shadow:0 0 #94a3b8,0 1px 2px #00000026}.hud-desktop-text{display:inline}.hud-mobile-text{display:none}@keyframes restartEntrance{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes restartPulse{0%,to{box-shadow:0 12px 34px #00000052,0 0 0 1.5px #f43f5e66,inset 0 1px #ffffff38}50%{box-shadow:0 14px 40px #f43f5e52,0 0 0 2px #f43f5eb8,inset 0 1px #ffffff59}}@keyframes promptEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes idlePulse{0%,to{box-shadow:0 10px 30px #00000042,0 0 0 1px #10b98159,inset 0 1px #fff3}50%{box-shadow:0 12px 36px #10b98147,0 0 0 2px #10b98199,inset 0 1px #ffffff4d}}@media (width<=600px){.hud-container{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.hud-center-prompt{bottom:max(20px, env(safe-area-inset-bottom))}.hud-prompt-btn{gap:8px;padding:6px 15px 6px 8px;box-shadow:0 4px 14px #00000038}.hud-prompt-btn:active{opacity:.92;transform:scale(.95)}.hud-prompt-badge{padding:4px 9px;font-size:.62rem}.hud-prompt-content{gap:6px;font-size:.76rem}.hud-restart-icon{font-size:.95rem}.hud-desktop-text{display:none}.hud-mobile-text{letter-spacing:.06em;font-weight:800;display:inline}.hud-metric{gap:6px;padding:4px 10px}.hud-label{font-size:.64rem}.hud-value{font-size:.95rem}.hud-audio-btn{width:32px;height:32px}.hud-audio-icon{font-size:.9rem}}