@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#222034;--text-color:#fff;--accent-color:#d95763;--accent-hover:#ac3232;--border-color:#fff;--hud-bg:#45283c;--hud-border:#8f563b;--success-color:#99e550;--fail-color:#d77bba}*{box-sizing:border-box;-webkit-touch-callout:none;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}button,input,select,textarea{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent!important;outline:none!important}button:focus,button:focus-visible,button:active{-webkit-tap-highlight-color:transparent!important;outline:none!important}body{background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;min-height:100dvh;font-family:"Press Start 2P",cursive;display:flex;overflow:hidden}#root{border:4px solid var(--border-color);background-color:#000;border-radius:16px;flex-direction:column;width:100%;max-width:450px;height:100dvh;max-height:900px;display:flex;position:relative;box-shadow:0 0 20px #00000080;container:root/inline-size}.pixel-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;text-transform:uppercase;border:4px solid #fff;padding:10px 20px;font-family:"Press Start 2P",cursive;font-size:1rem;transition:transform .1s;box-shadow:inset -4px -4px #0000004d}.pixel-btn:active{transform:translateY(2px);box-shadow:inset 4px 4px #0000004d}.pixel-btn:hover{background-color:var(--accent-hover)}.pixel-select{color:#fff;cursor:pointer;text-transform:uppercase;appearance:none;background-color:#222;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:4px solid #fff;width:90%;max-width:400px;padding:8px 40px 8px 12px;font-family:"Press Start 2P",cursive;font-size:.8rem;box-shadow:inset -4px -4px #0000004d}.pixel-select:focus{border-color:var(--accent-color);outline:none}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake{animation:.5s infinite shake}.centered-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,4vh,40px);width:100%;height:100%;padding:10px;display:flex}h1{text-shadow:4px 4px #00000080;margin-bottom:2rem;font-size:1.5rem;line-height:1.5}h2{margin-bottom:1.5rem;font-size:1.2rem}.heart{color:var(--accent-color);text-shadow:2px 2px #000;font-size:1rem}.heart.empty{opacity:.5}.hud-container{gap:10px;padding:10px 20px}.hud-stats{justify-content:space-between;align-items:center;display:flex}.hud-score-container{color:#fff;text-shadow:2px 2px #000;align-items:center;gap:8px;font-size:.8rem;display:flex}.hud-level{color:#aaa}@media (width<=768px){#root{border:none;border-radius:0;max-height:100dvh}}.game-canvas-square{aspect-ratio:1;border:4px solid #333;border-radius:16px;width:100%;max-width:450px;height:auto;margin:0 auto;position:relative;overflow:hidden}@keyframes molePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes popInStaggered{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulseGreen{0%{box-shadow:0 0 #00ff00b3}70%{box-shadow:0 0 0 20px #0f00}to{box-shadow:0 0 #0f00}}@keyframes swim{0%,to{transform:translate(-3px)rotate(-5deg)}50%{transform:translate(3px)rotate(5deg)}}.animate-swim{animation:2s ease-in-out infinite swim}.main-menu-title{color:var(--accent-color);font-size:2.5rem}.main-menu-text{max-width:80%;margin-bottom:2rem;font-size:.8rem;line-height:1.5}.math-equation{color:#fff;text-shadow:2px 2px #000;font-size:1.5rem}.math-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;display:grid}.math-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:4px solid #fff;border-radius:8px;padding:10px 0;font-family:inherit;font-size:1.2rem;box-shadow:0 4px #0000004d}.gamepad-btn,.combo-btn{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-family:inherit;line-height:1;display:flex}.gamepad-btn{color:#fff;cursor:pointer;background-color:#444;border:4px solid #666;padding:0;font-size:1.5rem;box-shadow:0 4px #222}.combo-btn{font-size:2rem;font-weight:700;transition:all .1s ease-out}.gamepad-dpad{grid-template-rows:repeat(3,60px)}.asteroid-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#333;border:2px solid #555;border-radius:8px;flex:1;padding:15px 0;font-size:1rem;font-weight:700}@media (height<=500px){.main-menu-title{margin-bottom:.5rem;font-size:1.5rem}.main-menu-text{margin-bottom:.5rem;font-size:.8rem}.pixel-btn{padding:8px 16px;font-size:.9rem}.centered-container{gap:10px}h1{margin-bottom:1rem;font-size:1.5rem}h2{margin-bottom:.5rem;font-size:1.2rem}.hud-container{gap:5px;padding:5px 10px}.hud-score-container{gap:8px;font-size:.8rem}.heart{font-size:1rem}.math-equation{text-shadow:2px 2px #000;font-size:1.2rem}.math-btn{border-width:2px;padding:8px 0;font-size:1.2rem;box-shadow:0 2px #0000004d}.math-grid{gap:5px}.gamepad-btn,.combo-btn{border-width:3px;border-radius:8px;width:45px;height:45px}.gamepad-btn{font-size:1.2rem;box-shadow:0 3px #222}.combo-btn{font-size:1.5rem}.gamepad-dpad{grid-template-rows:repeat(3,45px)}.asteroid-btn{padding:8px 0;font-size:.9rem}}@media screen and (height<=500px) and (width<=900px) and (orientation:landscape){body:before{content:"PLEASE ROTATE DEVICE TO PLAY";background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-color);text-align:center;z-index:99999;justify-content:center;align-items:center;font-family:"Press Start 2P",cursive;font-size:1.2rem;line-height:1.5;display:flex;position:fixed;top:0;left:0}}.pixel-slider-container{color:#fff;text-align:left;flex-direction:column;gap:8px;width:100%;margin:10px 0;font-family:"Press Start 2P",cursive;font-size:.8rem;display:flex}.pixel-slider-label{text-shadow:2px 2px #00000080;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.pixel-slider{appearance:none;width:100%;height:16px;image-rendering:pixelated;cursor:pointer;background:#222;border:4px solid #fff;outline:none;box-shadow:inset -2px -2px #00000080}.pixel-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fc0;border:4px solid #fff;width:16px;height:24px;transform:translateY(-4px);box-shadow:inset -2px -2px #0000004d}.pixel-slider::-webkit-slider-thumb:hover{background:#ffe066}.pixel-slider::-webkit-slider-thumb:active{box-shadow:inset 2px 2px #0000004d}.pixel-slider::-moz-range-thumb{cursor:pointer;background:#fc0;border:4px solid #fff;border-radius:0;width:16px;height:24px;box-shadow:inset -2px -2px #0000004d}.pixel-slider::-moz-range-thumb:hover{background:#ffe066}.pixel-slider::-moz-range-thumb:active{box-shadow:inset 2px 2px #0000004d}.game-btn{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform;outline:none;position:relative}.game-btn--sm{box-shadow:inset -3px -3px 0px 0px #00000059, inset 3px 3px 0px 0px #ffffff40, 0 4px 0px 0px var(--btn-shadow-color,#00000080);border:3px solid #fff;border-radius:6px;padding:6px 12px;font-size:.75rem}.game-btn--md{box-shadow:inset -4px -4px 0px 0px #00000059, inset 4px 4px 0px 0px #ffffff40, 0 6px 0px 0px var(--btn-shadow-color,#00000080);border:4px solid #fff;border-radius:6px;padding:10px 18px;font-size:.95rem}.game-btn--lg{box-shadow:inset -5px -5px 0px 0px #00000059, inset 5px 5px 0px 0px #ffffff40, 0 8px 0px 0px var(--btn-shadow-color,#00000080);border:4px solid #fff;border-radius:6px;padding:14px 24px;font-size:1.15rem}.game-btn--full{width:100%;box-shadow:inset -4px -4px 0px 0px #00000059, inset 4px 4px 0px 0px #ffffff40, 0 6px 0px 0px var(--btn-shadow-color,#00000080);border:4px solid #fff;border-radius:6px;padding:12px 18px;font-size:1rem}.game-btn--primary{background-color:var(--accent-color,#fa0);color:#fff;--btn-shadow-color:#a22}.game-btn--secondary{color:#fff;--btn-shadow-color:#22a;background-color:#55f}.game-btn--accent{color:#111;--btn-shadow-color:#b70;background-color:#fa0}.game-btn--success{color:#fff;--btn-shadow-color:#186522;background-color:#2ca83b}.game-btn--danger{color:#fff;--btn-shadow-color:#9d0208;background-color:#e63946}.game-btn--warning{color:#111;--btn-shadow-color:#fb8500;background-color:#ffb703}.game-btn--dark{color:#fff;--btn-shadow-color:#11121c;background-color:#2b2d42}.game-btn--ghost{color:#fff;--btn-shadow-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26}.game-btn--arcade{color:#0ff;--btn-shadow-color:#14253f;text-shadow:0 0 6px #0ff9;background-color:#2e4e7e;border-color:#fff}.game-btn--pressed{transform:translateY(2px)}.game-btn:disabled,.game-btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important}.game-btn__ripple{pointer-events:none;background:#ffffff59;border-radius:4px;width:120%;height:120%;animation:.2s ease-out forwards game-btn-ripple-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes game-btn-ripple-anim{0%{opacity:.8;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}