@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/outfit-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/outfit-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg-space:#07050e;--panel-glass:#16112ba6;--panel-glass-hover:#1e173acc;--primary-gold:#ffb700;--primary-gold-glow:#ffb70066;--cyan-division:#00f0ff;--cyan-glow:#00f0ff66;--magenta-multiplication:#ff007f;--magenta-glow:#ff007f66;--purple-division:#b624ff;--purple-glow:#b624ff66;--success-green:#39ff14;--error-red:#ff3131;--text-primary:#f5f3f7;--text-secondary:#a19bb8;--font-child:"Fredoka", "Segoe UI", Roboto, sans-serif;--font-stats:"Outfit", sans-serif;--transition-bouncy:all .3s cubic-bezier(.175, .885, .32, 1.275);--transition-smooth:all .2s ease-in-out}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-child);width:100vw;height:100dvh;margin:0;padding:0;position:relative;overflow:hidden}#starfield{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#app{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.view-container{background:var(--panel-glass);-webkit-backdrop-filter:blur(20px);opacity:0;border:2px solid #ffffff14;border-radius:32px;flex-direction:column;width:100%;max-width:900px;height:88%;max-height:780px;padding:28px;animation:.5s cubic-bezier(.19,1,.22,1) forwards view-enter;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 20px 50px #00000080,inset 0 1px 1px #ffffff1a}@keyframes view-enter{to{opacity:1;transform:translateY(0)}}.view-scroll-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin-top:5px;padding-top:12px;padding-right:6px;overflow-y:auto;scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-x:hidden!important}.view-scroll-content::-webkit-scrollbar{display:none!important}.gameplay-scroll{flex-direction:column;justify-content:flex-start;gap:16px;padding-bottom:24px;display:flex}h1{text-align:center;color:var(--text-primary);text-shadow:0 0 15px #ffffff4d;margin-bottom:10px;font-size:2.8rem;font-weight:700}.text-gold{color:var(--primary-gold);text-shadow:0 0 15px var(--primary-gold-glow)}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem}.top-bar{top:max(15px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.coin-pill{border:2px solid var(--primary-gold);font-family:var(--font-stats);color:var(--primary-gold);box-shadow:0 0 15px var(--primary-gold-glow);pointer-events:auto;cursor:pointer;transition:var(--transition-bouncy);background:#ffb70026;border-radius:20px;align-items:center;padding:8px 16px;font-size:1.2rem;font-weight:800;animation:3s ease-in-out infinite float;display:flex}.coin-pill:hover{background:#ffb70047;transform:scale(1.06)translateY(-1px);box-shadow:0 0 22px #ffb70073}.coin-pill .coin-icon{margin-right:8px;font-size:1.4rem;animation:4s linear infinite rotate-coin;display:inline-block}.settings-group{pointer-events:auto;gap:10px;display:flex}.icon-btn{cursor:pointer;width:46px;height:46px;color:var(--text-primary);transition:var(--transition-bouncy);background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}@media (hover:hover){.icon-btn:hover{background:#ffffff26;transform:scale(1.1)rotate(5deg)}}.icon-btn:active{transform:scale(.9)}.icon-btn.active{border-color:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 10px var(--primary-gold-glow);background:#ffb70033}.btn-primary{background:linear-gradient(135deg, var(--primary-gold) 0%, #d48800 100%);color:#07050e;font-family:var(--font-child);cursor:pointer;transition:var(--transition-bouncy);white-space:nowrap;border:none;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:1.4rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #ffb70066}@media (hover:hover){.btn-primary:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 15px 35px #ffb70099}}.btn-primary:active{transform:scale(.95)translateY(1px)}.btn-secondary{color:var(--text-primary);font-family:var(--font-child);cursor:pointer;transition:var(--transition-bouncy);white-space:nowrap;background:#ffffff0d;border:2px solid #fff3;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1.2rem;font-weight:600;display:inline-flex}@media (hover:hover){.btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.03)}}.btn-secondary:active{transform:scale(.97)}.btn-emoji{flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;line-height:1;display:inline-flex;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,-apple-system,BlinkMacSystemFont,sans-serif!important}.btn-back{font-family:var(--font-child);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:600;display:flex}@media (hover:hover){.btn-back:hover{color:var(--text-primary);transform:translate(-4px)}}.menu-layout-container{flex-direction:column;gap:20px;width:100%;height:100%;padding:10px 0;display:flex}.menu-header-row{border-bottom:2px solid #ffffff0d;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;padding-bottom:15px;display:flex}.menu-branding{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.menu-branding h1{letter-spacing:2px;text-shadow:0 0 20px #fff6;color:var(--text-primary);margin-bottom:2px;font-size:2.2rem;font-weight:800}.menu-branding .subtitle{letter-spacing:1px;color:var(--primary-gold);text-shadow:0 0 10px var(--primary-gold-glow);margin-bottom:0;font-size:.95rem}.menu-columns-container{flex-direction:row;flex:1;align-items:stretch;gap:30px;width:100%;display:flex}.menu-left-column,.menu-left-panel{text-align:center;background:#ffffff04;border:1.5px solid #ffffff0a;border-radius:28px;flex-direction:column;flex:.9;justify-content:center;align-items:center;gap:15px;width:100%;padding:25px;display:flex}.menu-right-column,.menu-right-panel{flex-direction:column;flex:1.1;justify-content:space-between;align-items:stretch;gap:16px;width:100%;min-width:0;max-width:480px;display:flex}.menu-right-column>.btn-primary,.menu-right-column>.btn-secondary,.menu-right-panel>.btn-primary,.menu-right-panel>.btn-secondary{width:100%;min-width:0;margin-bottom:0!important}.menu-row-buttons{gap:15px;width:100%;display:flex}.menu-row-buttons .btn-secondary{white-space:normal;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:52px;padding:10px 8px;font-size:.9rem;display:flex}.menu-row-buttons .btn-secondary .btn-label{white-space:normal;text-align:center;line-height:1.2}.menu-rocket-container{margin-top:15px;margin-bottom:20px;font-size:8.5rem;animation:4s ease-in-out infinite hover-rocket;display:inline-block}.menu-op-title-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:.85rem;font-weight:700;font-family:var(--font-child);margin:4px 0 -4px}.menu-op-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.menu-op-btn{color:var(--text-primary);font-family:var(--font-child);cursor:pointer;transition:var(--transition-bouncy);text-align:left;background:#ffffff08;border:2px solid #ffffff14;border-radius:22px;align-items:center;gap:12px;min-height:68px;padding:14px 16px;font-size:1.18rem;font-weight:700;display:flex}.menu-op-btn .menu-op-icon{background:#0003;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;display:flex;box-shadow:0 0 12px #ffffff14}.menu-op-btn .menu-op-label{white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.1;overflow:hidden}.menu-op-btn--addition{color:var(--cyan-division);border-color:#00f0ff40}.menu-op-btn--addition:hover{border-color:var(--cyan-division);box-shadow:0 0 15px var(--cyan-glow);background:#00f0ff14}.menu-op-btn--subtraction{color:var(--magenta-multiplication);border-color:#ff007f40}.menu-op-btn--subtraction:hover{border-color:var(--magenta-multiplication);box-shadow:0 0 15px var(--magenta-glow);background:#ff007f14}.menu-op-btn--multiplication{color:var(--primary-gold);border-color:#ffb70040}.menu-op-btn--multiplication:hover{border-color:var(--primary-gold);box-shadow:0 0 15px var(--primary-gold-glow);background:#ffb70014}.menu-op-btn--division{color:var(--purple-division);border-color:#b624ff40}.menu-op-btn--division:hover{border-color:var(--purple-division);box-shadow:0 0 15px var(--purple-glow);background:#b624ff14}.menu-op-btn--geometry{color:orange;border-color:#ffa50040}.menu-op-btn--geometry:hover{background:#ffa50014;border-color:orange;box-shadow:0 0 15px #ffa50073}.menu-op-btn--measurement{color:#0f6;border-color:#00ff6640}.menu-op-btn--measurement:hover{background:#00ff6614;border-color:#0f6;box-shadow:0 0 15px #00ff6673}.menu-op-btn--word-problems{color:#e47dff;border-color:#e47dff4d;grid-column:1/-1;justify-content:center}.menu-op-btn--word-problems:hover{background:#e47dff14;border-color:#e47dff;box-shadow:0 0 15px #e47dff73}.menu-op-btn:hover{transform:translateY(-2px)scale(1.02)}.menu-op-btn:active{transform:scale(.97)}.menu-utility-toolbar{justify-content:space-between;gap:12px;width:100%;margin-top:14px;display:flex}.btn-utility{color:var(--text-primary);font-family:var(--font-child);cursor:pointer;transition:var(--transition-bouncy);background:#ffffff0a;border:1.5px solid #ffffff26;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:10px 8px;font-size:.92rem;font-weight:600;display:flex}.btn-utility .btn-utility-emoji{font-size:1.3rem;line-height:1}.btn-utility .btn-utility-text{color:var(--text-secondary);font-size:.78rem;font-weight:500}.btn-utility{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-utility *{pointer-events:none}.profile-switch-card{transition:all .2s cubic-bezier(.25,.8,.25,1)}.profile-switch-card:hover{transform:translateY(-2px);background:#ffd7000f!important;border-color:#ffd70066!important}.profile-switch-card.active{animation:2s infinite alternate pulse-glow-gold-border}@keyframes pulse-glow-gold-border{0%{box-shadow:0 0 5px #ffd7001a}to{box-shadow:0 0 15px #ffd7004d}}@media (hover:hover) and (pointer:fine){.btn-utility:hover{border-color:var(--primary-gold);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #ffb70026}.btn-utility:hover .btn-utility-text{color:var(--primary-gold)}}.btn-utility:active{transform:scale(.95)}@media (width<=580px){.menu-layout-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;height:auto;margin-top:0;padding:0}.menu-header-row{border-bottom:none!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin-bottom:0!important;padding-bottom:0!important}.menu-branding{text-align:center!important;align-items:center!important}.menu-branding h1{letter-spacing:1.5px;margin-bottom:0!important;font-size:1.25rem!important}.menu-branding .subtitle{display:none!important}.menu-columns-container{width:100%;flex-direction:column!important;gap:12px!important}.menu-left-column,.menu-left-panel{background:0 0!important;border:none!important;flex:none!important;gap:0!important;width:100%!important;padding:0!important}.menu-right-column,.menu-right-panel{flex:none!important;gap:14px!important;width:100%!important;max-width:380px!important}.profile-card-widget{box-sizing:border-box;flex:none;order:1;border-radius:18px!important;gap:10px!important;width:100%!important;max-width:380px!important;margin:0 auto 5px!important;padding:8px 12px!important}.profile-avatar-bubble{width:36px!important;height:36px!important;font-size:1.2rem!important}.profile-meta{text-align:left!important;align-items:flex-start!important}.profile-name{max-width:130px!important;font-size:.95rem!important}.profile-rank{font-size:.72rem!important}.profile-points-badge{border-radius:10px!important;padding:4px 8px!important;font-size:.8rem!important}.profile-skin-badge,.menu-rocket-container,.question-bank-widget{display:none!important}.btn-primary{border-radius:20px!important;padding:12px 20px!important;font-size:1.15rem!important}#play-btn{padding:10px 16px!important}#play-btn span:first-child{font-size:1.15rem!important}#play-btn span:last-child{margin-top:1px!important;font-size:.75rem!important}.btn-secondary{border-radius:18px!important;padding:10px 16px!important;font-size:1rem!important}.menu-row-buttons{gap:8px!important}.menu-row-buttons .btn-secondary{min-height:44px!important;padding:8px 6px!important;font-size:.85rem!important}.btn-emoji{margin-right:4px!important;font-size:1.15rem!important}.menu-op-title-label{margin:8px 0 2px!important;font-size:.76rem!important}.menu-op-grid{gap:12px!important}.menu-op-btn{border-radius:16px!important;gap:8px!important;min-height:50px!important;padding:10px 14px!important;font-size:1rem!important}.menu-op-btn .menu-op-icon{width:26px!important;height:26px!important;font-size:1.1rem!important}.menu-utility-toolbar{gap:8px!important;margin-top:14px!important}.btn-utility{border-radius:14px!important;min-height:44px!important;padding:6px 4px!important}.btn-utility .btn-utility-emoji{font-size:1.05rem!important}.btn-utility .btn-utility-text{font-size:.65rem!important}.view-scroll-content{margin-top:0!important;padding-top:0!important}.view-container.view-menu{padding-top:calc(max(8px, env(safe-area-inset-top)) + 24px)!important;padding-bottom:32px!important}}@media (width<=850px) and (width>=581px){.menu-layout-container{gap:15px!important}.menu-header-row{padding-bottom:10px!important}.menu-branding h1{font-size:1.8rem!important}.menu-branding .subtitle{font-size:.85rem!important}.menu-columns-container{gap:20px!important}.menu-left-column{gap:12px!important;padding:15px!important}.menu-rocket-container{margin-top:10px!important;margin-bottom:12px!important;font-size:6rem!important}.menu-op-grid{gap:12px!important}.menu-op-btn{min-height:58px!important;padding:10px 14px!important;font-size:1.1rem!important}.menu-op-btn .menu-op-icon{width:30px!important;height:30px!important;font-size:1.25rem!important}.btn-utility{min-height:52px!important}}@media (width<=480px){.menu-layout-container{gap:10px!important}.menu-left-panel h1,.menu-branding h1{letter-spacing:1.5px;margin:0 0 4px!important;font-size:1.15rem!important}.menu-left-panel .subtitle,.menu-branding .subtitle{display:none!important}.profile-card-widget{border-radius:14px!important;gap:8px!important;max-width:340px!important;padding:6px 10px!important}.profile-avatar-bubble{width:32px!important;height:32px!important;font-size:1rem!important}.profile-name{max-width:100px!important;font-size:.85rem!important}.profile-rank{font-size:.65rem!important}.profile-points-badge{padding:3px 6px!important;font-size:.75rem!important}.profile-skin-badge{font-size:1.7rem!important}.menu-right-column,.menu-right-panel{gap:10px!important;max-width:340px!important}#play-btn{padding:8px 12px!important}#play-btn span:first-child{font-size:1.05rem!important}#play-btn span:last-child{font-size:.7rem!important}.btn-secondary{border-radius:16px!important;padding:8px 14px!important;font-size:.9rem!important}.menu-row-buttons{gap:6px!important}.menu-row-buttons .btn-secondary{min-height:40px!important;padding:6px 4px!important;font-size:.8rem!important}.menu-op-title-label{margin:10px 0 4px!important;font-size:.72rem!important}.menu-op-grid{gap:8px!important}.menu-op-btn{border-radius:14px!important;gap:8px!important;min-height:44px!important;padding:6px 12px!important;font-size:.95rem!important}.menu-op-btn .menu-op-icon{width:24px!important;height:24px!important;font-size:1.05rem!important}.menu-utility-toolbar{gap:8px!important;margin-top:16px!important}.btn-utility{border-radius:12px!important;min-height:44px!important;padding:6px 4px!important}.btn-utility .btn-utility-emoji{font-size:.9rem!important}.btn-utility .btn-utility-text{font-size:.6rem!important}}.planet-map-grid{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:10px 0;display:grid}.planet-card{cursor:pointer;transition:var(--transition-bouncy);background:#ffffff08;border:2px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.planet-card.locked{opacity:.4;cursor:not-allowed;background:#0003}@media (hover:hover){.planet-card:not(.locked):hover{background:var(--panel-glass-hover);transform:translateY(-8px)scale(1.03);box-shadow:0 15px 30px #0000004d}}.planet-avatar{width:90px;height:90px;transition:var(--transition-bouncy);border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:2.5rem;display:flex;position:relative}@media (hover:hover){.planet-card:not(.locked):hover .planet-avatar{transform:scale(1.1)rotate(10deg)}}.planet-card.locked .planet-avatar:after{content:"🔒";background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4rem;display:flex;position:absolute}.planet-title{text-align:center;margin-bottom:6px;font-size:1.3rem;font-weight:700}.planet-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:15px;font-size:.95rem}.planet-stars-count{font-size:.9rem;font-family:var(--font-stats);color:var(--primary-gold);background:#ffb7001a;border-radius:12px;padding:4px 10px}.missions-view-header{-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1.5px solid #ffffff0d;border-radius:24px;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #00000026}.planet-icon-large{background:#0003;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:3.2rem;display:flex}.mission-list{flex-direction:column;gap:16px;margin-bottom:12px;display:flex}.mission-row{cursor:pointer;transition:var(--transition-bouncy);background:#ffffff08;border:2px solid #ffffff14;border-left:6px solid #ffffff4d;border-radius:22px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mission-row--training{border-left-color:var(--cyan-division)}.mission-row--speed{border-left-color:var(--primary-gold)}.mission-row--boss{border-left-color:var(--magenta-multiplication)}.mission-row--completed{opacity:.95;background:#ffffff03}.mission-icon-container{width:54px;height:54px;transition:var(--transition-bouncy);background:#00000040;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex;box-shadow:inset 0 2px 5px #00000080}@media (hover:hover){.mission-row:hover{background:#ffffff14;transform:scale(1.02)translateY(-2px)}.mission-row--training:hover{border-color:#00f0ff66;border-left-color:var(--cyan-division);box-shadow:0 8px 24px #00f0ff1f}.mission-row--training:hover .mission-icon-container{border-color:var(--cyan-division);box-shadow:0 0 12px var(--cyan-glow);transform:scale(1.08)rotate(-5deg)}.mission-row--speed:hover{border-color:#ffb70066;border-left-color:var(--primary-gold);box-shadow:0 8px 24px #ffb7001f}.mission-row--speed:hover .mission-icon-container{border-color:var(--primary-gold);box-shadow:0 0 12px var(--primary-gold-glow);transform:scale(1.08)rotate(8deg)}.mission-row--boss:hover{border-color:#ff007f66;border-left-color:var(--magenta-multiplication);box-shadow:0 8px 24px #ff007f1f}.mission-row--boss:hover .mission-icon-container{border-color:var(--magenta-multiplication);box-shadow:0 0 12px var(--magenta-glow);transform:scale(1.08)rotate(-8deg)}}.mission-meta{flex-direction:column;flex-grow:1;gap:4px;padding:0 16px;display:flex}.mission-name{color:var(--text-primary);font-size:1.25rem;font-weight:700}.mission-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.35}.mission-badge-reward{font-family:var(--font-stats);color:var(--primary-gold);transition:var(--transition-bouncy);background:#ffb7001a;border:1.5px solid #ffb70040;border-radius:14px;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;font-weight:700;display:flex;box-shadow:0 2px 6px #0003}.mission-row:hover .mission-badge-reward{border-color:var(--primary-gold);box-shadow:0 0 10px var(--primary-gold-glow);background:#ffb70033;transform:scale(1.05)}.mission-status-icon{width:40px;height:40px;transition:var(--transition-bouncy);background:#0003;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:1.4rem;display:flex;box-shadow:inset 0 2px 4px #00000080}.mission-row--completed .mission-status-icon{border-color:var(--success-green);background:#39ff1414;box-shadow:0 0 10px #39ff1433}.game-play-header{font-family:var(--font-stats);justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.game-progress-bar-container{background:#ffffff1a;border-radius:6px;width:100%;height:12px;margin-bottom:25px;position:relative;overflow:hidden}.game-progress-bar-fill{background:linear-gradient(90deg,#ff007f,gold);border-radius:6px;width:0%;height:100%;transition:width .3s}.battlefield{background:#0003;border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;height:110px;margin-bottom:12px;padding:12px 20px;display:flex;position:relative;overflow:hidden}.player-rocket-sprite{transition:var(--transition-bouncy);font-size:4rem;animation:2s ease-in-out infinite hover-rocket}.boss-monster-sprite{font-size:4.5rem;transition:transform .2s ease-in-out;animation:3s ease-in-out infinite monster-float}.question-box{text-align:center;background:#ffffff08;border:2px solid #ffffff14;border-radius:20px;margin-bottom:12px;padding:14px}.question-formula{font-family:var(--font-stats);letter-spacing:2px;text-shadow:0 0 10px #fff3;margin-bottom:10px;font-size:2.4rem;font-weight:800}.options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-btn{font-family:var(--font-stats);color:var(--text-primary);cursor:pointer;transition:var(--transition-bouncy);background:#ffffff0a;border:2.5px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;padding:12px 18px;font-size:1.6rem;font-weight:800;display:flex}@media (hover:hover){.option-btn:hover{background:#ffffff14;border-color:#ffffff4d;transform:scale(1.03)}}.option-btn:active{transform:scale(.95)}.option-btn.correct{box-shadow:0 0 15px #39ff1466;border-color:var(--success-green)!important;color:var(--success-green)!important;background:#39ff1440!important}.option-btn.wrong{box-shadow:0 0 15px #ff313166;border-color:var(--error-red)!important;color:var(--error-red)!important;background:#ff313140!important}.helper-container{border-radius:24px;margin-top:15px}.visual-aid-wrapper{text-align:center;background:#0000004d;border:2px dashed #ffffff26;border-radius:20px;padding:16px}.visual-aid-title{color:var(--text-secondary);margin-bottom:12px;font-size:1.1rem}.visual-aid-counter{color:var(--primary-gold);margin-bottom:15px;font-size:1.15rem;font-weight:600}.visual-aid-counter.completed{color:var(--success-green);animation:.5s ease-in-out infinite alternate celebrate}.visual-aid-grid{justify-content:center;gap:10px;max-width:100%;margin:0 auto;display:grid}.visual-cell{cursor:pointer;width:44px;height:44px;transition:var(--transition-bouncy);background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.visual-cell .visual-number-label{font-family:var(--font-stats);color:var(--primary-gold);font-size:.75rem;font-weight:800;display:none;position:absolute;bottom:2px}.visual-cell.tapped{border-color:var(--primary-gold);box-shadow:0 0 10px var(--primary-gold-glow);background:#ffb70026}.visual-cell.tapped .visual-star-emoji{transform:scale(.85)translateY(-4px)}.visual-cell.tapped .visual-number-label{display:block}.visual-division-board{flex-direction:column;gap:20px;display:flex}.visual-stars-pool{background:#ffffff08;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;display:flex}.visual-pool-star{cursor:pointer;transition:var(--transition-bouncy);font-size:1.8rem}@media (hover:hover){.visual-pool-star:hover{transform:scale(1.3)}}.visual-buckets-container{flex-wrap:wrap;justify-content:space-around;gap:12px;display:flex}.visual-bucket{min-width:100px;transition:var(--transition-smooth);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;flex-direction:column;flex:1;align-items:center;padding:12px;display:flex}.bucket-saucer{margin-bottom:6px;font-size:2.2rem}.bucket-stars{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:30px;display:flex}.bucket-label{color:var(--text-secondary);margin-top:6px;font-size:.85rem}.pool-label{color:var(--text-secondary);margin-bottom:8px;font-size:1rem}.pool-label.completed{color:var(--success-green);font-weight:700}.shop-tabs{gap:15px;margin-bottom:25px;display:flex}.shop-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.shop-card{transition:var(--transition-bouncy);background:#ffffff08;border:2px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative}@media (hover:hover){.shop-card:hover{background:#ffffff12;transform:translateY(-4px)}.shop-card:hover .shop-avatar{transform:scale(1.1)rotate(5deg)}}.shop-name{text-align:center;margin-bottom:15px;font-size:1.15rem;font-weight:700}.shop-btn{cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:16px;padding:10px;font-size:1rem;font-weight:700}.shop-btn.buy{background:var(--primary-gold);color:#000;font-family:var(--font-stats)}.shop-btn.equip{color:var(--text-primary);background:#ffffff14;border:1px solid #fff3}.shop-btn.active-skin{color:var(--success-green);border:1.5px solid var(--success-green);cursor:default;background:#39ff1426}.trophy-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.trophy-card{transition:var(--transition-smooth);background:#ffffff08;border:2px solid #ffffff0f;border-radius:24px;align-items:center;gap:15px;padding:20px;display:flex;position:relative}.trophy-card.locked{opacity:.3}.trophy-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.8rem;display:flex}.trophy-meta{flex-direction:column;gap:4px;display:flex}.trophy-title{font-size:1.05rem;font-weight:700}.trophy-desc{color:var(--text-secondary);font-size:.85rem}.results-modal{text-align:center;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:0;display:flex;overflow:hidden}.results-modal .view-scroll-content{flex:0 auto;overflow-y:auto}.results-icon{flex-shrink:0;font-size:5rem;animation:4s ease-in-out infinite float}.results-stats-panel{background:#ffffff0d;border-radius:20px;justify-content:center;gap:30px;width:100%;min-width:250px;padding:16px;display:flex}.result-stat-item{flex-direction:column;align-items:center;display:flex}.result-stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem}.result-stat-value{font-family:var(--font-stats);color:var(--primary-gold);font-size:1.8rem;font-weight:800}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes hover-rocket{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes monster-float{0%{transform:translateY(0)scaleX(1)}50%{transform:translateY(8px)scaleX(1.05)}to{transform:translateY(0)scaleX(1)}}@keyframes rotate-coin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.04)}}.bounce-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards bounce-in-key}@keyframes bounce-in-key{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.screen-shake{animation:.4s ease-in-out shake-key}@keyframes shake-key{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.astro-guide-bubble{background:#16112bcc;border:2px solid #ffb70066;border-radius:20px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 8px 20px #0000004d,0 0 10px #ffb7001a}.astro-emoji{font-size:2.2rem;animation:3s ease-in-out infinite alternate float}.astro-guide-text{color:var(--primary-gold);text-align:left;text-shadow:0 0 5px #ffb70033;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.pulse-hint{animation:1.5s ease-in-out infinite alternate pulse-hint-key}@keyframes pulse-hint-key{0%{border-color:#ffffff26;box-shadow:0 0 5px #ffb70033}to{border-color:var(--primary-gold);transform:scale(1.06);box-shadow:0 0 15px #ffb700cc}}.pulse-glow-gold{animation:1.2s infinite alternate pulse-glow-gold-key}@keyframes pulse-glow-gold-key{0%{transform:scale(1);box-shadow:0 0 8px #ffb7004d}to{transform:scale(1.03);box-shadow:0 0 20px #ffb700cc}}@media (width<=768px){#app{padding:8px}.view-container{padding:calc(max(15px, env(safe-area-inset-top)) + 45px) 16px 16px 16px;border-radius:24px;height:auto;max-height:98vh}.btn-primary{border-radius:20px;padding:12px 28px;font-size:1.2rem}.btn-secondary{border-radius:18px;padding:10px 20px;font-size:1.05rem}h1{margin-bottom:8px;font-size:1.8rem}.subtitle{margin-bottom:15px;font-size:.9rem}.planet-map-grid{grid-template-columns:repeat(2,1fr);gap:12px}.planet-avatar{width:64px;height:64px;margin-bottom:8px;font-size:1.8rem}.planet-title{font-size:1.1rem}.planet-subtitle{margin-bottom:8px;font-size:.85rem}.battlefield{border-radius:16px;flex-shrink:0;height:95px;margin-bottom:10px;padding:8px 12px}.battlefield-race{border-radius:16px;flex-shrink:0;height:110px;margin-bottom:10px;padding:4px 6px}.racer-rocket{font-size:1.5rem}.racer-rocket.player-rocket{font-size:2rem}.racer-tag{border-radius:4px;padding:1px 4px;font-size:.65rem;top:2px;left:8px}.game-play-header{margin-bottom:12px;font-size:1rem}.game-progress-bar-container{margin-bottom:15px}.player-rocket-sprite{font-size:2.8rem}.boss-monster-sprite{font-size:3rem}.question-box{border-radius:18px;margin-bottom:12px;padding:14px}.question-formula{margin-bottom:12px;font-size:2.3rem}.options-grid{gap:8px}.option-btn{border-radius:14px;padding:12px;font-size:1.6rem}.top-bar{top:max(8px, env(safe-area-inset-top));left:max(15px, env(safe-area-inset-left));right:max(15px, env(safe-area-inset-right))}.coin-pill{padding:4px 10px;font-size:.95rem}.icon-btn{width:38px;height:38px;font-size:1rem}.visual-aid-wrapper{border-radius:16px;padding:10px}.visual-aid-title{margin-bottom:8px;font-size:.95rem}.visual-aid-counter{margin-bottom:10px;font-size:1rem}.visual-cell{border-radius:8px}}@media (width<=480px){#app{height:100dvh!important;padding:6px!important}.view-container{padding:calc(max(8px, env(safe-area-inset-top)) + 44px) 12px 12px 12px!important;border-radius:20px!important;height:auto!important;max-height:calc(100dvh - 38px)!important}.btn-primary{border-radius:18px!important;padding:10px 24px!important;font-size:1.1rem!important}.btn-secondary{border-radius:16px!important;padding:8px 16px!important;font-size:.95rem!important}h1{font-size:1.5rem}.subtitle{margin-bottom:10px;font-size:.85rem}.planet-map-grid{grid-template-columns:1fr;gap:10px}.top-bar{top:max(6px, env(safe-area-inset-top))!important;left:max(6px, env(safe-area-inset-left))!important;right:max(6px, env(safe-area-inset-right))!important}.settings-group{gap:3px}.icon-btn{width:30px;height:30px;font-size:.85rem}.coin-pill{border-radius:14px;padding:4px 8px;font-size:.82rem}.coin-pill .coin-icon{margin-right:4px;font-size:1rem}.battlefield{flex-shrink:0;height:70px;margin-bottom:8px;padding:6px 10px}.battlefield-race{border-radius:12px!important;flex-shrink:0!important;height:90px!important;margin-bottom:8px!important;padding:2px 4px!important}.racer-rocket{font-size:1.2rem!important}.racer-rocket.player-rocket{font-size:1.6rem!important}.racer-tag{border-radius:3px!important;padding:0 3px!important;font-size:.52rem!important;top:1px!important;left:4px!important}.rocket-booster-flame{font-size:.6rem!important;top:20%!important;left:-10px!important}.player-rocket-sprite{font-size:2.2rem}.boss-monster-sprite{font-size:2.4rem}.question-formula{margin-bottom:8px;font-size:1.8rem}.option-btn{border-radius:10px;padding:8px;font-size:1.3rem}.astro-emoji{font-size:1.8rem}.astro-guide-text{font-size:.9rem}.astro-guide-bubble{gap:8px;margin-bottom:10px;padding:8px 12px}.visual-aid-wrapper{padding:8px}.visual-cell{border-radius:6px}.visual-pool-star{font-size:1.4rem}.bucket-saucer{font-size:1.6rem}.visual-bucket{min-width:70px;padding:8px}.speed-engine-grid{flex-direction:column!important;gap:8px!important}.engine-card{min-height:76px!important;transition:var(--transition-bouncy)!important;border-radius:16px!important;flex-direction:row!important;justify-content:space-between!important;padding:8px 16px!important}.engine-card .engine-emoji{font-size:2.2rem!important}.engine-card .engine-time{font-size:1.25rem!important}.speed-config-header{margin-bottom:5px!important}.speed-config-header h1{margin-bottom:2px!important;font-size:1.4rem!important}.speed-config-header .subtitle{margin-bottom:5px!important;font-size:.8rem!important}.speed-record-banner{border-radius:14px!important;padding:8px 12px!important;font-size:.85rem!important}#custom-stepper-area{border-radius:18px!important;gap:12px!important;margin-top:6px!important;padding:8px 16px!important}.stepper-btn{width:42px!important;height:42px!important;font-size:1.4rem!important}#stepper-value{min-width:80px!important;font-size:1.7rem!important}#start-speed-flight-btn{border-radius:20px!important;margin-top:8px!important;padding:12px!important;font-size:1.3rem!important}.missions-view-header{gap:10px!important;margin-bottom:10px!important}.planet-icon-large{width:52px!important;height:52px!important;font-size:2.2rem!important}.mission-list{gap:8px!important;margin-bottom:8px!important}.mission-row{border-left-width:4px!important;border-radius:16px!important;padding:10px 12px!important}.mission-icon-container{border-width:1.5px!important;width:38px!important;height:38px!important;font-size:1.25rem!important}.mission-meta{gap:2px!important;padding:0 8px!important}.mission-name{font-size:1.05rem!important}.mission-desc{font-size:.8rem!important}.mission-badge-reward{border-radius:10px!important;padding:4px 8px!important;font-size:.85rem!important}.mission-status-icon{width:30px!important;height:30px!important;margin-left:4px!important;font-size:1.05rem!important}.podium-container{gap:12px!important;height:150px!important;margin:10px 0!important}.podium-step{width:75px!important}.podium-step--1st{height:110px!important}.podium-step--2nd{height:80px!important}.podium-step--3rd{height:55px!important}.podium-character{top:-52px!important}.podium-avatar{font-size:1.8rem!important}.podium-name{max-width:80px!important;font-size:.75rem!important}.podium-medal{margin-top:6px!important;margin-bottom:2px!important;font-size:1.4rem!important}.podium-label{margin-bottom:6px!important;font-size:.8rem!important}}.speed-config-header{text-align:center;flex-shrink:0;margin-bottom:8px}.speed-config-scroll{flex-direction:column;align-items:center;gap:12px;padding-bottom:8px;display:flex}.speed-launch-footer{flex-shrink:0;width:100%;padding-top:10px}.speed-launch-footer .btn-primary{text-transform:uppercase;letter-spacing:1px;border-radius:28px;width:100%;padding:18px;font-size:1.6rem}.speed-record-banner{-webkit-backdrop-filter:blur(10px);transition:var(--transition-smooth);text-align:center;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:20px;width:100%;padding:14px 20px;font-size:1.05rem;box-shadow:0 4px 15px #0003}@media (hover:hover){.speed-record-banner:hover{border-color:var(--cyan-division);box-shadow:0 0 15px var(--cyan-glow);background:#00f0ff08}}.speed-engine-grid{flex-direction:row;justify-content:center;gap:16px;width:100%;margin:10px 0;display:flex}.engine-card{cursor:pointer;transition:var(--transition-bouncy);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:2.5px solid #ffffff0f;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:170px;padding:24px 16px;display:flex}@media (hover:hover){.engine-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-3px)scale(1.02)}}.engine-card:active{transform:scale(.97)}.engine-card .engine-time{font-size:1.6rem}.engine-card .engine-emoji{transition:var(--transition-bouncy);font-size:4rem}@media (hover:hover){.engine-card:hover .engine-emoji{transform:scale(1.15)rotate(8deg)}}.engine-card.active .engine-emoji{animation:.8s ease-in-out infinite alternate engine-jiggle}@keyframes engine-jiggle{0%{transform:scale(1.05)translateY(-2px)}to{transform:scale(1.05)translateY(2px)}}.engine-card.snail-theme.active{border-color:var(--success-green)!important;background:#39ff141f!important;box-shadow:0 0 20px #39ff1459!important}.engine-card.rabbit-theme.active{border-color:var(--primary-gold)!important;box-shadow:0 0 20px var(--primary-gold-glow)!important;background:#ffb70014!important}.engine-card.rocket-theme.active{border-color:var(--magenta-multiplication)!important;box-shadow:0 0 20px var(--magenta-glow)!important;background:#ff007f1a!important}.engine-card.custom-theme.active{border-color:var(--cyan-division)!important;box-shadow:0 0 20px var(--cyan-glow)!important;background:#00f0ff1a!important}#custom-stepper-area{background:#ffffff08;border:1.5px dashed #00f0ff4d;border-radius:24px;justify-content:center;align-items:center;gap:20px;margin-top:10px;padding:12px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slide-down-stepper;box-shadow:inset 0 0 15px #00f0ff0d;flex-direction:row!important;display:flex!important}@keyframes slide-down-stepper{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stepper-btn{width:50px;height:50px;color:var(--cyan-division);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#00f0ff0d;border:2px solid #00f0ff66;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}@media (hover:hover){.stepper-btn:hover{border-color:var(--cyan-division);box-shadow:0 0 15px var(--cyan-glow);background:#00f0ff26;transform:scale(1.1)}}.stepper-btn:active{transform:scale(.9)}#stepper-value{font-family:var(--font-stats);color:#fff;text-shadow:0 0 10px var(--cyan-glow);text-align:center;-webkit-user-select:none;user-select:none;min-width:110px;font-size:2.2rem;font-weight:800}.timer-pulse{animation:.6s infinite alternate timer-flash}@keyframes timer-flash{0%{filter:drop-shadow(0 0 2px var(--error-red));opacity:.85}to{filter:drop-shadow(0 0 12px var(--error-red));opacity:1;background-color:#ff5f5f}}.music-picker-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);opacity:0;background:#07050ebf;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:fixed;inset:0}.music-picker-overlay.visible{opacity:1}.music-picker-modal{scrollbar-width:none;background:#16112bf2;border:2px solid #ffffff1a;border-radius:28px;width:100%;max-width:520px;max-height:90dvh;padding:28px 24px 24px;transition:transform .35s cubic-bezier(.19,1,.22,1);overflow-y:auto;transform:translateY(30px)scale(.97);box-shadow:0 30px 80px #000000b3,inset 0 1px 1px #ffffff14}.music-picker-overlay.visible .music-picker-modal{transform:translateY(0)scale(1)}.music-picker-modal::-webkit-scrollbar{display:none}.music-picker-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.music-picker-title{font-family:var(--font-child);color:var(--primary-gold);text-shadow:0 0 15px var(--primary-gold-glow);font-size:1.6rem;font-weight:700}.music-picker-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-bouncy);background:#ffffff12;border:1.5px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:flex}@media (hover:hover){.music-picker-close:hover{color:var(--text-primary);background:#ffffff26;transform:scale(1.1)rotate(10deg)}}.music-picker-subtitle{color:var(--text-secondary);margin-bottom:18px;font-size:1.05rem}.music-picker-toggle-row{background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;display:flex}.music-picker-toggle-label{font-family:var(--font-child);color:var(--text-primary);font-size:1.1rem;font-weight:600}.music-picker-onoff-btn{font-family:var(--font-child);cursor:pointer;transition:var(--transition-bouncy);white-space:nowrap;border:none;border-radius:20px;flex-shrink:0;padding:9px 20px;font-size:.95rem;font-weight:700}.music-picker-onoff-btn.on{color:var(--error-red);border:1.5px solid var(--error-red);background:#ff31312e}.music-picker-onoff-btn.off{color:var(--success-green);border:1.5px solid var(--success-green);background:#39ff142e}@media (hover:hover){.music-picker-onoff-btn.on:hover{background:#ff313159;transform:scale(1.05)}.music-picker-onoff-btn.off:hover{background:#39ff1459;transform:scale(1.05)}}.music-track-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.music-track-card{cursor:pointer;transition:var(--transition-bouncy);text-align:center;color:var(--text-primary);font-family:var(--font-child);background:#ffffff08;border:2px solid #ffffff12;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 14px;display:flex;position:relative;overflow:hidden}.music-track-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 0%, var(--track-color,#fff), transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.music-track-card.selected:before{opacity:.08}@media (hover:hover){.music-track-card:hover:before{opacity:.08}.music-track-card:hover{border-color:var(--track-color,#ffffff40);transform:translateY(-5px)scale(1.03);box-shadow:0 8px 24px #0000004d}}.music-track-card.selected{border-color:var(--track-color,var(--primary-gold));box-shadow:0 0 0 2px #ffffff0d, 0 0 20px color-mix(in srgb, var(--track-color,var(--primary-gold)) 50%, transparent);background:#ffffff0d}.track-emoji{font-size:2.2rem;line-height:1;transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.music-track-card.selected .track-emoji{transform:scale(1.2)rotate(-5deg)}@media (hover:hover){.music-track-card:hover .track-emoji{transform:scale(1.2)rotate(-5deg)}}.track-name{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.track-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.track-active-dot{background:var(--track-color,var(--primary-gold));width:8px;height:8px;box-shadow:0 0 8px var(--track-color,var(--primary-gold));border-radius:50%;margin-top:2px;animation:1.2s ease-in-out infinite alternate pulse-dot}@keyframes pulse-dot{0%{opacity:.7;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.music-btn .music-btn-icon{font-size:1.3rem;line-height:1}@media (width<=480px){.music-picker-modal{border-radius:22px;max-height:88dvh;padding:22px 16px 20px}.music-picker-title{font-size:1.3rem}.music-track-grid{grid-template-columns:repeat(2,1fr);gap:10px}.music-track-card{border-radius:16px;padding:14px 10px 12px}.track-emoji{font-size:1.9rem}.track-name{font-size:.85rem}.track-desc{font-size:.72rem}.music-picker-toggle-row{flex-wrap:wrap;gap:8px;padding:10px 14px}}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:calc(100% - 32px);max-width:480px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.cosmic-toast{-webkit-backdrop-filter:blur(20px);width:100%;font-family:var(--font-child);color:var(--text-primary);pointer-events:auto;opacity:0;background:#16112beb;border:1.5px solid #ffffff1a;border-left:4px solid #fff3;border-radius:20px;align-items:center;gap:12px;padding:14px 18px;font-size:1.05rem;font-weight:600;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(20px)scale(.96);box-shadow:0 8px 32px #00000080}.cosmic-toast--visible{opacity:1;transform:translateY(0)scale(1)}.cosmic-toast--dismissing{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)scale(.96)}.cosmic-toast--success{border-left-color:var(--primary-gold);box-shadow:0 8px 32px #00000080,0 0 15px #ffb70026}.cosmic-toast--error{border-left-color:var(--error-red);box-shadow:0 8px 32px #00000080,0 0 15px #ff313133}.cosmic-toast--warning{border-left-color:#f97316;box-shadow:0 8px 32px #00000080,0 0 15px #f9731633}.cosmic-toast--info{border-left-color:var(--cyan-division);box-shadow:0 8px 32px #00000080,0 0 15px #00f0ff26}.cosmic-toast__icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.cosmic-toast__message{flex:1;line-height:1.4}.cosmic-toast__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;padding:2px 4px;font-size:1.3rem;line-height:1;transition:color .2s,transform .2s;display:flex}@media (hover:hover){.cosmic-toast__close:hover{color:var(--text-primary);background:#ffffff1a;transform:scale(1.2)rotate(90deg)}}.cosmic-dialog-backdrop{z-index:10000;-webkit-backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;padding:20px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0}.cosmic-dialog-backdrop--visible{-webkit-backdrop-filter:blur(8px);background:#000000b3}.cosmic-dialog-backdrop--dismissing{-webkit-backdrop-filter:blur();background:0 0}.cosmic-dialog-panel{-webkit-backdrop-filter:blur(40px);text-align:center;opacity:0;background:#16112bf7;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:36px 28px 28px;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:scale(.85)translateY(20px);box-shadow:0 0 40px #ffb7001a,0 20px 60px #0009,inset 0 1px 1px #ffffff14}.cosmic-dialog-panel:before{content:"";filter:blur(30px);pointer-events:none;background:#ffb70014;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.cosmic-dialog-panel:after{content:"";filter:blur(30px);pointer-events:none;background:#5203d51f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-30px;left:-30px}.cosmic-dialog-backdrop--visible .cosmic-dialog-panel{opacity:1;transform:scale(1)translateY(0)}.cosmic-dialog-backdrop--dismissing .cosmic-dialog-panel{opacity:0;transition:opacity .25s,transform .25s;transform:scale(.92)translateY(10px)}.cosmic-dialog__icon{margin-bottom:16px;font-size:3.5rem;line-height:1;display:block}@keyframes cosmic-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.floating-icon{animation:3s ease-in-out infinite cosmic-float}.cosmic-dialog__title{font-family:var(--font-child);color:var(--text-primary);text-shadow:0 0 15px #ffffff26;margin-bottom:10px;font-size:1.7rem;font-weight:700;line-height:1.2}.cosmic-dialog__message{font-family:var(--font-child);color:#d5c4abd9;margin-bottom:28px;padding:0 4px;font-size:1.05rem;line-height:1.6}.cosmic-dialog__actions{gap:12px;width:100%;display:flex}.cosmic-dialog__btn{min-height:52px;font-family:var(--font-child);cursor:pointer;letter-spacing:.02em;z-index:1;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;padding:0 20px;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.cosmic-dialog__btn:focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px}.cosmic-dialog__btn--cancel{color:var(--text-primary);background:#ffffff14;border:1.5px solid #fff3}@media (hover:hover){.cosmic-dialog__btn--cancel:hover{background:#ffffff26;border-color:#ffffff59;transform:scale(1.03)}}.cosmic-dialog__btn--cancel:active{transform:scale(.97)}.cosmic-dialog__btn--danger{color:#fff;background:linear-gradient(135deg,#ff4d4d 0%,#f97316 100%);box-shadow:0 4px 15px #ff4d4d66}@media (hover:hover){.cosmic-dialog__btn--danger:hover{filter:brightness(1.1);transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #ff4d4d8c}}.cosmic-dialog__btn--danger:active{transform:scale(.96)translateY(1px);box-shadow:0 2px 8px #ff4d4d4d}.cosmic-dialog__btn--primary{background:linear-gradient(135deg, var(--primary-gold) 0%, #d48800 100%);color:#07050e;box-shadow:0 4px 15px #ffb70066}@media (hover:hover){.cosmic-dialog__btn--primary:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #ffb7008c}}.cosmic-dialog__btn--primary:active{transform:scale(.96)translateY(1px)}@media (width<=360px){.cosmic-dialog__actions{flex-direction:column}.cosmic-dialog-panel{border-radius:22px;padding:28px 20px 22px}.cosmic-dialog__title{font-size:1.4rem}.cosmic-dialog__message{font-size:.95rem}}.profile-card-widget{cursor:pointer;width:100%;max-width:420px;transition:var(--transition-bouncy);background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:24px;align-items:center;gap:16px;margin:0 0 15px auto;padding:12px 20px;display:flex}.profile-skin-badge{display:none}@media (hover:hover){.profile-card-widget:hover{background:var(--panel-glass-hover);border-color:var(--primary-gold);transform:scale(1.03)translateY(-2px);box-shadow:0 8px 20px #ffb70026}}.profile-shortcuts{gap:8px;width:100%;max-width:420px;margin:-5px auto 15px;display:flex}.profile-avatar-bubble{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex;position:relative;box-shadow:0 0 10px #fff3}.profile-avatar-bubble:after{content:"⚙️";background:#07050ecc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0}.profile-meta{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:1.15rem;font-weight:700;overflow:hidden}.profile-rank{color:var(--text-secondary);font-size:.85rem}.profile-points-badge{font-family:var(--font-stats);color:var(--primary-gold);background:#ffb7001f;border:1px solid #ffb7004d;border-radius:12px;padding:6px 12px;font-size:1rem;font-weight:800}.profile-edit-input{width:100%;font-family:var(--font-child);color:var(--text-primary);text-align:center;transition:var(--transition-smooth);background:#0000004d;border:2px solid #ffffff26;border-radius:16px;outline:none;margin-bottom:20px;padding:14px 20px;font-size:1.25rem}.profile-edit-input:focus{border-color:var(--primary-gold);box-shadow:0 0 15px var(--primary-gold-glow)}.profile-edit-avatar-title{color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:1.1rem}.profile-edit-avatar-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:25px;display:grid}.profile-edit-avatar-btn{aspect-ratio:1;cursor:pointer;transition:var(--transition-bouncy);background:#ffffff08;border:2px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;font-size:1.8rem;display:flex}@media (hover:hover){.profile-edit-avatar-btn:hover{background:#ffffff1a;transform:scale(1.1)}}.profile-edit-avatar-btn.selected{border-color:var(--primary-gold);box-shadow:0 0 12px var(--primary-gold-glow);background:#ffb70026}.profile-badge-btn:hover{transform:scale(1.1);opacity:1!important;background:#ffffff1a!important}.profile-badge-btn:active{transform:scale(.95)}.leaderboard-table{border-collapse:separate;border-spacing:0 8px;width:100%;margin-top:10px}.leaderboard-row{transition:var(--transition-smooth);background:#ffffff05;border:1.5px solid #ffffff0d;border-radius:18px}@media (hover:hover){.leaderboard-row:hover{background:#ffffff0f;transform:translate(4px)}}.leaderboard-row.player-row{border:2px solid var(--primary-gold);background:#ffb70012;box-shadow:0 0 15px #ffb70026}.leaderboard-cell{color:var(--text-primary);padding:12px 16px;font-size:1.1rem}.leaderboard-cell:first-child{text-align:center;border-top-left-radius:18px;border-bottom-left-radius:18px;width:60px}.leaderboard-cell:last-child{text-align:right;border-top-right-radius:18px;border-bottom-right-radius:18px;width:120px}.leaderboard-rank-medal{font-size:1.5rem;font-weight:800;font-family:var(--font-stats)}.leaderboard-avatar{vertical-align:middle;margin-right:10px;font-size:1.5rem;display:inline-block}.leaderboard-name-wrapper{vertical-align:middle;display:inline-block}.leaderboard-name{align-items:center;gap:8px;font-weight:700;display:flex}.leaderboard-rocket-icon{opacity:.7;font-size:1rem}.leaderboard-points{font-family:var(--font-stats);color:var(--primary-gold);white-space:nowrap;font-size:1.15rem;font-weight:800}.player-row .leaderboard-name{color:var(--primary-gold)}.player-row .leaderboard-rank-medal{color:var(--primary-gold);text-shadow:0 0 10px var(--primary-gold-glow)}.battlefield-race{background:#00000059;border:2px solid #ffffff14;border-radius:20px;flex-direction:column;flex-shrink:0;height:130px;margin-bottom:12px;padding:6px 10px;display:flex;position:relative;overflow:hidden}.race-lane{border-bottom:1.5px dashed #ffffff14;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.race-lane:last-child{border-bottom:none}.lane-line{pointer-events:none;opacity:.7;background-image:radial-gradient(circle,#ffffff1f 1px,#0000 1px);background-size:40px 100%;width:200%;height:100%;animation:4s linear infinite cosmic-scroll;position:absolute;top:0;left:0}.racer-tag{color:var(--text-secondary);pointer-events:none;z-index:2;background:#07050eb3;border:1px solid #ffffff14;border-radius:8px;padding:2px 8px;font-size:.75rem;position:absolute;top:4px;left:12px}.race-lane.player-lane .racer-tag{color:var(--primary-gold);border-color:var(--primary-gold);background:#ffb70014}.racer-rocket{z-index:3;font-size:1.8rem;transition:left .8s cubic-bezier(.25,.8,.25,1);position:absolute;top:55%;left:10%;transform:translateY(-50%)}.racer-rocket.player-rocket{filter:drop-shadow(0 0 10px var(--primary-gold-glow));font-size:2.4rem}.rocket-booster-flame{font-size:1rem;animation:.2s linear infinite alternate rocket-flame;position:absolute;top:30%;left:-20px;transform:rotate(90deg)}.finish-line{opacity:.65;z-index:1;background:repeating-linear-gradient(45deg,#fff,#fff 5px,#000 5px 10px);width:10px;height:100%;position:absolute;top:0;right:12%;box-shadow:0 0 10px #ffffff4d}@keyframes cosmic-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rocket-flame{0%{opacity:.7;transform:rotate(90deg)scale(.85)}to{opacity:1;transform:rotate(90deg)scale(1.15)}}.overtake-notification{color:#07050e;z-index:20;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffb700f2,#d48800f2);border-radius:9999px;padding:8px 24px;font-size:1.15rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:15px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 20px #ffb70066}.overtake-notification.visible{opacity:1;transform:translate(-50%)translateY(0)}.podium-container{justify-content:center;align-items:flex-end;gap:20px;width:100%;height:200px;margin:20px 0;display:flex}.podium-step{border:1px solid #ffffff1a;border-radius:16px 16px 8px 8px;flex-direction:column;justify-content:flex-end;align-items:center;width:90px;display:flex;position:relative;box-shadow:0 10px 25px #0000004d}.podium-step--2nd{background:linear-gradient(#d5c4ab33 0%,#d5c4ab0d 100%);border-color:#d5c4ab66;height:100px}.podium-step--1st{border-color:var(--primary-gold);background:linear-gradient(#ffb70040 0%,#ffb7000d 100%);height:140px}.podium-step--3rd{background:linear-gradient(#f9731626 0%,#f973160d 100%);border-color:#f973164d;height:70px}.podium-medal{margin-top:10px;margin-bottom:5px;font-size:1.8rem}.podium-label{color:var(--text-primary);margin-bottom:10px;font-size:.95rem;font-weight:700}.podium-character{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:-65px}.podium-avatar{margin-bottom:2px;font-size:2.2rem;animation:3s ease-in-out infinite alternate float}.podium-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.85rem;overflow:hidden}.podium-step--1st .podium-name{color:var(--primary-gold);font-weight:700}.coop-battle-panel{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:8px;display:flex}.coop-hp-title{color:var(--text-secondary);font-size:.8rem}.coop-duel-meters{gap:15px;width:80%;max-width:320px;margin-top:6px;display:flex}.coop-duel-bar{flex-direction:column;flex:1;gap:4px;display:flex}.coop-bar-label{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.coop-bar-track{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.coop-bar-fill{background:var(--primary-gold);width:0%;height:100%;transition:width .4s}.coop-duel-bar--rival .coop-bar-fill{background:var(--cyan-division)}.player-rocket-coop-rival{transition:var(--transition-bouncy);font-size:3.5rem;animation:2.5s ease-in-out infinite alternate hover-rocket;position:absolute;top:15px;left:20px}.player-rocket-sprite-coop{transition:var(--transition-bouncy);font-size:4rem;animation:2s ease-in-out infinite hover-rocket;position:absolute;bottom:15px;left:20px}.transmission-backdrop{z-index:12000;-webkit-backdrop-filter:blur(15px);opacity:0;pointer-events:none;background:#04020cd9;justify-content:center;align-items:center;padding:20px;transition:opacity .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;inset:0}.transmission-backdrop--visible{opacity:1;pointer-events:auto}.transmission-panel{text-align:center;background:#0e0a1ff2;border:2px solid #00f6ff4d;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:30px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:scale(.9)translateY(30px);box-shadow:0 0 50px #00f6ff26,0 20px 40px #000c,inset 0 1px 2px #ffffff1a}.transmission-backdrop--visible .transmission-panel{transform:scale(1)translateY(0)}.transmission-radar-screen{background:radial-gradient(circle,#00f6ff14 0%,#0000 70%);border:1.5px solid #00f6ff66;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.transmission-radar-sweep{transform-origin:0 0;pointer-events:none;background:conic-gradient(#00f6ff4d 0deg,#0000 90deg 360deg);width:100%;height:100%;animation:2.5s linear infinite radar-sweep;position:absolute;top:50%;left:50%}.transmission-satellite{z-index:2;font-size:3.5rem;animation:4s ease-in-out infinite alternate satellite-wobble}.transmission-progress-track{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:12px;margin:15px 0;position:relative;overflow:hidden}.transmission-progress-bar{background:linear-gradient(90deg,#00f0ff,#00ff8e);width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #00f0ffcc}.transmission-log-terminal{width:100%;font-family:var(--font-stats);text-align:left;scrollbar-width:none;background:#0006;border:1px solid #ffffff14;border-radius:12px;height:110px;margin-bottom:20px;padding:12px;font-size:.85rem;overflow-y:auto}.transmission-log-terminal::-webkit-scrollbar{display:none}.transmission-log-line{color:var(--text-secondary);opacity:0;align-items:center;gap:6px;margin-bottom:5px;line-height:1.3;animation:.25s forwards fade-in-log;display:flex;transform:translateY(5px)}.transmission-log-line.active{color:#00f0ff}.transmission-log-line.success{color:#00ff8e}.transmission-log-line.error{color:var(--error-red)}.transmission-success-badge{margin-bottom:10px;font-size:3rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scale-up-pop}@keyframes radar-sweep{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes satellite-wobble{0%{transform:translate(0)rotate(-5deg)}to{transform:translate(5px,-5px)rotate(10deg)}}@keyframes fade-in-log{to{opacity:1;transform:translateY(0)}}@keyframes scale-up-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pulse-glow-cyan{animation:2s infinite alternate pulse-glow-cyan-keyframes}@keyframes pulse-glow-cyan-keyframes{0%{box-shadow:0 0 10px #00f6ff33,inset 0 1px 1px #ffffff14}to{border-color:#00f6ff99;box-shadow:0 0 25px #00f6ff80,inset 0 1px 1px #ffffff14}}#site-footer{z-index:3;padding:6px 20px;padding-bottom:max(6px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000 0%,#07050eb8 100%);justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-copy,.footer-sep{font-family:var(--font-stats);color:#a19bb88c;letter-spacing:.03em;pointer-events:none;font-size:.72rem}.footer-support{font-family:var(--font-stats);color:#a19bb88c;letter-spacing:.03em;pointer-events:auto;font-size:.72rem;text-decoration:none;transition:color .2s,text-shadow .2s}@media (hover:hover){.footer-support:hover{color:var(--cyan-division);text-shadow:0 0 8px var(--cyan-glow)}}.footer-support:active{color:var(--primary-gold)}@media (width<=360px){#site-footer{gap:6px}.footer-copy,.footer-sep,.footer-support{font-size:.62rem}}.op-select-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:960px;margin:15px auto;padding:0 10px;display:grid}.op-card{background:var(--panel-glass);text-align:center;cursor:pointer;transition:var(--transition-bouncy);-webkit-backdrop-filter:blur(30px);border:2px solid #ffffff0f;border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.op-avatar{width:70px;height:70px;transition:var(--transition-bouncy);background:#ffffff08;border:3px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.op-title{font-family:var(--font-child);font-size:1.4rem;font-weight:700}.op-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.4}@media (hover:hover){.op-card:hover{background:var(--panel-glass-hover);transform:translateY(-5px)scale(1.03)}.op-card--addition:hover{border-color:var(--cyan-division);box-shadow:0 10px 25px #00f0ff40}.op-card--subtraction:hover{border-color:var(--magenta-multiplication);box-shadow:0 10px 25px #ff007f40}.op-card--multiplication:hover{border-color:var(--primary-gold);box-shadow:0 10px 25px #ffb70040}.op-card--division:hover{border-color:var(--purple-division);box-shadow:0 10px 25px #b624ff40}.op-card:hover .op-avatar{transform:rotate(15deg)scale(1.1)}}.column-calc-container{border:1.5px solid #ffffff14;width:100%;max-width:320px;margin:10px auto;box-shadow:inset 0 1px 1px #ffffff14,0 8px 30px #00000080}.column-math-grid{border-bottom:2px solid #ffffff4d!important}.step-guide-panel{border:1px solid #ffffff0f}.visual-cell.zapped{transition:all .3s;transform:scale(.9);border-style:dotted!important}.visual-cell.highlight-remaining{box-shadow:0 0 10px var(--cyan-glow);animation:2s ease-in-out infinite alternate float}.share-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;background:#07050ebf;justify-content:center;align-items:center;padding:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}.share-modal-backdrop--visible{opacity:1}.share-modal-panel{-webkit-backdrop-filter:blur(40px);background:#16112bf7;border:1.5px solid #ffb70040;border-radius:28px;flex-direction:column;gap:14px;width:100%;max-width:520px;padding:28px 24px 22px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards share-pop-in;display:flex;box-shadow:0 30px 70px #0009,0 0 40px #ffb70012}@keyframes share-pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.share-modal-header{justify-content:space-between;align-items:center;display:flex}.share-modal-title{font-family:var(--font-child);color:var(--primary-gold);align-items:center;gap:10px;font-size:1.35rem;font-weight:700;display:flex}.share-title-emoji{font-size:1.6rem;animation:2.5s ease-in-out infinite float}.share-close-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.share-close-btn:hover{border-color:var(--error-red);color:var(--error-red);background:#ff313126}.share-modal-subtitle{font-family:var(--font-child);color:var(--text-secondary);text-align:center;margin:-4px 0 2px;font-size:1rem}.share-preview-wrapper{background:#07050e;border:1.5px solid #ffb70033;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0006}.share-preview-image{border-radius:14px;width:100%;height:auto;display:block}.share-btn-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.share-btn{cursor:pointer;transition:var(--transition-bouncy);font-family:var(--font-child);color:var(--text-primary);background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;display:flex}@media (hover:hover){.share-btn:hover{transform:translateY(-4px)scale(1.04)}}.share-btn:active{transform:scale(.94)}.share-btn-icon{font-size:1.6rem;line-height:1}.share-btn-label{white-space:nowrap;font-size:.72rem;font-weight:600}.share-btn--facebook{background:#1877f214;border-color:#1877f259}.share-btn--facebook:hover{background:#1877f22e;border-color:#1877f2;box-shadow:0 0 16px #1877f24d}.share-btn--zalo{background:#0068ff14;border-color:#0068ff59}.share-btn--zalo:hover{background:#0068ff2e;border-color:#0068ff;box-shadow:0 0 16px #0068ff4d}.share-btn--twitter{background:#0000004d;border-color:#ffffff2e}.share-btn--twitter:hover{background:#00000080;border-color:#ffffff80;box-shadow:0 0 16px #ffffff1f}.share-btn--copy{background:#00f0ff0f;border-color:#00f0ff40}.share-btn--copy:hover{border-color:var(--cyan-division);box-shadow:0 0 16px var(--cyan-glow);background:#00f0ff24}.share-btn--download{background:#39ff140f;border-color:#39ff1440}.share-btn--download:hover{border-color:var(--success-green);background:#39ff1424;box-shadow:0 0 16px #39ff1440}.share-skip-btn{color:var(--text-secondary);font-family:var(--font-child);cursor:pointer;text-align:center;transition:var(--transition-smooth);background:0 0;border:none;padding:6px;font-size:.95rem}.share-skip-btn:hover{color:var(--text-primary);text-decoration:underline}@media (width<=480px){.share-modal-panel{border-radius:22px;gap:12px;padding:20px 16px 16px}.share-btn-row{gap:8px}.share-btn{padding:10px 4px 8px}.share-btn-icon{font-size:1.3rem}.share-btn-label{font-size:.64rem}}.rival-live-badge{font-size:.62rem;font-weight:700;font-family:var(--font-stats);color:#ff4545;letter-spacing:.5px;vertical-align:middle;background:#ff313126;border:1px solid #ff313159;border-radius:8px;align-items:center;gap:2px;padding:1px 5px;animation:1.8s ease-in-out infinite live-pulse;display:inline-flex}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (hover:hover){.op-card--geometry:hover{border-color:orange;box-shadow:0 10px 25px #ffa50059}}.geometry-svg-container{justify-content:center;align-items:center;width:100%;max-width:320px;height:200px;margin:15px auto;display:flex;position:relative}.geometry-svg{filter:drop-shadow(0 4px 8px #0006);width:100%;height:100%;overflow:visible}.geometry-shape{fill:#ffffff0a;stroke:#00f6ff80;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transition:all .3s}.geometry-shape.tapped{stroke:var(--primary-gold);filter:drop-shadow(0 0 15px var(--primary-gold-glow));fill:#ffd3001f}.geometry-side{stroke:#00f6ff59;stroke-width:8px;stroke-linecap:round;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.geometry-side-trigger{stroke:#0000;stroke-width:26px;stroke-linecap:round;cursor:pointer;pointer-events:auto}.geometry-side-trigger:hover+.geometry-side,.geometry-side.tapped{stroke:var(--primary-gold);filter:drop-shadow(0 0 12px var(--primary-gold-glow));stroke-width:11px}.geometry-corner{fill:#0e0a1ff2;stroke:var(--cyan-division);stroke-width:3.5px;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.geometry-corner:hover,.geometry-corner.tapped{fill:var(--primary-gold);stroke:#fff;filter:drop-shadow(0 0 15px var(--primary-gold-glow));r:16px}.geometry-text{font-family:var(--font-stats);fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:.95rem;font-weight:700;animation:.3s forwards scale-up-pop}.geometry-side.pulse-hint{stroke:#00f6ffd9;animation:1.2s infinite alternate geometry-neon-pulse}.geometry-corner.pulse-hint{stroke:#00f6ffd9;animation:1.2s infinite alternate geometry-neon-pulse-corner}@keyframes geometry-neon-pulse{0%{filter:drop-shadow(0 0 3px #00f6ff66);stroke-width:8px}to{filter:drop-shadow(0 0 12px #00f6ffe6);stroke-width:11px}}@keyframes geometry-neon-pulse-corner{0%{filter:drop-shadow(0 0 3px #00f6ff66);stroke-width:3.5px}to{filter:drop-shadow(0 0 15px #00f6ffe6);stroke-width:5px}}.planet-card.premium-locked{position:relative;background:#0a051499!important;border-color:#b624ff4d!important;box-shadow:0 0 15px #b624ff1a!important}.planet-card.premium-locked:before{content:"Cosmic Pass";color:#fff;font-family:var(--font-stats);z-index:5;letter-spacing:.5px;background:linear-gradient(135deg,#b624ff 0%,#ff007f 100%);border-radius:8px;padding:3px 8px;font-size:.75rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 0 10px #b624ff80}.planet-card.premium-locked .planet-avatar{position:relative;border-color:#b624ff!important;box-shadow:0 0 15px #b624ff80!important}.planet-card.premium-locked .planet-avatar:after{content:"🔒";z-index:3;background:#07050ebf;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;display:flex;position:absolute;top:0;left:0}.planet-card.premium-locked .planet-title{opacity:.85;color:#b624ff!important}.op-card.premium-locked{position:relative;border-color:#b624ff4d!important}.op-card.premium-locked:before{content:"Cosmic Pass";color:#fff;font-family:var(--font-stats);z-index:5;background:linear-gradient(135deg,#b624ff 0%,#ff007f 100%);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 0 10px #b624ff80}.upgrade-modal-backdrop{-webkit-backdrop-filter:blur(15px);z-index:1000;opacity:0;pointer-events:auto;background:#07050ed9;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;transition:opacity .35s;display:flex;position:fixed;top:0;left:0}.upgrade-modal-backdrop--visible{opacity:1}.upgrade-modal-panel{background:#16112bf2;border:2px solid #b624ff4d;border-radius:32px;flex-direction:column;width:100%;max-width:500px;padding:32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;transform:translateY(30px)scale(.95);box-shadow:0 20px 60px #b624ff40,inset 0 1px 1px #ffffff1a}.upgrade-modal-backdrop--visible .upgrade-modal-panel{transform:translateY(0)scale(1)}.upgrade-close-x{color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:20px;right:20px}.upgrade-close-x:hover{color:var(--text-primary);background:#ffffff14}.upgrade-emoji{text-align:center;margin-bottom:12px;font-size:3.5rem;animation:4s ease-in-out infinite float}.upgrade-title{text-align:center;color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#b624ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.upgrade-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:1.1rem;line-height:1.4}.upgrade-price-tag{text-align:center;font-size:1.8rem;font-weight:800;font-family:var(--font-stats);color:var(--primary-gold);text-shadow:0 0 10px var(--primary-gold-glow);margin-bottom:20px}.upgrade-features-list{background:#0003;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:12px;margin-bottom:28px;padding:16px 20px;display:flex}.upgrade-feature-item{align-items:center;gap:10px;font-size:1.05rem;display:flex}.upgrade-feature-check{color:var(--success-green);font-weight:700}.upgrade-action-row{flex-direction:column;gap:12px;display:flex}.upgrade-btn-unlock{width:100%;color:#fff!important;background:linear-gradient(135deg,#b624ff 0%,#ff007f 100%)!important;box-shadow:0 10px 25px #b624ff66!important}.upgrade-btn-unlock:hover{box-shadow:0 15px 30px #b624ff99!important}.upgrade-btn-maybe{color:var(--text-secondary);font-family:var(--font-child);cursor:pointer;transition:var(--transition-smooth);text-align:center;background:0 0;border:1.5px solid #ffffff26;border-radius:24px;width:100%;padding:14px;font-size:1.1rem;font-weight:600}.upgrade-btn-maybe:hover{color:var(--text-primary);background:#ffffff0d}.checkout-panel{flex-direction:column;align-items:center;width:100%;display:flex}.checkout-header{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);align-self:flex-start;align-items:center;gap:10px;margin-bottom:20px;font-weight:600;display:flex}.checkout-header:hover{color:var(--text-primary)}.checkout-momo-qr{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 10px 25px #0000004d}.checkout-stripe-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;width:100%;margin-bottom:24px;padding:20px;display:flex}.checkout-stripe-input{color:var(--text-primary);font-family:var(--font-stats);transition:var(--transition-smooth);background:#00000040;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px;font-size:1.05rem}.checkout-stripe-input:focus{border-color:#b624ff;box-shadow:0 0 8px #b624ff4d}.checkout-spinner{border:4px solid #b624ff33;border-top-color:#b624ff;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite checkout-spin}@keyframes checkout-spin{to{transform:rotate(360deg)}}.parent-scroll-content{flex-direction:column;gap:15px;display:flex}.parent-metrics-row{grid-template-columns:repeat(4,1fr);gap:15px;width:100%;display:grid}.glass-card{-webkit-backdrop-filter:blur(25px);background:#16112b99;border:1.5px solid #ffffff14;border-radius:24px;box-shadow:0 10px 30px #0006}.metric-card{text-align:center;transition:var(--transition-bouncy);flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;display:flex}@media (hover:hover){.metric-card:hover{border-color:var(--primary-gold);transform:translateY(-4px);box-shadow:0 10px 25px #ffd70026}}.metric-icon{margin-bottom:6px;font-size:2rem}.metric-val{font-family:var(--font-stats);color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.1}.metric-lbl{color:var(--text-secondary);margin-top:4px;font-size:.8rem}.parent-section{padding:24px}.parent-heatmap-legend{color:var(--text-secondary);gap:20px;margin:12px 0 20px;font-size:.9rem;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.completed{background:var(--success-green);box-shadow:0 0 8px var(--success-green)}.legend-dot.unlocked{background:var(--cyan-division);box-shadow:0 0 8px var(--cyan-division)}.legend-dot.locked{background:#fff3}.parent-heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;width:100%;display:grid}.parent-heatmap-item{text-align:center;transition:var(--transition-smooth);background:#ffffff05;border:1.5px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;padding:12px 8px;display:flex;position:relative}.parent-heatmap-item .heatmap-avatar{margin-bottom:4px;font-size:1.8rem}.parent-heatmap-item .heatmap-op-badge{opacity:.8;font-size:.75rem;position:absolute;top:6px;right:6px}.parent-heatmap-item .heatmap-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:4px;padding:0 4px;font-size:.78rem;font-weight:700;overflow:hidden}.parent-heatmap-item .heatmap-score{font-size:.7rem;font-family:var(--font-stats);color:var(--text-secondary);margin-top:2px}.parent-heatmap-item.completed{border-color:var(--success-green);background:#39ff140a;box-shadow:0 0 10px #39ff1414}.parent-heatmap-item.completed .heatmap-score{color:var(--success-green);font-weight:700}.parent-heatmap-item.unlocked{border-color:var(--cyan-division);background:#00f0ff0a;box-shadow:0 0 10px #00f0ff14}.parent-heatmap-item.unlocked .heatmap-score{color:var(--cyan-division)}.parent-heatmap-item.locked{opacity:.45;background:#0003}.shake-anim{animation:.5s parent-shake}@keyframes parent-shake{0%,to{transform:scale(1)translate(0)}20%,60%{transform:scale(1)translate(-8px)}40%,80%{transform:scale(1)translate(8px)}}.parent-verify-modal{max-width:380px}.parent-verify-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.parent-verify-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.parent-verify-input{-moz-appearance:textfield}@media (width<=768px){.parent-metrics-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.parent-metrics-row{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{padding:12px 8px}.metric-icon{font-size:1.6rem}.metric-val{font-size:1.25rem}.parent-section{padding:16px}.parent-heatmap-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.slide-down{animation:.5s cubic-bezier(.16,1,.3,1) forwards slide-down-anim}@keyframes slide-down-anim{0%{opacity:0;max-height:0;overflow:hidden;transform:translateY(-20px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes pulse-glow-purple-key{0%{transform:scale(1);box-shadow:0 0 8px #b624ff4d}to{transform:scale(1.02);box-shadow:0 0 20px #b624ffcc}}.pwa-console-card{-webkit-backdrop-filter:blur(20px);width:100%;transition:var(--transition-bouncy);background:#16112bb3;border:1.5px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:12px 18px;display:flex}.pwa-console-card:hover{background:#1e173ad9;border-color:#ffffff26;transform:translateY(-2px)}.pwa-console-card--purple{border-color:#b624ff59;box-shadow:0 0 15px #b624ff26}.pwa-console-card--purple:hover{border-color:var(--purple-division);box-shadow:0 0 25px #b624ff59}.pwa-console-card--gold{border-color:#ffb70059;box-shadow:0 0 15px #ffb70026}.pwa-console-card--gold:hover{border-color:var(--primary-gold);box-shadow:0 0 25px #ffb70059}.btn-pwa-action{background:linear-gradient(135deg, var(--primary-gold) 0%, #d48800 100%);font-family:var(--font-child);color:#07050e;cursor:pointer;transition:var(--transition-bouncy);white-space:nowrap;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;min-height:38px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #ffb70066}.btn-pwa-action:hover{filter:brightness(1.08);transform:scale(1.06)translateY(-1px);box-shadow:0 6px 14px #ffb700a6}.btn-pwa-action:active{transform:scale(.94)translateY(1px)}.btn-pwa-action--secondary{border:1.5px solid var(--primary-gold);color:var(--primary-gold);box-shadow:none;background:#ffb70026}.btn-pwa-action--secondary:hover{box-shadow:0 4px 12px var(--primary-gold-glow);background:#ffb70040}.btn-pwa-action--purple{border:1.5px solid var(--purple-division);color:var(--purple-division);box-shadow:none;background:#b624ff26}.btn-pwa-action--purple:hover{background:#b624ff40;box-shadow:0 4px 12px #b624ff33}.route-loading-overlay{-webkit-backdrop-filter:blur(15px);z-index:10000;opacity:0;pointer-events:none;background:#07050ed9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.route-loading-overlay.active{opacity:1;pointer-events:auto}.route-loading-spinner{width:100px;height:100px;margin-bottom:24px;position:relative}.route-loading-spinner:before{content:"";border:4.5px solid #0000;border-top-color:var(--cyan-division);border-left-color:var(--cyan-division);filter:drop-shadow(0 0 10px var(--cyan-glow));border-radius:50%;animation:1.5s cubic-bezier(.5,0,.5,1) infinite route-spin;position:absolute;inset:0}.route-loading-spinner:after{content:"";border:4px solid #0000;border-bottom-color:var(--magenta-multiplication);border-right-color:var(--magenta-multiplication);filter:drop-shadow(0 0 10px var(--magenta-glow));border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite route-spin-reverse;position:absolute;inset:14px}.route-loading-rocket{font-size:2.2rem;animation:2.5s ease-in-out infinite route-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.route-loading-text{font-family:var(--font-child);color:var(--text-primary);text-shadow:0 0 12px #ffffff59;text-align:center;letter-spacing:.5px;margin-top:15px;padding:0 20px;font-size:1.45rem;font-weight:700}.route-loading-subtext{font-family:var(--font-child);color:var(--cyan-division);opacity:.9;text-align:center;margin-top:8px;padding:0 20px;font-size:.95rem;animation:1.5s infinite alternate route-pulse-text}@keyframes route-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes route-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes route-float{0%,to{transform:translate(-50%,-52%)scale(1)}50%{transform:translate(-50%,-48%)scale(1.08)}}@keyframes route-pulse-text{0%{opacity:.6;text-shadow:0 0 5px #00f0ff33}to{opacity:1;text-shadow:0 0 12px #00f0ff99}}.star-particle{pointer-events:none;z-index:9999;-webkit-user-select:none;user-select:none;font-size:1.6rem;animation:.75s cubic-bezier(.25,1,.5,1) forwards starFloatUp;position:absolute}@keyframes starFloatUp{0%{opacity:1;transform:scale(0)translate(0)}40%{transform:scale(1.3) translate(var(--dx), var(--dy));opacity:1}to{transform:scale(.6) translate(var(--tx), var(--ty));opacity:0}}.combo-streak-badge{font-family:var(--font-stats);color:#fff;text-shadow:0 1px 3px #00000080;background:linear-gradient(135deg,#ff4500,#ff8c00);border:2px solid gold;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:1.1rem;font-weight:800;animation:.8s ease-in-out infinite alternate combo-pulse;display:inline-flex;box-shadow:0 0 15px #ff450066}@keyframes combo-pulse{0%{transform:scale(1);box-shadow:0 0 10px #ff450066}to{transform:scale(1.06);box-shadow:0 0 20px #ff4500b3}}.bonus-bar-outer{background:#ffffff14;border:1px solid #ffffff0a;border-radius:4px;width:100%;height:8px;margin-top:8px;margin-bottom:10px;position:relative;overflow:hidden}.bonus-bar-fill{background:linear-gradient(90deg,#00f0ff,#ff85e0);border-radius:4px;width:100%;height:100%;box-shadow:0 0 8px #00f0ff80}.boost-fire{animation:.6s ease-out forwards booster-thrust-pop}@keyframes booster-thrust-pop{0%{transform:scale(1)}30%{filter:drop-shadow(0 0 8px #ff4500);transform:scale(1.8)translate(-10px,2px)}to{transform:scale(1)}}.button-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards button-pop-bounce}@keyframes button-pop-bounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.hyper-warp-overlay{pointer-events:none;z-index:9999;width:100vw;height:100vh;animation:.8s ease-out forwards fade-out-warp;position:fixed;top:0;left:0;box-shadow:inset 0 0 60px #00f0ff4d}@keyframes fade-out-warp{0%{opacity:1}to{opacity:0}}.speedy-cadet-popup{border:2px solid var(--cyan-division);color:var(--primary-gold);font-family:var(--font-stats);box-shadow:0 0 20px var(--cyan-glow);z-index:1000;pointer-events:none;background:#07050ee6;border-radius:20px;padding:10px 20px;font-size:1.3rem;font-weight:800;animation:1.2s ease-out forwards popup-float-up;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes popup-float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.8)}}.screen-shake{backface-visibility:hidden;perspective:1000px;animation:.35s cubic-bezier(.36,.07,.19,.97) both shake;transform:translate(0,0)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.astro-bounce{animation:.8s ease-in-out forwards astro-bounce-key}@keyframes astro-bounce-key{0%,to{transform:scale(1)translateY(0)}30%{transform:scale(1.3)translateY(-12px)}50%{transform:scale(.9)translateY(0)}70%{transform:scale(1.1)translateY(-4px)}}.encourage-glow{animation:1.5s ease-in-out forwards encourage-glow-key}@keyframes encourage-glow-key{0%{border-color:#ffffff14;box-shadow:0 4px 10px #00000026}30%{border-color:#ffb70080;box-shadow:0 0 25px #ffb70080}to{border-color:#ffb70080;box-shadow:0 4px 10px #00000026}}.encouragement-popup{border:2px solid var(--primary-gold);color:#fff;font-family:var(--font-stats);box-shadow:0 0 25px var(--primary-gold-glow);z-index:1000;pointer-events:none;text-shadow:0 0 5px #ffb70099;background:#120a1ef2;border-radius:20px;padding:12px 24px;font-size:1.3rem;font-weight:800;animation:3.5s cubic-bezier(.25,1,.5,1) forwards encourage-popup-float;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes encourage-popup-float{0%{opacity:0;transform:translate(-50%,-20%)scale(.6)}8%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}88%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(.8)}}.encouragement-overlay{pointer-events:none;z-index:9999;width:100vw;height:100vh;animation:1s ease-out forwards fade-out-warp;position:fixed;top:0;left:0;box-shadow:inset 0 0 80px #ffb70073}.keyword-clickable{cursor:pointer;color:var(--primary-gold);background:#ffd00014;border:1px dashed #ffd00059;border-radius:6px;margin:0 2px;padding:2px 6px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-block;box-shadow:0 0 5px #ffd0001a}.keyword-clickable:hover{border-color:var(--primary-gold);box-shadow:0 0 10px var(--primary-gold-glow);background:#ffd00033;transform:scale(1.08)translateY(-1px)}.keyword-clickable:active{transform:scale(.95)}.keyword-clickable.selected{background:var(--primary-gold);color:#07050e;box-shadow:0 0 15px var(--primary-gold-glow);border-style:solid;border-color:#fff;transform:scale(1.05)}.keyword-highlighted{color:#fff;border:1px solid var(--cyan-division);text-shadow:0 0 5px var(--cyan-glow);background:#00f0ff26;border-radius:6px;margin:0 2px;padding:2px 6px;font-weight:700;display:inline-block}.decoder-tag-btn{color:#fff;box-sizing:border-box;background:#ffffff08;border:2px solid #ffffff1a;outline:none}.decoder-tag-btn:not(:disabled):hover{border-color:var(--cyan-division);box-shadow:0 0 15px var(--cyan-glow);background:#ffffff14;transform:translateY(-2px)}.decoder-tag-btn:not(:disabled):active{transform:scale(.95)}.decoder-tag-btn.active{animation:1s infinite alternate tag-pulse;border-color:var(--cyan-division)!important;box-shadow:0 0 20px var(--cyan-glow)!important;background:#00f0ff26!important}@keyframes tag-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.decoder-model-slot{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.decoder-model-slot:hover{transform:scale(1.02);background:#ffffff14!important}.decoder-model-slot.correct-placed{animation:.8s forwards slot-correct-bounce;border-color:var(--success-green)!important;background:#39ff1426!important;border-style:solid!important;box-shadow:0 0 20px #39ff1466!important}@keyframes slot-correct-bounce{0%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.96)}to{transform:scale(1)}}.decoder-model-slot.wrong-placed{animation:.45s forwards slot-wrong-shake;border-color:var(--error-red)!important;background:#ff4f4f26!important;border-style:solid!important;box-shadow:0 0 20px #ff4f4f66!important}@keyframes slot-wrong-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.word-problems-alert-banner{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards alert-slide-in}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.question-bank-widget{-webkit-backdrop-filter:blur(12px);transition:var(--transition-bouncy);box-sizing:border-box;background:#ffffff08;border:2px solid #ffffff14;border-radius:20px;align-items:center;gap:14px;padding:12px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}@media (hover:hover){.question-bank-widget:hover{background:#ffffff0d;transform:translateY(-2px)}}.widget-icon{background:#b624ff26;border:1.5px solid #b624ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.8rem;animation:3s ease-in-out infinite icon-float;display:flex;box-shadow:0 0 10px #b624ff33}.widget-info{text-align:left;flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.widget-title{color:var(--text-primary);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.widget-progress{flex-direction:column;gap:6px;display:flex}.widget-progress-text{font-family:var(--font-stats);color:var(--primary-gold);text-shadow:0 0 8px #ffb70033;font-size:.82rem;font-weight:700}.widget-progress-bar{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.widget-progress-fill{background:linear-gradient(90deg, var(--purple-division), var(--cyan-division));width:0%;height:100%;box-shadow:0 0 8px var(--cyan-glow);border-radius:4px;transition:width .8s cubic-bezier(.1,.8,.2,1)}.pulse-glow-purple{animation:2.5s infinite alternate purple-pulse}@keyframes purple-pulse{0%{border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,0 0 #b624ff00}to{border-color:#b624ff66;box-shadow:0 8px 32px #0000004d,0 0 15px #b624ff4d}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.feedback-rating-container{justify-content:center;gap:12px;margin:15px 0;display:flex}.feedback-star{color:#ffffff26;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:2.5rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.feedback-star:hover{color:var(--primary-gold);transform:scale(1.25)}.feedback-star.active{color:var(--primary-gold);text-shadow:0 0 15px var(--primary-gold-glow);transform:scale(1.1)}.feedback-star.active:hover{transform:scale(1.25)}.feedback-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#0006;border:1.5px solid #ffffff26;border-radius:16px;outline:none;width:100%;min-height:100px;padding:12px 15px;font-family:inherit;font-size:.95rem;transition:all .3s}.feedback-textarea:focus{border-color:var(--cyan-division);box-shadow:0 0 10px var(--cyan-glow);background:#0009}.char-counter{text-align:right;color:var(--text-secondary);margin-top:4px;font-size:.8rem}.privacy-toggle-wrapper{background:#ffffff05;border:1.5px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding:15px;display:flex}.privacy-toggle-info{flex:1}.privacy-toggle-info strong{color:#fff;margin-bottom:4px;font-size:.95rem;display:block}.privacy-toggle-info p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.switch-label{flex-shrink:0;width:54px;height:28px;display:inline-block;position:relative}.switch-label input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff1a;border-radius:34px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0006}input:checked+.switch-slider{background-color:var(--success-green);border-color:#39ff1466;box-shadow:0 0 10px #39ff1440}input:checked+.switch-slider:before{transform:translate(26px)}.feedback-history-container{background:#ffffff03;border:1.5px solid #ffffff0d;border-radius:18px;margin-top:20px;padding:15px}.feedback-history-list{scrollbar-width:thin;flex-direction:column;gap:10px;max-height:250px;margin-top:10px;display:flex;overflow-y:auto}.feedback-history-item{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;padding:12px}.feedback-history-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem;display:flex}.feedback-history-category{border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.category-tag-feedback{color:var(--cyan-division);background:#00f6ff1f;border:1px solid #00f6ff4d}.category-tag-bug{color:var(--error-red);background:#ff31311f;border:1px solid #ff31314d}.category-tag-feature_request{color:var(--primary-gold);background:#ffb7001f;border:1px solid #ffb7004d}.feedback-history-stars{color:var(--primary-gold);font-weight:700}.feedback-history-comment{color:var(--text-light);word-break:break-word;margin:0;font-size:.9rem;line-height:1.35}.feedback-history-date{color:var(--text-secondary);text-align:right;margin-top:4px;font-size:.75rem}@keyframes chestBounce{0%,to{transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 8px #ffd70080);transform:translateY(-8px)scale(1.05)}}.daily-chest-widget{cursor:pointer;box-sizing:border-box;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 32px);padding:12px 16px;transition:all .2s;display:flex}.daily-chest-widget:hover{box-shadow:0 5px 15px #ffd70026;border-color:var(--primary-gold)!important;background:#ffffff0d!important}.daily-chest-content-left{align-items:center;gap:12px;display:flex}.daily-chest-icon{transform-origin:bottom;font-size:2.2rem}.daily-chest-text{text-align:left}.daily-chest-title{color:#fff;font-size:.95rem;display:block}.daily-chest-subtitle{color:var(--text-secondary);font-size:.75rem}.streak-badge-widget{background:#ff640026;border:1px solid #ff64004d;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;display:flex}.streak-badge-fire{filter:drop-shadow(0 0 2px #ff640080);font-size:1.1rem}.streak-badge-days{color:#ff6400;font-size:.9rem;font-weight:700}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=580px){.daily-chest-widget{border-radius:10px!important;width:100%!important;padding:5px 10px!important}.daily-chest-content-left{gap:8px!important}.daily-chest-icon{font-size:1.3rem!important}.daily-chest-title{font-size:.82rem!important;font-weight:700!important}.daily-chest-subtitle{display:none!important}.streak-badge-widget{border-radius:10px!important;gap:2px!important;padding:2px 6px!important}.streak-badge-fire{font-size:.85rem!important}.streak-badge-days{font-size:.75rem!important}#play-btn{margin-bottom:8px!important}}
