:root{--bg-space: #070914;--font-family: "Outfit", system-ui, -apple-system, sans-serif;--primary-gold: #fbbf24;--primary-gold-dark: #d97706;--accent-cyan: #38bdf8;--accent-purple: #c084fc;--accent-pink: #f472b6;--danger-red: #ef4444}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes floatHero{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 15px rgba(56,189,248,.4))}50%{filter:drop-shadow(0 0 28px rgba(56,189,248,.8))}}@keyframes dangerFlash{0%,to{background:#ef4444e0;box-shadow:0 0 20px #ef444499}50%{background:#b91c1cf2;box-shadow:0 0 35px #ef4444e6}}@keyframes powerupActivePulse{0%,to{border-color:#f59e0b;box-shadow:0 0 18px #f59e0bcc,inset 0 2px #fff9}50%{border-color:#ef4444;box-shadow:0 0 30px #ef4444f2,inset 0 2px #fffc}}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.25);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100vh;height:100dvh;overflow:hidden;background-color:var(--bg-space);font-family:var(--font-family);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:relative;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e1b4b,#0f172a,#030712);overflow:hidden}#app:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.15),transparent 40%),radial-gradient(circle at 80% 80%,rgba(192,132,252,.12),transparent 40%),radial-gradient(circle at 50% 50%,rgba(244,114,182,.1),transparent 50%);animation:pulseGlow 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-root{position:absolute;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}#ui-root *{pointer-events:auto}#hud-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(6px + env(safe-area-inset-top,0px)) 14px 4px;width:100%;max-width:520px;margin:0 auto;z-index:20;pointer-events:auto;box-sizing:border-box}.hud-group{display:flex;align-items:center;gap:8px}.score-card{background:#0f172ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.16);border-radius:16px;padding:4px 10px;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 1px #ffffff40,0 8px 20px #00000080;min-width:72px}.best-card{border-color:#fbbf2473;background:#1e1b4bd1}.score-label{font-size:.62rem;font-weight:800;color:#94a3b8;letter-spacing:1.2px}.best-card .score-label{color:#fde047}.score-value{font-size:1.25rem;font-weight:900;color:#fff;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.6)}.best-card .score-value{color:#fbbf24}.next-preview-box{background:#0f172ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(56,189,248,.3);border-radius:16px;padding:4px 6px;display:flex;flex-direction:column;align-items:center;min-width:58px;box-shadow:inset 0 1px #ffffff40,0 8px 20px #00000080}.next-label{font-size:.58rem;font-weight:800;color:#38bdf8;letter-spacing:.8px}#next-planet-preview{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.danger-banner,.bomb-hint-banner,.toast-banner{position:absolute;top:76px;left:50%;transform:translate(-50%);color:#fff;font-weight:900;font-size:.88rem;padding:6px 20px;border-radius:20px;border:1.5px solid #f87171;animation:dangerFlash .6s infinite ease-in-out;z-index:25;white-space:nowrap;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.bomb-hint-banner{border-color:#f59e0b;background:#d97706f2;box-shadow:0 0 25px #f59e0bcc}.toast-banner{background:#0f172aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#38bdf8;color:#38bdf8;box-shadow:0 8px 24px #000000b3;animation:fadeIn .2s ease-out}.combo-popup{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#f59e0b,#ec4899);border:2px solid #fef08a;color:#fff;font-size:1.3rem;font-weight:900;padding:8px 24px;border-radius:30px;box-shadow:0 10px 30px #ec489999,inset 0 2px #ffffff80;animation:comboPop .4s ease-out forwards;z-index:30;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.combo-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.combo-score-pts{color:#fef08a;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hidden{display:none!important}.powerup-dock{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px calc(14px + env(safe-area-inset-bottom,0px));margin-bottom:max(6px,env(safe-area-inset-bottom,0px));width:100%;max-width:420px;margin-left:auto;margin-right:auto;z-index:20;box-sizing:border-box}@media (max-height: 720px){.powerup-dock{padding-top:4px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:6px}.powerup-btn{padding:6px 4px;border-radius:14px}.powerup-svg-wrap{width:32px;height:30px;margin-bottom:0}.powerup-name{font-size:.62rem;margin-top:1px}}.powerup-btn{background:linear-gradient(180deg,#1e293beb,#0f172afa);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.2);border-radius:18px;color:#f8fafc;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;position:relative;cursor:pointer;box-shadow:inset 0 1px #ffffff40,0 5px #020617,0 8px 20px #0009;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.powerup-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);border-color:var(--accent-cyan)}.powerup-btn:active:not(:disabled){transform:translateY(3px) scale(.96);box-shadow:inset 0 1px #ffffff1a,0 1px #020617!important}.powerup-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.85);box-shadow:none}.powerup-btn.active-powerup{background:linear-gradient(180deg,#ef444459,#b91c1cd9)!important;transform:translateY(-3px) scale(1.04)!important;animation:powerupActivePulse .8s infinite ease-in-out}.powerup-svg-wrap{width:36px;height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.powerup-name{font-size:.68rem;font-weight:800;margin-top:3px;color:#cbd5e1;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.powerup-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f59e0b,#d97706);border:1.5px solid #fef08a;color:#fff;font-size:.75rem;font-weight:900;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000080}.btn{border:none;outline:none;font-family:inherit;font-weight:900;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;box-sizing:border-box;text-decoration:none;letter-spacing:.3px}.btn-lg{font-size:1.18rem;padding:16px 36px;width:100%}.btn-primary{background:linear-gradient(180deg,#fde047,#fbbf24 45%,#f59e0b 70%,#d97706);color:#451a03;border:1.5px solid #fef08a;box-shadow:inset 0 2px #ffffffb3,0 6px #92400e,0 12px 24px #f59e0b66;text-shadow:0 1px 0 rgba(255,255,255,.5)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:inset 0 2px #fffc,0 8px #92400e,0 16px 28px #f59e0b80}.btn-primary:active{transform:translateY(4px) scale(.97);box-shadow:inset 0 1px #ffffff4d,0 1px #92400e!important}.btn-secondary{background:linear-gradient(180deg,#38bdf8,#0284c7,#0369a1);color:#fff;border:1.5px solid #7dd3fc;box-shadow:inset 0 2px #ffffff80,0 5px #075985,0 10px 20px #0284c759;text-shadow:0 1px 2px rgba(0,0,0,.6);width:100%}.btn-secondary:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(3px) scale(.97);box-shadow:inset 0 1px #fff3,0 1px #075985!important}.btn-icon-sm{background:linear-gradient(180deg,#334155,#1e293b);border:1.5px solid rgba(255,255,255,.22);border-radius:14px;color:#fff;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff40,0 4px #0f172a}.btn-icon-sm:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px #0f172a}.settings-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:6px 0}.setting-btn{background:#1e293bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.18);border-radius:16px;color:#f1f5f9;font-family:inherit;font-weight:800;font-size:.82rem;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;cursor:pointer;box-shadow:inset 0 1px #fff3,0 4px 10px #0006;transition:transform .1s ease,filter .1s ease,border-color .1s ease}.setting-btn:hover{filter:brightness(1.15);transform:translateY(-2px);border-color:#38bdf8}.setting-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px #0f172a}.modal-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#060914b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fadeIn .25s ease-out}.modal-card{background:#0f172af0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1.5px solid rgba(255,255,255,.18);border-radius:32px;padding:32px 26px;width:100%;max-width:390px;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 30px 70px #000000e6,inset 0 1px #ffffff40;text-align:center;color:#fff}.modal-card h2{font-size:1.9rem;font-weight:900;color:#fbbf24;text-shadow:0 2px 10px rgba(251,191,36,.4),0 2px 6px rgba(0,0,0,.8);letter-spacing:1px;margin-bottom:4px}.modal-large{max-width:480px;max-height:88vh;justify-content:space-between}.hero-header{display:flex;flex-direction:column;align-items:center}#hero-planet-canvas-wrap{width:230px;height:160px;display:flex;align-items:center;justify-content:center;animation:floatHero 3.5s ease-in-out infinite,pulseGlow 3.5s ease-in-out infinite}.game-title{font-size:2.3rem;font-weight:900;background:linear-gradient(180deg,#fff,#fde047,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));margin-top:8px;letter-spacing:-.5px}.game-subtitle{color:#38bdf8;font-size:1rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.menu-actions,.modal-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.menu-footer{color:#94a3b8;font-size:.9rem;font-weight:700}.menu-footer strong{color:#fbbf24}.gameover-header{display:flex;flex-direction:column;align-items:center;gap:4px}.gameover-header h2{color:#ef4444;font-size:1.9rem;font-weight:900}.gameover-stats{display:flex;gap:16px;width:100%}.stat-box{flex:1;background:#1e293bd9;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.72rem;color:#94a3b8;font-weight:800;letter-spacing:.5px}.stat-value{font-size:1.45rem;font-weight:900;color:#f59e0b}.new-best-badge{background:linear-gradient(135deg,#10b981,#059669);border:1.5px solid #34d399;color:#fff;font-weight:900;font-size:.95rem;padding:6px 18px;border-radius:20px;box-shadow:0 4px 14px #10b98166}.modal-header{display:flex;align-items:center;justify-content:space-between;width:100%}.modal-header h2{color:#f59e0b;font-size:1.4rem;font-weight:900}.btn-close{background:#ffffff1a;border:none;color:#cbd5e1;font-size:1.2rem;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.help-scroll-content{overflow-y:auto;max-height:55vh;width:100%;padding-right:4px}.help-desc{color:#cbd5e1;font-size:.9rem;line-height:1.45;margin-bottom:12px}.tier-heading{color:#38bdf8;font-size:.95rem;margin:12px 0 8px}.tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.tier-item{display:flex;align-items:center;gap:10px;background:#1e293bb3;border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 10px}.tier-info{display:flex;flex-direction:column;text-align:left}.tier-name{font-size:.8rem;font-weight:800;color:#fff}.tier-pts{font-size:.68rem;color:#94a3b8}