@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&family=Outfit:wght@300;400;600;700;800&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e1b4b;--card-bg:#ffffff1a;--card-border:#fff3;--text-main:#f8fafc;--text-muted:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;opacity:.4;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 10px,#fff,#0000),radial-gradient(2px 2px at 150px 140px,#e0e7ff,#0000),radial-gradient(1.5px 1.5px at 200px 50px,#fbcfe8,#0000),radial-gradient(1px 1px at 250px 190px,#fff,#0000),radial-gradient(2.5px 2.5px at 300px 100px,#fff,#0000);background-size:350px 350px;width:100vw;height:100vh;animation:180s linear infinite starryTwinkle;position:fixed;top:0;left:0}@keyframes starryTwinkle{0%{background-position:0 0}to{background-position:350px 700px}}.confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{opacity:.9;border-radius:3px;width:10px;height:22px;animation:2s ease-in-out forwards fall;position:absolute;top:-30px}.confetti-piece.p-0{background:#f472b6;width:8px;height:16px}.confetti-piece.p-1{background:#60a5fa;width:12px;height:24px}.confetti-piece.p-2{background:#34d399;width:10px;height:20px}.confetti-piece.p-3{background:#fbbf24;width:7px;height:14px}.confetti-piece.p-4{background:#c084fc;width:11px;height:22px}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(115vh)rotate(720deg)}}.audio-toggle-btn{border:1px solid var(--card-border);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.audio-toggle-btn:hover{background:#ffffff26;transform:scale(1.08)}.audio-toggle-btn.off{color:#fff9;background:#f871711a;border-color:#f8717166}.audio-toggle-btn.on{background:#34d39914;border-color:#34d39966;box-shadow:0 0 8px #34d39933}.app-container{max-width:800px;margin:0 auto;padding:2rem}.header{justify-content:space-between;align-items:center;margin-bottom:3rem;transition:all .3s;display:flex}.logo-container{align-items:center;gap:.8rem;transition:all .3s;display:flex}.app-logo{font-size:2.8rem;line-height:1}.app-title{background:linear-gradient(90deg,#818cf8,#f472b6);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:800}.header-controls{align-items:center;gap:.6rem;display:flex}.home-btn{border:1px solid var(--card-border);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:8px;padding:.5rem 1rem;transition:all .3s}.home-btn:hover{background:#fff3}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}h2{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.form-group{margin-bottom:2rem}.form-group label{color:var(--text-muted);margin-bottom:.8rem;font-size:1.2rem;display:block}.options-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.option-btn,.chapter-btn{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s}.chapter-list{flex-direction:column;gap:.8rem;display:flex}.chapter-btn{text-align:left}.option-btn:hover,.chapter-btn:hover{background:#ffffff26;transform:translateY(-2px)}.option-btn.active,.chapter-btn.active{background:var(--primary);border-color:#818cf8;box-shadow:0 0 15px #6366f180}.start-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1.2rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;transition:all .3s}.start-btn:disabled{opacity:.5;cursor:not-allowed}.start-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 25px #ec489966}.level-badge{background:var(--primary);text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.9rem;font-weight:600;display:inline-block}.explanation-text{margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.quiz-options{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.quiz-option-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.2rem;font-family:Outfit,sans-serif;font-size:1.1rem;transition:all .3s}.quiz-option-btn:hover{background:#fff3;transform:translate(5px)}.progress{color:var(--secondary);margin-bottom:1rem;font-weight:600}.question-text{font-size:1.5rem;line-height:1.4}.result-view{text-align:center}.score-display{margin:2rem 0}.score-number{background:linear-gradient(90deg,#34d399,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:5rem;font-weight:800}.score-total{color:var(--text-muted);font-size:2rem}.slide-in{animation:.4s forwards slideIn}.fade-in{animation:.5s forwards fadeIn}.fade-in-up{animation:.6s forwards fadeInUp}.pulse{animation:2s infinite pulse}.flashcard-container{perspective:1000px;cursor:pointer;width:100%;max-width:450px;height:220px;margin:1.5rem auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;border-radius:15px;transition:transform .6s;position:relative;box-shadow:0 4px 15px #0003}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;text-align:center;background:linear-gradient(135deg,#6366f1cc,#ec4899cc);border:1px solid #ffffff4d;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.flashcard-front h3{margin-bottom:1rem;font-size:2rem}.flashcard-front .hint{color:#ffffffb3;font-size:.9rem}.flashcard-back{background:linear-gradient(135deg,#10b981cc,#3b82f6cc);font-size:1.3rem;line-height:1.5;transform:rotateY(180deg)}.secondary-btn{border:2px solid var(--primary);color:#fff;background:#ffffff1a}.secondary-btn:hover{background:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.9;transform:scale(1)}}@keyframes novaHover{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes ringScale{0%{opacity:.8;transform:scale(1)translate(0)}50%{opacity:.35;transform:scale(.85)translate(4px)}to{opacity:.8;transform:scale(1)translate(0)}}@keyframes antennaBlink{0%,to{opacity:.6;filter:drop-shadow(0 0 #22d3ee)}50%{opacity:1;filter:drop-shadow(0 0 4px #22d3ee)}}@keyframes wingFlapLeft{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes wingFlapRight{0%,to{transform:rotate(0)}50%{transform:rotate(-18deg)}}@keyframes tailWag{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes lexiBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes mascotHappyJump{0%{transform:translateY(0)scale(1)}to{transform:translateY(-15px)scale(1.03)}}@keyframes mascotThink{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(3deg)translateY(-2px)}}@keyframes mascotShrug{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mascot-nova.state-idle .nova-body-group,.mascot-nova.state-talking .nova-body-group,.mascot-nova.state-explaining .nova-body-group{transform-origin:bottom;animation:3.2s ease-in-out infinite novaHover}.mascot-nova .nova-hover-ring{transform-origin:60px 108px;animation:3.2s ease-in-out infinite ringScale}.mascot-nova .nova-antenna-light{animation:1.5s ease-in-out infinite antennaBlink}.mascot-albert.state-happy .owl-wing-left{transform-origin:24px 84px;animation:.25s ease-in-out infinite wingFlapLeft}.mascot-albert.state-happy .owl-wing-right{transform-origin:96px 84px;animation:.25s ease-in-out infinite wingFlapRight}.mascot-lexi.state-happy .fox-tail-group,.mascot-lexi.state-explaining .fox-tail-group{transform-origin:92px 82px;animation:.4s ease-in-out infinite tailWag}.mascot-lexi.state-happy .fox-body-group{animation:.35s ease-in-out infinite alternate lexiBounce}.mascot-svg.state-happy{animation:.5s ease-in-out infinite alternate mascotHappyJump}.mascot-svg.state-thinking{transform-origin:bottom;animation:2.5s ease-in-out infinite mascotThink}.mascot-svg.state-sad{animation:.5s ease-in-out mascotShrug}.mascot-select-container{text-align:left;margin:1.8rem 0}.mascot-select-container label{color:var(--text-muted);margin-bottom:.8rem;font-size:1.2rem;display:block}.mascot-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=600px),(orientation:portrait){.header{flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:2.5rem}.logo-container{flex-direction:column;align-items:center;gap:.4rem}.app-logo{margin-bottom:.2rem;font-size:3.8rem}.app-title{font-size:2.2rem}}@media (width<=600px){.mascot-grid{grid-template-columns:1fr}}.mascot-card{text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;padding:1.2rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mascot-card:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.mascot-card.active{border-color:var(--primary);background:#6366f12e;box-shadow:0 0 18px #6366f166}.mascot-card-svg{width:75px;height:75px;margin-bottom:.8rem}.mascot-card h4{color:#fff;margin-bottom:.3rem;font-size:1.1rem;font-weight:600}.mascot-card p{color:var(--text-muted);font-size:.8rem;line-height:1.3}.storybook-container{flex-direction:column;align-items:center;margin:1rem 0;display:flex}.storybook-layout{flex-direction:row;align-items:center;gap:1.8rem;width:100%;display:flex}@media (width<=600px){.storybook-layout{text-align:center;flex-direction:column}}.mascot-stage{background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:inset 0 0 20px #ffffff0d}.speech-bubble{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:20px;flex-grow:1;padding:1.8rem;font-size:1.25rem;line-height:1.6;position:relative;box-shadow:0 10px 25px #00000040}.speech-bubble:before{content:"";border:8px solid #0000;border-left-width:0;border-right:15px solid #fff3;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}@media (width<=600px){.speech-bubble:before{top:-15px;left:50%;transform:translate(-50%)rotate(90deg)}}.speech-bubble-sender{text-transform:uppercase;color:var(--secondary);letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:800}.storybook-controls{justify-content:space-between;gap:1rem;width:100%;margin-top:1.5rem;display:flex}.storybook-btn{cursor:pointer;border:none;border-radius:12px;padding:.9rem 1.8rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;transition:all .2s}.storybook-btn.prev{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.storybook-btn.prev:hover:not(:disabled){background:#ffffff2e}.storybook-btn.prev:disabled{opacity:.3;cursor:not-allowed}.storybook-btn.next{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;flex-grow:1}.storybook-btn.next:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ec48994d}.quiz-feedback-box{background:#ffffff14;border:1px solid #ffffff40;border-radius:16px;align-items:center;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;display:flex;box-shadow:0 8px 30px #0000004d}@media (width<=600px){.quiz-feedback-box{text-align:center;flex-direction:column}}.quiz-feedback-mascot{flex-shrink:0;width:90px;height:90px}.quiz-feedback-text{flex-grow:1}.quiz-feedback-status{margin-bottom:.4rem;font-size:1.2rem;font-weight:800}.quiz-feedback-status.correct{color:#34d399}.quiz-feedback-status.incorrect{color:#f87171}.quiz-feedback-desc{color:var(--text-muted);font-size:1.05rem;line-height:1.5}.quiz-option-btn.selected-correct{box-shadow:0 0 10px #34d3994d;color:#a7f3d0!important;background:#34d39940!important;border-color:#34d399!important}.quiz-option-btn.selected-incorrect{box-shadow:0 0 10px #f871714d;color:#fca5a5!important;background:#f8717140!important;border-color:#f87171!important}.quiz-option-btn.unselected-correct{color:#a7f3d0!important;background:#34d3991a!important;border-color:#34d399!important}.quiz-option-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.quiz-next-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1.5rem;padding:1.1rem;font-size:1.2rem;font-weight:700;transition:all .3s}.quiz-next-btn:hover{background:var(--primary-hover);box-shadow:0 4px 15px #6366f14d}.flashcards-layout-wrapper{flex-direction:row;align-items:center;gap:1.8rem;width:100%;display:flex}@media (width<=600px),(orientation:portrait){.flashcards-layout-wrapper{flex-direction:column;align-items:center;width:100%}.flashcards-main-pane{align-self:stretch;width:100%;max-width:450px}}.flashcards-main-pane{flex-grow:1;width:100%;max-width:500px}.flashcard-helper-mascot{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.flashcard-speech-bubble{color:var(--text-muted);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.85rem;position:relative;box-shadow:0 4px 10px #00000026}.flashcard-speech-bubble:after{content:"";border:8px solid #0000;border-top-color:#ffffff0d;border-bottom-width:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.dashboard-nav{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;gap:.5rem;margin-bottom:2rem;padding:.4rem;display:flex}@media (width<=600px){.dashboard-nav{flex-wrap:wrap}}.nav-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-grow:1;padding:.8rem 1rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;transition:all .25s}.nav-tab-btn:hover{color:#fff;background:#ffffff0d}.nav-tab-btn.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px #ec489940}.stats-header-coins{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:1.05rem;font-weight:800;display:flex}.playground-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=600px){.playground-grid{grid-template-columns:1fr}}.playground-card{text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:.8rem;padding:1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.playground-card:hover{border-color:var(--primary);background:#ffffff1a;transform:translateY(-5px);box-shadow:0 8px 30px #6366f126}.playground-icon{font-size:3rem}.playground-card h3{color:#fff;margin-top:.5rem;font-size:1.3rem;font-weight:700}.playground-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.sandbox-container{padding:1rem 0}.sprouter-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=600px){.sprouter-layout{grid-template-columns:1fr}}.pot-visual-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.pot-avatar{width:90px;height:90px;margin-bottom:1rem}.pot-plant-container{flex-direction:column;justify-content:flex-end;align-items:center;width:140px;height:150px;display:flex;position:relative}.pot-plant{z-index:2;transform-origin:bottom;font-size:2.2rem;transition:all .5s}.pot-plant.growth-0{transform:scale(.6)translateY(5px)}.pot-plant.growth-20{transform:scale(.8)translateY(0)}.pot-plant.growth-40{transform:scale(.95)}.pot-plant.growth-60{transform:scale(1.1)rotate(-3deg)}.pot-plant.growth-80{transform:scale(1.25)rotate(3deg)}.pot-plant.growth-100{filter:drop-shadow(0 0 8px #fbbf2466);transform:scale(1.4)translateY(-5px)}.pot-soil{z-index:1;background:#78350f;border-radius:12px 12px 8px 8px;width:90px;height:24px;box-shadow:0 4px 10px #0000004d}.growth-bar{width:100%;margin-top:1.5rem}.growth-bar span{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.growth-bar-bg{background:#ffffff14;border-radius:5px;width:100%;height:10px;overflow:hidden}.growth-bar-fill{background:#34d399;border-radius:5px;height:100%;transition:width .4s}.pot-controls{flex-direction:column;justify-content:center;display:flex}.pot-slider-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.pot-slider-group label{color:#fff;font-size:1rem;font-weight:600}.pot-slider-group input[type=range]{width:100%;accent-color:var(--primary);background:#ffffff1a;border-radius:3px;outline:none;height:6px}.slider-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.comma-system-selector{gap:1rem;margin-bottom:2rem;display:flex}@media (width<=600px){.comma-system-selector{flex-direction:column}}.comma-system-selector button{flex-grow:1;padding:.8rem;font-size:.95rem}.comma-number-display{background:#0003;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;gap:.2rem;margin:1.5rem 0;padding:2rem 1rem;display:flex}.comma-digit{color:#fff;font-family:monospace;font-size:2.5rem;font-weight:800}.comma-trigger{color:#ffffff26;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:flex-end;width:24px;height:32px;margin:0 .1rem;font-size:2.2rem;font-weight:800;line-height:.6;transition:all .2s;display:flex}.comma-trigger:hover{color:#fff9;transform:scale(1.2)}.comma-trigger.active{color:#38bdf8;text-shadow:0 0 10px #38bdf899}.comma-actions{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.sorter-score-bar{color:var(--secondary);justify-content:space-between;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.sorter-active-card{text-align:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:24px;padding:3rem 2rem;box-shadow:0 10px 30px #0000004d}.sorter-card-emoji{margin-bottom:1rem;font-size:3.5rem}.sorter-active-card h2{text-align:center;margin-bottom:.5rem;font-size:2rem}.matchup-score-bar{color:var(--secondary);justify-content:space-between;margin-bottom:1rem;font-weight:700;display:flex}.matchup-board{grid-template-columns:repeat(4,1fr);gap:.8rem;max-width:520px;margin:1.5rem auto;display:grid}.matchup-card{perspective:800px;cursor:pointer;height:80px}.matchup-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .4s;position:relative;box-shadow:0 4px 10px #00000026}.matchup-card.open .matchup-card-inner{transform:rotateY(180deg)}.matchup-card-front,.matchup-card-back{backface-visibility:hidden;text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:.3rem;font-size:.95rem;font-weight:700;display:flex;position:absolute}.matchup-card-front{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:1px solid #ffffff40;font-size:1.5rem}.matchup-card-back{border:2px solid var(--primary);color:#fff;word-break:break-word;background:#0f172a;transform:rotateY(180deg)}.matchup-card.resolved .matchup-card-inner{opacity:.5}.matchup-card.resolved .matchup-card-back{color:#a7f3d0;border-color:#34d399}.shop-layout{grid-template-columns:1fr 2fr;gap:2rem;display:grid}@media (width<=600px){.shop-layout{grid-template-columns:1fr}}.shop-preview-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.shop-preview-avatar{width:145px;height:145px;margin:1rem 0}.shop-preview-name{color:var(--secondary);margin-bottom:1rem;font-size:1.3rem;font-weight:800}.shop-items-grid{flex-direction:column;gap:1rem;display:flex}.shop-item-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:1.2rem;transition:all .3s;display:flex}.shop-item-card.active{border-color:var(--primary);background:#6366f114}.shop-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.shop-item-header h4{color:#fff;font-size:1.15rem;font-weight:600}.shop-item-price{color:#fbbf24;font-size:1.1rem;font-weight:800}.shop-item-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.4}.shop-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:.8rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.shop-btn.buy.affordable{background:var(--primary);color:#fff}.shop-btn.buy.locked{color:var(--text-muted);cursor:not-allowed;background:#ffffff14}.shop-btn.equip{color:var(--primary);background:#fff}.shop-btn.equipped{color:#a7f3d0;cursor:default;background:#34d39933;border:1px solid #34d399}.trophy-progress-section{background:#00000026;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:2rem;padding:1.2rem}.trophy-progress-label{color:#fff;justify-content:space-between;margin-bottom:.6rem;font-size:1rem;font-weight:600;display:flex}.trophy-progress-bar-bg{background:#ffffff14;border-radius:6px;width:100%;height:12px;overflow:hidden}.trophy-progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:6px;height:100%;transition:width .5s ease-in-out}.trophies-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=600px){.trophies-grid{grid-template-columns:1fr}}.trophy-badge-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:1rem;padding:1.2rem;transition:all .3s;display:flex}.trophy-badge-card.unlocked{background:#fbbf240d;border-color:#fbbf24;box-shadow:0 4px 15px #fbbf240d}.trophy-badge-icon{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.8rem;display:flex}.trophy-badge-card.unlocked .trophy-badge-icon{background:#fbbf2426;box-shadow:0 0 10px #fbbf2433}.trophy-badge-info h4{color:#fff;margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.badge-desc{color:var(--text-muted);margin-bottom:.3rem;font-size:.85rem;line-height:1.45}.badge-requirement{color:var(--secondary);font-size:.78rem;font-weight:700;display:block}@media (width>=1024px){.app-container{max-width:1100px;padding:3rem 2rem}h1{font-size:3.5rem}h2{font-size:2.2rem}.speech-bubble{font-size:1.5rem}.question-text{font-size:2rem}.quiz-option-btn{padding:1.4rem;font-size:1.3rem}.flashcard-front h3{font-size:2.6rem}.flashcard-back{font-size:1.6rem}.mascot-stage{width:200px;height:200px}}:focus{outline:none}button:focus,input[type=range]:focus,.mascot-card:focus,.playground-card:focus,.flashcard-container:focus,.mars-grid-cell:focus,.shop-item-card:focus{outline-offset:4px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:4px solid #f472b6!important;transform:scale(1.03)!important;box-shadow:0 0 25px #f472b699!important}.nav-tab-btn:focus{background:#6366f14d!important}.space-map-container{background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;margin-top:1.5rem;padding:1rem;position:relative;overflow:hidden}.space-map-header{text-align:center;margin-bottom:2rem}.space-map-header h3{background:linear-gradient(90deg,#818cf8,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.5rem}.space-map-header p{color:var(--text-muted);font-size:.9rem}.space-map-track{width:100%;max-width:600px;margin:0 auto;position:relative}.space-map-svg{pointer-events:none;z-index:1;width:100%;position:absolute;top:0;left:0}.map-path-line{stroke-width:5px;stroke-linecap:round;transition:all .5s}.map-path-line.unlocked{stroke:url(#glowGrad);stroke-dasharray:8 4;animation:15s linear infinite dashAnimation}.map-path-line.locked{stroke:#334155;stroke-dasharray:none}@keyframes dashAnimation{to{stroke-dashoffset:-200px}}.planet-node-wrapper{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.planet-btn{cursor:pointer;border:3px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.planet-btn:hover{border-color:#fff;transform:scale(1.15)rotate(15deg)}.planet-node-wrapper.locked .planet-btn{cursor:not-allowed;opacity:.7}.planet-icon{filter:drop-shadow(0 2px 4px #00000080);font-size:1.8rem}.planet-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0f172ad9;border:1px solid #ffffff26;border-radius:8px;max-width:140px;margin-top:.5rem;padding:.2rem .6rem;overflow:hidden;box-shadow:0 4px 10px #0000004d}.planet-label-number{color:var(--secondary);font-size:.75rem;font-weight:700;display:block}.planet-label-name{color:#fff;font-size:.8rem;font-weight:600;display:block}.planet-tooltip-card{z-index:10;text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #6366f1;border-radius:16px;width:220px;padding:1rem;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0009}.planet-tooltip-card h4{color:#fff;margin-bottom:.4rem;font-size:.95rem}.planet-tooltip-card p{color:var(--text-muted);margin-bottom:.8rem;font-size:.8rem}.tooltip-launch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:8px;width:100%;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.tooltip-launch-btn:hover{filter:brightness(1.1);box-shadow:0 0 15px #6366f166}.space-race-container{padding:2rem}.space-race-lobby{padding:1rem}.race-character-setup{flex-wrap:wrap;justify-content:space-around;gap:2rem;margin:2.5rem 0;display:flex}.setup-player{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;width:280px;padding:1.5rem;box-shadow:0 4px 15px #0003}.setup-player h3{color:#fff;margin-bottom:.5rem}.controls-guide{color:var(--text-muted);margin-bottom:1.2rem;font-size:.85rem}.controls-guide b{color:#fbbf24;background:#fbbf241a;border-radius:4px;padding:.1rem .4rem}.mascot-selection-mini{justify-content:center;gap:.5rem;display:flex}.mascot-select-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s}.mascot-select-btn.active{background:linear-gradient(135deg,#6366f1,#3b82f6);border-color:#818cf8;box-shadow:0 0 10px #6366f166}.space-race-game{flex-direction:column;gap:1rem;display:flex}.space-race-question-panel{text-align:center;background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.space-race-question-panel h3{color:#fff;margin-top:.5rem;font-size:1.3rem;line-height:1.45}.space-race-split-view{flex-wrap:wrap;gap:1.5rem;display:flex}.player-lane{background:#0f172a66;border:2px solid #ffffff14;border-radius:20px;flex-direction:column;flex:1;gap:1rem;min-width:300px;padding:1.2rem;display:flex}.p1-lane{border-color:#6366f166}.p2-lane{border-color:#ec489966}.lane-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.lane-header h4{color:#fff;font-size:1rem}.lane-choice-status{color:#fbbf24;font-size:.8rem;font-weight:700}.lane-track-bg{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);border:1px dashed #ffffff26;border-radius:12px;height:250px;position:relative;overflow:hidden}.lane-grid-lines{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.spaceship-racer{z-index:5;flex-direction:column;align-items:center;width:70px;height:70px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.engine-thruster{background:linear-gradient(#60a5fa,#0000);border-radius:4px;width:8px;height:20px;margin-top:-5px;animation:.2s infinite alternate thrusterBurn}.engine-thruster.text-pink{background:linear-gradient(#f472b6,#0000)}@keyframes thrusterBurn{0%{opacity:.8;height:12px}to{opacity:1;height:22px}}.lane-buttons-panel{flex-direction:column;gap:.5rem;display:flex}.lane-opt-btn{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.85rem;transition:all .3s;display:flex}.lane-opt-btn.correct{color:#34d399!important;background:#10b98126!important;border-color:#10b981!important}.lane-opt-btn.incorrect{color:#f87171!important;background:#ef444426!important;border-color:#ef4444!important}.lane-opt-btn.show-correct{background:#10b9810d!important;border-color:#10b981!important}.control-key-bubble{color:#fff;background:#6366f1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 2px 5px #0000004d}.control-key-bubble.text-pink{background:#ec4899}.space-race-finished{padding:2rem 1rem}.finished-podium{justify-content:center;gap:3rem;margin:2rem 0;display:flex}.podium-runner{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;width:160px;padding:1.5rem}.score-badge{color:#fbbf24;margin:.6rem 0;font-size:1.8rem;font-weight:800}.alchemy-lab-container{padding:2rem}.alchemy-layout{flex-wrap:wrap;gap:2rem;margin:2rem 0;display:flex}.beaker-pane{background:#0f172a66;border:1px solid #ffffff14;border-radius:20px;flex:1;justify-content:center;align-items:center;min-width:280px;padding:2rem;display:flex}.beaker-stand{border-bottom:8px solid #475569;flex-direction:column;justify-content:flex-end;align-items:center;width:180px;height:260px;display:flex;position:relative}.beaker-stand:before{content:"";background:#475569;border-radius:6px;width:12px;height:220px;position:absolute;bottom:0;left:0}.beaker-stand:after{content:"";background:#475569;width:140px;height:8px;position:absolute;bottom:150px;left:10px}.beaker{background:#ffffff08;border:4px solid #e2e8f0;border-top:none;border-radius:0 0 24px 24px;width:110px;height:140px;margin-bottom:108px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #ffffff1a}.beaker:before{content:"";background:#e2e8f0;border-radius:2px;width:100px;height:4px;position:absolute;top:0;left:5px}.beaker-liquid{justify-content:center;align-items:flex-end;width:100%;transition:all 1s ease-in-out;display:flex;position:absolute;bottom:0;left:0}.bubble-particle{background:#fff9;border-radius:50%;width:8px;height:8px;animation:1.5s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:.8;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-120px)scale(1.2)}}.beaker-liquid.curdled{background-image:radial-gradient(circle at 20px 20px,#fff 4px,#0000 5px),radial-gradient(circle at 60px 40px,#fef3c7 6px,#0000 7px);background-size:30px 30px}.curd{opacity:.9;background:#fff;border-radius:50%;position:absolute}.curd.c1{width:15px;height:10px;bottom:10px;left:15px}.curd.c2{background:#fef3c7;width:20px;height:14px;bottom:25px;right:20px}.curd.c3{width:12px;height:8px;bottom:5px;right:40px}.beaker-liquid.foamed{animation:.5s forwards foamRise}.beaker-liquid.foamed:after{content:"";background:radial-gradient(circle,#fff 40%,#0000 60%) 0 0/10px 10px;width:100%;height:20px;position:absolute;top:0;left:0}.burner{background:#334155;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:60px;height:35px;display:flex;position:absolute;bottom:8px}.flame{opacity:0;background:linear-gradient(#ef4444,#f59e0b);border-radius:50% 50% 20% 20%;width:14px;height:25px;animation:.1s infinite alternate flicker}.burner.on .flame{opacity:1}.flame.f1{animation-delay:20ms}.flame.f2{background:linear-gradient(#ef4444,#3b82f6);width:18px;height:30px;animation-delay:50ms}.flame.f3{animation-delay:80ms}@keyframes flicker{0%{transform:scaleX(.9)scaleY(.9)}to{transform:scaleX(1.1)scaleY(1.1)}}.alchemy-controls{flex-direction:column;flex:1.2;gap:1.2rem;min-width:300px;display:flex}.control-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:1rem}.control-section h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.9rem}.lab-btn-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;display:grid}.lab-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.55rem;font-size:.8rem;font-weight:600;transition:all .2s}.lab-btn:hover{background:#ffffff1a}.lab-btn.active{background:linear-gradient(135deg,#6366f1,#ec4899);border-color:#a5b4fc}.burner-toggle-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;width:100%;padding:.7rem;font-weight:700;transition:all .3s}.burner-toggle-btn.off{background:#334155;border:1px solid #ffffff1a}.burner-toggle-btn.on{background:linear-gradient(135deg,#ef4444,#f97316);animation:2s infinite alternate burnerPulse;box-shadow:0 0 15px #ef444466}@keyframes burnerPulse{0%{filter:brightness()}to{filter:brightness(1.15)}}.lab-reaction-card{background:#6366f114;border:1px solid #6366f140;border-radius:16px;align-items:center;gap:1.2rem;margin-top:1.5rem;padding:1.2rem;display:flex}.lab-reaction-desc{flex-direction:column;gap:.3rem;display:flex}.reaction-badge{text-transform:uppercase;color:#a7f3d0;background:#10b98126;border-radius:4px;align-self:flex-start;padding:.15rem .5rem;font-size:.75rem;font-weight:800}.lab-reaction-desc p{color:var(--text-muted);font-size:.92rem;line-height:1.45}.quiz-question-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.voice-input-btn{cursor:pointer;background:#6366f133;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #0003}.voice-input-btn:hover{background:#6366f166;transform:scale(1.08)}.voice-input-btn.listening{animation:1.4s ease-in-out infinite pulse-voice;box-shadow:0 0 20px #ef444499;background:#ef4444!important;border-color:#f87171!important}@keyframes pulse-voice{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.15);box-shadow:0 0 0 12px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.buddy-level-badge{background:linear-gradient(135deg, var(--secondary), #a855f7);color:#fff;border-radius:20px;margin-top:.8rem;padding:.25rem .7rem;font-size:.85rem;font-weight:800;display:inline-block;box-shadow:0 3px 8px #0003}.buddy-xp-track-container{background:#ffffff1a;border-radius:4px;width:80%;height:8px;margin:.8rem 0 .3rem;overflow:hidden}.buddy-xp-track{background:linear-gradient(90deg,#3b82f6,#ec4899);border-radius:4px;height:100%;transition:width .4s ease-out}.buddy-xp-label{color:var(--text-muted);font-size:.75rem;font-weight:700}.laser-reflector-container{padding:2rem}.laser-level-info{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:1rem}.level-desc{color:var(--text-muted);margin-top:.4rem;font-size:.92rem}.laser-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.laser-grid-pane{background:#0f172a80;border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;justify-content:center;align-items:center;min-width:300px;padding:1.5rem;display:flex}.laser-grid-container{background:#090d16;border:4px solid #1e293b;border-radius:12px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:4px;width:320px;height:320px;display:grid;position:relative;box-shadow:0 8px 24px #0009}.laser-svg-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.laser-beam-line{stroke:#ef4444;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 8px #ef4444);animation:.4s infinite alternate laserPulse}@keyframes laserPulse{0%{opacity:.8;stroke-width:5px}to{opacity:1;stroke-width:7px}}.laser-grid-cell{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.laser-grid-cell:hover{background:#ffffff14}.laser-grid-cell.emitter{background:#ef44441a;border-color:#ef4444}.laser-grid-cell.target{background:#3b82f61a;border-color:#3b82f6}.laser-grid-cell.target.active{background:#10b98140;border-color:#10b981;box-shadow:0 0 15px #10b98180}.laser-grid-cell.obstacle{background:radial-gradient(circle,#334155 40%,#1e293b 80%);border-color:#475569}.cell-symbol{filter:drop-shadow(0 2px 4px #00000080);font-size:1.5rem}.mirror-glyph{color:#a855f7;text-shadow:0 0 10px #a855f799;font-size:1.8rem;font-weight:800;transition:transform .2s;display:inline-block}.mirror-glyph.m-45,.mirror-glyph.m-135{transform:rotate(0)}.laser-sidebar-controls{flex-direction:column;flex:1;gap:1.2rem;min-width:250px;display:flex}.legend-list{flex-direction:column;gap:.5rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.symbol-inline{text-align:center;width:24px;font-size:1rem}.laser-buttons-group{flex-direction:column;gap:.8rem;display:flex}.mars-base-container{padding:2rem}.mars-base-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.mars-grid-pane{background:#0f172a66;border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;justify-content:center;min-width:300px;padding:2rem;display:flex}.mars-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:10px;width:340px;height:340px;display:grid}.mars-grid-cell{cursor:pointer;background:#ffffff05;border:1px dashed #ffffff26;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.mars-grid-cell:hover{border-color:var(--secondary);background:#ffffff0f}.mars-grid-cell.occupied{background:#6366f11a;border-style:solid;border-color:#6366f1;box-shadow:inset 0 0 10px #6366f133}.grid-placed-item{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.grid-item-emoji{filter:drop-shadow(0 2px 4px #00000080);font-size:1.8rem}.grid-item-label{color:var(--text-muted);margin-top:2px;font-size:.65rem;font-weight:700}.demolish-btn{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.demolish-btn:hover{color:#fff;background:#ef4444}.mars-sidebar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex:1;min-width:250px;max-height:380px;padding:1.2rem;overflow-y:auto}.mars-shop-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:.8rem;padding:.8rem;transition:all .2s}.mars-shop-card:hover,.mars-shop-card.active{background:#ec489914;border-color:#ec4899;box-shadow:0 4px 12px #ec489926}.shop-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.shop-card-price{color:#fbbf24;font-size:.85rem;font-weight:800}.shop-card-desc{color:var(--text-muted);font-size:.78rem;line-height:1.3}.gravity-sorter-container{padding:2rem}.gravity-sorter-layout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;height:350px;margin:1.5rem 0;display:flex}.gravity-well{text-align:center;background:#0f172a66;border:1.5px solid #ffffff14;border-radius:20px;flex:1;min-width:180px;padding:1.5rem;box-shadow:0 4px 15px #0000004d}.gravity-well h3{color:#fff;margin-bottom:1.2rem;font-size:1.1rem}.gravity-center-pane{justify-content:center;align-items:center;width:250px;height:100%;display:flex;position:relative}.black-hole-core{z-index:1;width:100px;height:100px;position:relative}.singularity{z-index:3;background:#000;border-radius:50%;width:40px;height:40px;position:absolute;top:30px;left:30px;box-shadow:0 0 25px #ffffff1a}.event-horizon{opacity:.75;z-index:2;background:conic-gradient(#ec4899,#6366f1,#a855f7,#ec4899);border-radius:50%;width:100%;height:100%;animation:3s linear infinite rotateBH;box-shadow:0 0 35px #a855f780}@keyframes rotateBH{to{transform:rotate(360deg)}}.celestial-orb{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute}.celestial-orb.falling{animation:2s ease-in-out infinite alternate orbHover;top:15px;left:50%;transform:translate(-50%)}.celestial-orb.sling-l{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards slingLeftAnim}.celestial-orb.sling-r{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards slingRightAnim}@keyframes orbHover{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(8px)}}@keyframes slingLeftAnim{0%{top:15px;left:50%;transform:scale(1)translate(-50%)}50%{top:100px;left:35%;transform:scale(1.1)rotate(-45deg)translate(0)}to{opacity:0;top:150px;left:10%;transform:scale(.4)rotate(-180deg)}}@keyframes slingRightAnim{0%{top:15px;left:50%;transform:scale(1)translate(-50%)}50%{top:100px;left:65%;transform:scale(1.1)rotate(45deg)translate(0)}to{opacity:0;top:150px;left:90%;transform:scale(.4)rotate(180deg)}}.orb-emoji{filter:drop-shadow(0 2px 5px #00000080);font-size:2rem}.orb-label{color:#fff;white-space:nowrap;background:#000c;border:1px solid #fff3;border-radius:6px;margin-top:4px;padding:1px 6px;font-size:.78rem;font-weight:700}.lunar-lander-container{padding:2rem}.lander-score-bar{background:#ffffff08;border-radius:12px;justify-content:space-around;margin-bottom:1.5rem;padding:.8rem;font-size:.9rem;font-weight:600;display:flex}.lander-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.lander-simulation-bay{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;min-width:300px;height:320px;position:relative;overflow:hidden}.outpost-surface{z-index:2;background:linear-gradient(#334155,#475569);border-top:4px solid #64748b;width:100%;height:25px;position:absolute;bottom:0;left:0}.lander-vessel{z-index:5;flex-direction:column;align-items:center;width:60px;height:60px;display:flex;position:absolute;left:50%}.vessel-avatar{filter:drop-shadow(0 4px 6px #00000080);font-size:2.5rem}.lander-fire{background:linear-gradient(#ef4444,#fbbf24,#0000);border-radius:6px;width:12px;height:25px;margin-top:-6px;animation:.15s infinite alternate landerThruster}@keyframes landerThruster{0%{opacity:.8;height:15px}to{opacity:1;height:28px}}.lander-controls{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex:1;min-width:250px;padding:1.2rem}.equation-prompt{color:#fbbf24;text-align:center;text-shadow:0 0 10px #fbbf244d;margin:1rem 0;font-size:2rem;font-weight:800}.rocket-fuel-container{padding:2rem}.formula-hint{color:var(--text-muted);margin-top:.4rem;font-size:.95rem}.fuel-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.dispensers-pane{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex:1;min-width:250px;padding:1.2rem}.dispensers-pane h4,.reaction-pane h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.95rem}.dispensers-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.dispenser-btn{color:#fff;cursor:pointer;text-shadow:0 1px 3px #00000080;border:2px solid #ffffff1a;border-radius:12px;padding:1rem;font-weight:700;transition:all .2s}.dispenser-btn.h-atom{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dispenser-btn.o-atom{background:linear-gradient(135deg,#f87171,#ef4444)}.dispenser-btn.c-atom{background:linear-gradient(135deg,#9ca3af,#4b5563)}.dispenser-btn.n-atom{background:linear-gradient(135deg,#a7f3d0,#10b981)}.dispenser-btn:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 4px 10px #00000040}.reaction-pane{background:#0f172a66;border:1.5px solid #ffffff14;border-radius:20px;flex-direction:column;flex:1.5;justify-content:space-between;min-width:300px;padding:1.5rem;display:flex}.beaker-mixing-board{border-bottom:2px solid #ffffff1a;padding-bottom:1rem}.beaker-atoms-box{background:#ffffff05;border:2px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:120px;padding:1rem;display:flex}.atom-particle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:flex;box-shadow:0 2px 5px #0000004d}.atom-particle.el-H{background:#3b82f6}.atom-particle.el-O{background:#ef4444}.atom-particle.el-C{background:#4b5563}.atom-particle.el-N{background:#10b981}.beaker-buttons{gap:1rem;margin-top:1rem;display:flex}.star-dome-container{padding:2rem}.star-dome-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.star-chart-pane{background:radial-gradient(circle,#0b1329 0%,#030712 100%);border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;min-width:300px;height:340px;position:relative;overflow:hidden}.sky-lines-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sky-constellation-line{stroke:#6366f1cc;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 6px #6366f1);stroke-dasharray:6 3;animation:.5s forwards constellationDraw}@keyframes constellationDraw{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.star-node{cursor:pointer;z-index:5;background:0 0;border:none;flex-direction:column;align-items:center;transition:all .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.star-dot{color:#fff9;text-shadow:0 0 5px #ffffff4d;font-size:1.8rem;transition:all .2s}.star-node:hover .star-dot,.star-node.active .star-dot{color:#fbbf24;text-shadow:0 0 15px #fbbf24;transform:scale(1.2)}.star-label{color:var(--text-muted);background:#00000080;border-radius:4px;margin-top:-2px;padding:1px 4px;font-size:.68rem;font-weight:600}.star-dome-sidebar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;min-width:250px;padding:1.2rem;display:flex}.star-dome-buttons{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}.prism-splitter-container{padding:2rem}.prism-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.optics-bench-pane{background:#070b13;border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;min-width:300px;height:300px;position:relative;overflow:hidden}.optics-bench{justify-content:space-around;align-items:center;height:100%;padding:0 2rem;display:flex;position:relative}.bench-item{z-index:10;cursor:pointer;background:#ffffff05;border:1.5px dashed #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:75px;height:75px;transition:all .25s;display:flex;position:relative}.bench-item:hover{background:#ffffff0f;border-color:#6366f1}.bench-item.active{background:#a855f714;border-style:solid;border-color:#a855f7}.bench-item.sensor-receptor.activated{background:#10b98126;border-color:#10b981;box-shadow:0 0 15px #10b9814d}.emoji-symbol{filter:drop-shadow(0 2px 4px #00000080);font-size:1.8rem}.item-label{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.65rem;font-weight:700}.laser-beam{z-index:1;pointer-events:none;height:4px;position:absolute}.white-beam{background:#fff;width:140px;top:36px;left:65px;box-shadow:0 0 8px #fff}.red-beam{transform-origin:0;background:#ef4444;width:130px;top:25px;left:60px;transform:rotate(10deg);box-shadow:0 0 8px #ef4444}.green-beam{background:#10b981;width:130px;top:36px;left:60px;box-shadow:0 0 8px #10b981}.blue-beam{transform-origin:0;background:#3b82f6;width:130px;top:47px;left:60px;transform:rotate(-10deg);box-shadow:0 0 8px #3b82f6}.filtered-red-beam{background:#ef4444;width:130px;top:36px;left:65px;box-shadow:0 0 10px #ef4444}.filtered-blue-beam{background:#3b82f6;width:130px;top:36px;left:65px;box-shadow:0 0 10px #3b82f6}.prism-sidebar-controls{flex-direction:column;flex:1;gap:1.2rem;min-width:250px;display:flex}.meteor-defense-container{padding:2rem}.defense-gameplay-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.defense-radar-pane{flex-direction:column;flex:1;gap:.8rem;min-width:280px;display:flex}.radar-field{background:radial-gradient(circle at bottom,#111827 0%,#030712 100%);border:2px solid #ffffff14;border-radius:16px;height:250px;position:relative;overflow:hidden}.radar-sweeper{transform-origin:0 100%;pointer-events:none;background:conic-gradient(#6366f114 0%,#0000 10%);width:200%;height:200%;animation:4s linear infinite radarScan;position:absolute;bottom:0;left:50%}@keyframes radarScan{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.shield-base{z-index:10;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.base-shield-icon{filter:drop-shadow(0 2px 8px #00000080);font-size:2.2rem}.radar-laser-beam{z-index:5;background:linear-gradient(#0000,#a855f7,#ec4899);width:6px;height:200px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ec4899}.falling-meteor{filter:drop-shadow(0 0 8px #f59e0b);z-index:5;font-size:2.5rem;position:absolute;left:50%}.radar-stats{color:var(--text-muted);background:#ffffff05;border-radius:8px;justify-content:space-between;padding:.5rem;font-size:.82rem;font-weight:700;display:flex}.defense-quiz-pane{flex:1.5;min-width:300px}.companion-closet-container{padding:2rem}.closet-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.closet-preview-pane{background:#0f172a66;border:1.5px solid #ffffff14;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:250px;padding:2rem;display:flex}.preview-stage{text-align:center;position:relative}.preview-avatar-box{width:150px;height:150px;margin:0 auto}.closet-custom-badges-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.closet-equipped-badge{color:#fff;border-radius:8px;padding:.2rem .6rem;font-size:.72rem;font-weight:800;box-shadow:0 2px 5px #0000004d}.closet-options-pane{flex:1.5;min-width:300px}.wardrobe-list{flex-direction:column;gap:1rem;display:flex}.wardrobe-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:1.2rem}.wardrobe-card-header{justify-content:space-between;align-items:center;display:flex}.wardrobe-card-header h4{color:#fff;font-size:.95rem}.wardrobe-color-palette{color:var(--text-muted);border-top:1px dashed #ffffff14;align-items:center;gap:1rem;margin-top:1rem;padding-top:.8rem;font-size:.82rem;display:flex}.color-dots-row{gap:.5rem;display:flex}.color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .2s}.color-dot.selected{border-color:#ec4899;transform:scale(1.2)}.satellite-assembler-container{padding:2rem}.assembler-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.assembler-canvas-pane{background:#090d16;border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;justify-content:center;align-items:center;min-width:300px;height:320px;display:flex;position:relative;overflow:hidden}.assembly-dome{width:250px;height:250px;position:relative}.satellite-core-center{z-index:10;background:#1e293b;border:3px solid #6366f1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #6366f166}.core-symbol{font-size:1.5rem}.core-label{color:var(--text-muted);font-size:.55rem;font-weight:700}.satellite-wing-connector{transform-origin:0;z-index:1;background:0 0;width:200px;height:2px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%}.wing-solar-panel{color:#fff;background:linear-gradient(90deg,#3b82f6,#60a5fa);border:2px solid #fff;justify-content:center;align-items:center;width:60px;height:25px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-12px}.wing-solar-panel.left{left:-85px}.wing-solar-panel.right{right:-85px}.wing-dish-antenna{color:#fff;background:#475569;border:2px solid #94a3b8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-20px;right:-60px}.assembler-sidebar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex:1;min-width:250px;padding:1.2rem}.planetary-orrery-container{padding:2rem}.orrery-layout{flex-wrap:wrap;gap:2rem;margin:1.5rem 0;display:flex}.orrery-orbits-pane{background:#030712;border:1.5px solid #ffffff14;border-radius:20px;flex:1.5;justify-content:center;align-items:center;min-width:300px;height:380px;display:flex;position:relative;overflow:hidden}.orrery-solar-system{--orrery-r0:60px;--orrery-gap:35px;justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.orrery-sun{z-index:10;background:radial-gradient(circle,#f59e0b 30%,#ef4444 80%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;display:flex;box-shadow:0 0 35px #f59e0b}.orrery-orbital-ring{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.orrery-planet-btn{cursor:pointer;z-index:5;filter:drop-shadow(0 2px 4px #00000080);background:0 0;border:none;font-size:1.4rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.orrery-planet-btn.active{filter:drop-shadow(0 0 8px #fbbf24)brightness(1.2);transform:translate(-50%)scale(1.2)!important}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orrery-hud-pane{background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;flex:1;min-width:250px;padding:1.2rem;display:flex}.hud-telemetry-readout{background:#0006;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem;font-family:monospace}.hud-readout-item{color:var(--text-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.82rem;display:flex}.hud-readout-item:last-child{margin-bottom:0}.text-pink{color:#ec4899}.observatory-view{width:100%}.telescope-layout{grid-template-columns:1.5fr 1fr;gap:2rem;display:grid}.telescope-panel,.telescope-sidebar{flex-direction:column;display:flex}.observatory-targets-list h4{color:#fff;margin-bottom:.8rem;font-size:1.1rem}.starfield-static{pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 75px 120px,#fff,#0000),radial-gradient(1.5px 1.5px at 140px 60px,#fef08a,#0000),radial-gradient(1px 1px at 220px 240px,#fff,#0000),radial-gradient(1px 1px at 280px 180px,#e0f2fe,#0000);background-repeat:repeat;background-size:300px 300px;position:absolute;inset:0}.miner-layout{grid-template-columns:1.5fr 1fr;gap:2rem;display:grid}.miner-main-stage,.miner-sidebar{flex-direction:column;display:flex}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.telescope-layout,.miner-layout,.gravity-layout{grid-template-columns:1fr!important}}.gravity-viewport:focus,.telescope-screen:focus,.miner-visualizer:focus{outline-offset:4px;outline:4px solid #f472b6!important;box-shadow:0 0 25px #f472b699!important}@media (width<=768px){.telescope-layout>*,.miner-layout>*,.gravity-layout>*{min-width:0;grid-column:1/-1!important}}@media (hover:none) and (pointer:coarse){.nav-tab-btn,.home-btn,.mascot-select-btn,.option-btn,.chapter-btn,.storybook-btn,.start-btn,.audio-toggle-btn{min-height:44px}.audio-toggle-btn{width:44px;min-width:44px;height:44px}.mascot-select-btn{padding:.6rem 1rem;font-size:.85rem}.home-btn{padding:.7rem 1.1rem}}@media (width<=600px){.app-container{padding:1rem .9rem 2rem}.header{gap:.6rem;margin-bottom:1.25rem}.logo-container{flex-direction:row;gap:.5rem}.app-logo{margin-bottom:0;font-size:2rem}.app-title{font-size:1.6rem}.glass-panel{border-radius:16px;padding:1.15rem}.dashboard-nav{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.nav-tab-btn{min-height:44px;padding:.7rem .5rem;font-size:.92rem}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.speech-bubble{padding:1.1rem;font-size:1rem}.mascot-stage{width:110px;height:110px}.playground-icon{font-size:2.2rem}.comma-digit{font-size:1.4rem}.comma-number-display{justify-content:flex-start;padding:1.2rem .4rem;overflow-x:auto}.playground-card{padding:1.1rem}.playground-grid{gap:.9rem}.options-grid{gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important}.option-btn,.chapter-btn{overflow-wrap:anywhere;min-width:0}.options-grid,.dashboard-nav{-webkit-tap-highlight-color:transparent}}@media (width<=768px){.app-container,.main-content{max-width:100%;overflow-x:hidden}}@media (width<=600px){.player-lane,.beaker-pane,.alchemy-controls,.laser-grid-pane,.laser-sidebar-controls,.mars-grid-pane,.mars-sidebar,.lander-simulation-bay,.lander-controls,.dispensers-pane,.reaction-pane,.star-chart-pane,.star-dome-sidebar,.optics-bench-pane,.prism-sidebar-controls,.defense-radar-pane,.defense-quiz-pane,.closet-preview-pane,.closet-options-pane,.assembler-canvas-pane,.assembler-sidebar,.orrery-orbits-pane,.orrery-hud-pane,.setup-player{flex:100%;min-width:0}.assembler-canvas-pane{height:290px}.assembly-dome{width:210px;height:210px}.satellite-core-center{width:76px;height:76px}.satellite-wing-connector{width:72px}.wing-solar-panel{width:50px;height:26px}.wing-solar-panel.left{left:-40px}.wing-solar-panel.right{right:-40px}.wing-dish-antenna{width:32px;height:32px;top:-16px;right:-18px}.orrery-orbits-pane{height:300px}.orrery-solar-system{--orrery-r0:38px;--orrery-gap:22px;width:260px;height:260px}.orrery-sun{width:36px;height:36px;font-size:1.3rem}}@media (hover:none) and (pointer:coarse){.lab-btn,.burner-toggle-btn,.comma-trigger,.star-node,.orrery-planet-btn,.laser-grid-cell{min-width:44px;min-height:44px}.lab-btn{padding:.7rem .55rem}.comma-trigger{width:30px}.shop-btn{min-height:44px}input[type=range],.pot-slider-group input[type=range]{background:0 0;height:44px!important}input[type=range]::-webkit-slider-thumb{width:26px;height:26px}input[type=range]::-moz-range-thumb{width:26px;height:26px}}input[type=range]{min-height:24px}@media (hover:none) and (pointer:coarse){.item-label,.star-label{font-size:.78rem}.core-label,.wing-solar-panel,.wing-dish-antenna{font-size:.76rem}}.table-quest-wrapper{--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #111827 100%);--card-bg:#111827a6;--primary-glow:0 0 15px #3b82f699;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#ec4899;--accent-glow:0 0 15px #ec489999;--text-main:#f3f4f6;--text-muted:#9ca3af;--panel-border:1px solid #3b82f640;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;background:var(--bg-gradient);color:var(--text-main);border-radius:16px;min-height:70vh;padding:20px;font-family:Outfit,sans-serif;transition:background .8s,color .5s;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009}.table-quest-wrapper:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 10% 20%,#3b82f61a 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ec489914 0%,#0000 40%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.table-quest-wrapper *{box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif}.table-quest-wrapper ::-webkit-scrollbar{width:6px}.table-quest-wrapper ::-webkit-scrollbar-track{background:#0000004d}.table-quest-wrapper ::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.table-quest-wrapper .glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:var(--panel-border);z-index:1;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 8px 32px #0000005e}.table-quest-wrapper .glass-panel-hover:hover{border-color:var(--primary);box-shadow:0 12px 40px 0 #00000080, var(--primary-glow);transform:translateY(-4px)}.table-quest-wrapper h1,.table-quest-wrapper h2,.table-quest-wrapper h3,.table-quest-wrapper .font-display{letter-spacing:1px;font-family:Orbitron,sans-serif}.table-quest-wrapper .glow-text{text-shadow:0 0 10px var(--primary)}.table-quest-wrapper .glow-text-accent{text-shadow:0 0 10px var(--accent)}.table-quest-wrapper .btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;box-shadow:var(--primary-glow);text-transform:uppercase;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.table-quest-wrapper .btn-primary:hover{transform:scale(1.05);box-shadow:0 0 25px #3b82f6e6}.table-quest-wrapper .btn-primary:active{transform:scale(.95)}.table-quest-wrapper .btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#374151;transform:none}.table-quest-wrapper .btn-secondary{color:var(--text-main);cursor:pointer;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.table-quest-wrapper .btn-secondary:hover{border-color:var(--primary);box-shadow:var(--primary-glow);background:#ffffff1a}.table-quest-wrapper .btn-accent{background:linear-gradient(135deg, var(--accent) 0%, #db2777 100%);color:#fff;cursor:pointer;box-shadow:var(--accent-glow);text-transform:uppercase;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.table-quest-wrapper .btn-accent:hover{transform:scale(1.05);box-shadow:0 0 25px #ec4899e6}.table-quest-wrapper .btn-accent:active{transform:scale(.95)}@keyframes scope-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.table-quest-wrapper .animate-shake{animation:.5s ease-in-out scope-shake}@keyframes scope-pulse-glow{0%,to{box-shadow:0 0 10px #3b82f680}50%{box-shadow:0 0 25px #3b82f6e6}}.table-quest-wrapper .pulse-glow-border{animation:2s infinite scope-pulse-glow}@keyframes scope-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.table-quest-wrapper .animate-float{animation:3s ease-in-out infinite scope-float}@keyframes scope-damageRise{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-40px)scale(1.2)}to{opacity:0;transform:translateY(-80px)scale(1)}}.table-quest-wrapper .damage-number{pointer-events:none;z-index:10;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;animation:.8s ease-out forwards scope-damageRise;position:absolute}.table-quest-wrapper .damage-number.hit{color:#f43f5e;text-shadow:0 0 10px #f43f5ecc}.table-quest-wrapper .damage-number.heal{color:#10b981;text-shadow:0 0 10px #10b981cc}.table-quest-wrapper .damage-number.spell{color:#f59e0b;text-shadow:0 0 10px #f59e0bcc}.table-quest-wrapper .progress-bar-container{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.table-quest-wrapper .progress-bar-fill{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.table-quest-wrapper .health-bar-fill{background:linear-gradient(90deg,#ef4444 0%,#f43f5e 100%);box-shadow:0 0 8px #ef444480}.table-quest-wrapper .xp-bar-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);box-shadow:0 0 8px #10b98180}.table-quest-wrapper .mana-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);box-shadow:0 0 8px #3b82f680}.table-quest-wrapper .heatmap-cell{aspect-ratio:1;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:relative}.table-quest-wrapper .heatmap-cell:hover{z-index:5;transform:scale(1.15);box-shadow:0 0 10px #fff6}@keyframes scope-spellFire{0%{opacity:1;filter:hue-rotate();transform:scale(0)rotate(0)}50%{opacity:.8}to{opacity:0;filter:hue-rotate(90deg);transform:scale(3)rotate(180deg)}}.table-quest-wrapper .spell-effect-fire{pointer-events:none;z-index:5;background:radial-gradient(circle,#f97316 10%,#ef4444 40%,#0000 70%);border-radius:50%;width:100px;height:100px;animation:.6s ease-out forwards scope-spellFire;position:absolute;box-shadow:0 0 20px #ef4444}@keyframes scope-spellIce{0%{opacity:1;transform:scale(.2)translate(-50%,-50%)}50%{opacity:.9}to{opacity:0;transform:scale(2.5)translate(-50%,-50%)}}.table-quest-wrapper .spell-effect-ice{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);pointer-events:none;z-index:5;background:radial-gradient(circle,#60a5fa 0%,#60a5fa66 40%,#0000 75%);width:120px;height:120px;animation:.5s ease-out forwards scope-spellIce;position:absolute;top:50%;left:50%;box-shadow:0 0 25px #3b82f6}@keyframes scope-spellLightning{0%{opacity:0;height:0%}10%{opacity:1;height:100%}30%{opacity:.3}45%{opacity:1}60%{opacity:.1}75%{opacity:.9}to{opacity:0}}.table-quest-wrapper .spell-effect-lightning{pointer-events:none;z-index:5;background:#fef08a;width:15px;animation:.5s ease-in-out forwards scope-spellLightning;position:absolute;top:0;box-shadow:0 0 20px #eab308,0 0 40px #f59e0b}.table-quest-wrapper .app-container{flex-direction:column;width:100%;min-height:60vh;margin:0 auto;display:flex}.table-quest-wrapper .main-content{flex-direction:column;flex-grow:1;justify-content:center;margin-top:10px;display:flex}.table-quest-wrapper .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.table-quest-wrapper .flex-center{justify-content:center;align-items:center;display:flex}@keyframes scope-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-quest-wrapper .animate-fade-in{animation:.4s ease-out forwards scope-fadeIn}@media (width<=600px){.table-quest-wrapper{padding:8px!important}.table-quest-wrapper>.app-container{padding:0!important}.table-quest-wrapper div[style*="display: flex"],.table-quest-wrapper header,.table-quest-wrapper footer{flex-wrap:wrap}.table-quest-wrapper>.app-container>header{justify-content:center!important;gap:10px!important;padding:12px!important}.table-quest-wrapper>.app-container>header>div{min-width:0;flex:100%!important;justify-content:center!important;max-width:100%!important}.table-quest-wrapper>.app-container>footer{justify-content:center!important;gap:6px!important;padding:10px!important}.table-quest-wrapper>.app-container>footer button{flex:calc(50% - 6px);font-size:.8rem!important}.table-quest-wrapper .dashboard-grid{grid-template-columns:1fr;gap:12px}.table-quest-wrapper [style*=minmax\(300px],.table-quest-wrapper [style*=minmax\(280px],.table-quest-wrapper [style*=minmax\(250px],.table-quest-wrapper [style*=minmax\(200px]{grid-template-columns:1fr!important}.table-quest-wrapper .glass-panel{padding:14px!important}.table-quest-wrapper h1{font-size:1.2rem!important}}@media (hover:none) and (pointer:coarse){.table-quest-wrapper .btn-primary,.table-quest-wrapper .btn-secondary,.table-quest-wrapper .btn-accent{min-height:44px}.table-quest-wrapper .heatmap-cell{min-width:34px;min-height:34px}}