:root{--bg-primary: #1b1510;--bg-secondary: #2a1f18;--bg-card: #3d2e22;--bg-card-hover: #4a3828;--bg-input: #2e231a;--accent-primary: #d4873f;--accent-secondary: #6bb86a;--accent-gold: #f5c842;--accent-star: #ffe066;--accent-danger: #e05555;--text-primary: #f5efe8;--text-secondary: #b8a898;--text-muted: #8a7a6a;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--min-touch: 52px;--transition: .3s ease;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.page{min-height:100dvh;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));max-width:960px;margin:0 auto}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:1.5rem;text-align:center}.splash-mascot{font-size:5rem;animation:bounceIn .8s ease}.splash-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--accent-gold),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-sub{color:var(--text-secondary);font-size:1rem}.header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;margin-bottom:1rem}.header-title{font-size:1.3rem;font-weight:700;color:var(--accent-gold)}.header-week{font-size:.85rem;color:var(--text-secondary);background:var(--bg-card);padding:.3rem .8rem;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--min-touch);padding:.7rem 1.2rem;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);color:var(--text-primary);background:var(--bg-card);text-decoration:none;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.95)}.btn-primary{background:var(--accent-primary)}.btn-primary:hover{background:#c07835}.btn-success{background:var(--accent-secondary)}.btn-danger{background:var(--accent-danger)}.btn-back{background:none;padding:.5rem;font-size:1.3rem}.btn-full{width:100%}.card{background:var(--bg-card);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:var(--transition);margin-bottom:1rem}.card:hover,.card:focus-visible{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 20px #d4873f26}.card:active{transform:scale(.98)}.section-title{font-size:1.1rem;font-weight:700;color:var(--accent-primary);margin:1.5rem 0 .8rem;padding-bottom:.3rem;border-bottom:2px solid var(--bg-card)}.input{width:100%;padding:.8rem;background:var(--bg-input);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:1rem}.input:focus{outline:none;border-color:var(--accent-primary)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.4rem;font-weight:600}.form-error{color:var(--accent-danger);font-size:.85rem;margin-top:.3rem}.progress-bar{width:100%;height:12px;background:var(--bg-input);border-radius:6px;overflow:hidden;margin:.8rem 0}.progress-fill{height:100%;border-radius:6px;transition:width .5s ease;background:linear-gradient(90deg,var(--accent-primary),var(--accent-gold))}.tier-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;background:var(--bg-input);color:var(--accent-gold)}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.activity-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem;background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-family:var(--font);font-size:.85rem;color:var(--text-primary);text-align:left;min-height:var(--min-touch)}.activity-btn:hover{border-color:var(--accent-gold);background:var(--bg-card-hover)}.activity-btn:active{transform:scale(.95)}.guide-section{background:var(--bg-card);border-radius:var(--radius-md);padding:1.2rem;margin-bottom:1rem}.guide-section h3{color:var(--accent-gold);font-size:1rem;margin-bottom:.6rem}.guide-section p,.guide-section li{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.guide-section ul{padding-left:1.2rem;margin-top:.4rem}.guide-section li{margin-bottom:.3rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--accent-secondary);color:#fff;padding:.8rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;z-index:100;transition:transform .4s ease;pointer-events:none;white-space:nowrap}.toast.show{transform:translate(-50%) translateY(0)}.celebration{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:200;animation:fadeIn .3s ease;gap:1rem;text-align:center;padding:2rem}.celebration-emoji{font-size:4rem;animation:celebratePop .5s ease}.celebration-text{font-size:1.3rem;font-weight:700;color:var(--accent-gold)}.celebration-sub{font-size:1rem;color:var(--text-secondary)}.action-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.action-bar .btn{flex:1;min-width:calc(50% - .5rem);font-size:.9rem}.link{color:var(--accent-primary);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-gold{color:var(--accent-gold)}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes celebratePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:400px){.activity-grid{grid-template-columns:1fr}}#print-area{display:none}@media print{*{color:#000!important;background:#fff!important;box-shadow:none!important}body{font-size:11pt;min-height:auto}.page,.toast,.no-print{display:none!important}#print-area{display:block!important;width:100%;max-width:210mm;margin:0 auto;padding:5mm}#print-area table{width:100%;border-collapse:collapse;margin:2mm 0}#print-area td,#print-area th{border:1px solid #333;padding:3mm;text-align:center;font-size:10pt}#print-area th{background:#eee!important;font-weight:700}@page{size:A4 portrait;margin:10mm}}.game-root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--bg-input: #1c2a4a;--accent-primary: #e94560;--accent-secondary: #00d2ff;--accent-success: #00e676;--accent-warning: #ffab00;--accent-xp: #7c4dff;--accent-danger: #ef5350;--text-primary: #f0f0f0;--text-secondary: #90a4ae;--text-hint: #ffcc80;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: 0 4px 20px rgba(0,0,0,.4);--shadow-soft: 0 2px 8px rgba(0,0,0,.06);--min-touch: 52px;--transition: .3s ease;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gentleShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes xpGrow{0%{width:0}}@keyframes celebratePop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-root.reduced-motion *,.game-root.reduced-motion *:before,.game-root.reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.05ms!important}@media(prefers-reduced-motion:reduce){.game-root *,.game-root *:before,.game-root *:after{animation-duration:.01ms!important;transition-duration:.05ms!important}}.game-screen{display:flex;flex-direction:column;align-items:center;padding:70px 1rem 1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));max-width:960px;margin:0 auto;min-height:100dvh;gap:1rem;animation:fadeIn .3s ease}.game-hud{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(180deg,var(--bg-primary) 0%,rgba(0,0,0,.95) 100%);border-bottom:2px solid var(--bg-card);gap:8px}.hud-left{display:flex;align-items:center;gap:8px;flex:1}.hud-right{display:flex;gap:6px}.hud-center{font-size:.9rem;color:var(--accent-warning);white-space:nowrap}.hud-level{background:var(--accent-xp);color:#fff;font-weight:700;font-size:.85rem;padding:2px 10px;border-radius:20px;white-space:nowrap}.hud-xp-bar{flex:1;height:12px;background:var(--bg-card);border-radius:6px;overflow:hidden;max-width:160px}.hud-xp-fill{height:100%;background:linear-gradient(90deg,var(--accent-xp),var(--accent-secondary));border-radius:6px;transition:width .5s ease}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-size:1.1rem;border-radius:var(--radius-sm);min-height:var(--min-touch);min-width:var(--min-touch);padding:10px 20px;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);text-decoration:none;font-weight:600;gap:8px}.btn:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#c73650);color:#fff;width:100%;font-size:1.2rem;border-radius:var(--radius-md);padding:14px 24px}.btn-primary:hover{box-shadow:0 0 20px #e9456066}.btn-secondary{background:transparent;color:var(--accent-secondary);border:2px solid var(--accent-secondary);width:100%;border-radius:var(--radius-md);padding:12px 20px}.btn-secondary:hover{background:#00d2ff1a}.btn-icon{background:#ffffff1a;color:var(--text-primary);border-radius:50%;padding:0;width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.2rem}.btn-option{background:var(--bg-card);color:var(--text-primary);border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:16px 20px;font-size:1.3rem;width:100%;text-transform:uppercase;letter-spacing:1px;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.btn-option:hover:not(:disabled){border-color:var(--accent-secondary);background:#00d2ff14}.btn-option:disabled{cursor:default;opacity:.8}.btn-option.correct{border-color:var(--accent-success);background:#00e67626}.btn-option.wrong{border-color:var(--accent-danger);background:#e945601a;animation:gentleShake .4s ease}.btn-vowel{width:64px;height:64px;min-width:64px;min-height:64px;border-radius:50%;font-size:1.6rem;font-weight:700;border:3px solid rgba(255,255,255,.2);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-soft);transition:all var(--transition);padding:0}.btn-vowel:hover:not(:disabled){border-color:var(--accent-primary);transform:scale(1.1)}.btn-vowel.correct{border-color:var(--accent-success);background:#00e67626}.btn-vowel.wrong{border-color:var(--accent-danger);background:#e945601a}.btn-listen{background:var(--accent-secondary);color:#fff;border-radius:var(--radius-md);padding:10px 18px;font-size:1rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.options-grid.single-col{grid-template-columns:1fr}.options-grid.col-3{grid-template-columns:1fr 1fr 1fr}.mode-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%}@media(min-width:768px){.mode-grid{grid-template-columns:1fr 1fr}}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.badge-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}@media(min-width:768px){.badge-gallery{grid-template-columns:repeat(4,1fr)}}.vowel-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.listen-btn-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sticker-gallery{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.capy-gallery{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.accessory-gallery{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mode-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:18px 20px;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:left;width:100%;transition:border-color var(--transition),transform var(--transition)}.mode-card:hover{border-color:var(--accent-secondary);transform:translateY(-2px)}.mode-card:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}.mode-card.locked{opacity:.4;cursor:default;pointer-events:none}.mode-icon{font-size:1.8rem}.mode-info{display:flex;flex-direction:column;gap:2px}.mode-desc{font-size:.85rem;font-weight:400;color:var(--text-secondary)}.mode-lock{font-size:.75rem;color:var(--text-hint)}.word-display{font-size:2.2rem;font-weight:700;letter-spacing:3px;text-align:center;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--bg-card);width:100%;text-transform:uppercase}.word-gap{display:inline-block;min-width:40px;border-bottom:4px solid var(--accent-warning);margin:0 2px}.letter-big{font-size:5rem;font-weight:700;color:var(--accent-primary);background:var(--bg-card);border-radius:var(--radius-lg);border:4px solid var(--accent-secondary);width:120px;height:120px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);animation:celebratePop .4s ease}.feedback{font-size:1.2rem;font-weight:600;text-align:center;padding:12px;border-radius:var(--radius-sm);width:100%;animation:slideUp .3s ease}.feedback-correct{color:var(--accent-success);background:#00e6761a}.feedback-wrong{color:var(--accent-warning);background:#ffab001a}.hint-box{background:#ffcc801a;border-left:4px solid var(--accent-warning);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-hint);font-size:1rem;width:100%;animation:slideUp .3s ease}.rule-card{background:var(--bg-secondary);border:2px solid var(--accent-xp);border-radius:var(--radius-md);padding:16px;width:100%;text-align:center}.rule-card p{margin-bottom:8px}.rule-visual{color:var(--accent-secondary);font-size:1rem}.compare-box{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px;width:100%;text-align:center;font-size:1.1rem}.compare-typed{color:var(--accent-danger)}.compare-expected{color:var(--accent-success)}.game-input{width:100%;padding:16px;font-size:1.4rem;font-family:inherit;text-align:center;background:var(--bg-input);border:2px solid var(--bg-card);border-radius:var(--radius-md);color:var(--text-primary);text-transform:lowercase}.game-input:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 10px #00d2ff33}.badge-cell{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-card);border-radius:var(--radius-md);padding:12px 8px;font-size:.85rem;text-align:center}.badge-cell.locked{opacity:.35}.badge-cell .badge-icon{font-size:2rem}.badge-item{background:var(--bg-card);border:2px solid var(--accent-warning);border-radius:var(--radius-md);padding:10px 16px;font-size:1rem;animation:celebratePop .5s ease}.sticker-item{font-size:2rem}.sticker-item.locked{opacity:.2}.capy-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.9rem;color:var(--text-secondary)}.capy-item .capy-big{font-size:2.5rem}.capy-item.locked{opacity:.25}.acc-item{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:border-color var(--transition)}.acc-item.locked{opacity:.2;cursor:default}.acc-item.selected{border-color:var(--accent-primary);background:#e9456026}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px;margin:0 auto}.memory-card{aspect-ratio:1;perspective:600px;cursor:pointer}.memory-card-inner{position:relative;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid rgba(255,255,255,.2)}.memory-card-front{background:var(--accent-primary);color:#fff;font-size:2rem}.memory-card-back{background:var(--bg-card);color:var(--text-primary);transform:rotateY(180deg)}.memory-card.matched .memory-card-inner{opacity:.5}.memory-card.matched{pointer-events:none}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;font-size:.95rem;color:var(--text-secondary)}.game-mode-label{font-weight:700;color:var(--accent-secondary)}.game-progress{color:var(--text-secondary)}.section-title{font-size:1.4rem;font-weight:700;text-align:center;width:100%}.splash-title{font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.splash-sub{font-size:1.1rem;color:var(--text-secondary);animation:pulse 2s ease infinite}.splash-icon{font-size:5rem;animation:pulse 2s ease infinite}.avatar{font-size:4rem;margin:8px 0}.player-name{font-size:1.6rem;font-weight:700}.home-stats{color:var(--text-secondary);font-size:1rem;text-align:center}.reward-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%;animation:celebratePop .5s ease}.reward-emoji{font-size:4rem}.reward-score{font-size:1.8rem;font-weight:700;color:var(--accent-success)}.reward-message{font-size:1.2rem;color:var(--text-secondary)}.new-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.settings-content{display:flex;flex-direction:column;gap:16px;width:100%}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:.95rem;color:var(--text-secondary)}.check-row{display:flex;align-items:center;gap:10px;cursor:pointer}.setting-row input[type=range]{width:100%;height:8px;accent-color:var(--accent-secondary)}.setting-row input[type=text],.setting-row input[type=number]{padding:10px 14px;font-size:1.1rem;font-family:inherit;background:var(--bg-input);border:2px solid var(--bg-card);border-radius:var(--radius-sm);color:var(--text-primary)}.setting-row input[type=text]:focus,.setting-row input[type=number]:focus{outline:none;border-color:var(--accent-secondary)}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-secondary)}.guide-section{width:100%;background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px;margin-bottom:12px}.guide-section h3{color:var(--accent-secondary);margin-bottom:8px;font-size:1.1rem}.guide-section p,.guide-section li{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.guide-section ul{padding-left:20px}.guide-section li{margin-bottom:4px}.game-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-card);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-md);font-size:1rem;z-index:200;transition:transform .3s ease;border:1px solid var(--accent-secondary);text-align:center;max-width:90%;pointer-events:none}.game-toast.visible{transform:translate(-50%) translateY(0)}.mascot-container{position:fixed;bottom:16px;right:16px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.mascot-bubble{background:var(--bg-card);color:var(--text-primary);padding:10px 16px;border-radius:var(--radius-md) var(--radius-md) 4px var(--radius-md);box-shadow:var(--shadow-card);font-size:1rem;max-width:200px;animation:bubbleIn .3s ease}.mascot-face{font-size:3rem}.settings-gate{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px}.report-table{width:100%;border-collapse:collapse;font-size:.9rem}.report-table th,.report-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--bg-card)}.report-table th{color:var(--accent-secondary);font-weight:600}.audio-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.streak-banner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border-radius:var(--radius-md);background:var(--bg-card);border:2px solid rgba(255,255,255,.1);animation:slideUp .3s ease;transition:border-color var(--transition),background var(--transition)}.streak-main{display:flex;align-items:center;gap:8px}.streak-fire{font-size:1.4rem;transition:transform var(--transition)}.streak-banner:not(.streak-neutral) .streak-fire{animation:pulse 2s ease infinite}.streak-number{font-size:1.4rem;font-weight:700}.streak-label{font-size:.95rem;color:var(--text-secondary)}.streak-extras{display:flex;align-items:center;gap:8px;font-size:1.1rem}.streak-freeze-available{opacity:.6}.streak-freeze-used{opacity:.8}.streak-check{font-size:1rem}.streak-neutral{border-color:#ffffff1a}.streak-neutral .streak-number{color:var(--text-secondary)}.streak-warm{border-color:#f59e0b;background:#f59e0b14}.streak-warm .streak-number{color:#f59e0b}.streak-hot{border-color:#f97316;background:#f973161a}.streak-hot .streak-number{color:#f97316}.streak-epic{border-color:#ef4444;background:#ef444414}.streak-epic .streak-number{background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-legendary{border-color:#eab308;background:#eab3081a;box-shadow:0 0 20px #eab30826}.streak-legendary .streak-number{background:linear-gradient(135deg,#eab308,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-legendary .streak-fire{animation:pulse 1.5s ease infinite}.streak-done{opacity:.85}.milestone-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0009;animation:fadeIn .2s ease;padding:1rem}.milestone-popup{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-secondary);border:3px solid var(--accent-warning);border-radius:var(--radius-lg);padding:32px 28px 24px;max-width:340px;width:100%;text-align:center;animation:celebratePop .5s ease;box-shadow:0 8px 40px #00000080;overflow:hidden}.milestone-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}@keyframes confettiFall1{0%{transform:translate(-20px,-40px) rotate(0);opacity:1}to{transform:translate(10px,120px) rotate(360deg);opacity:0}}@keyframes confettiFall2{0%{transform:translate(30px,-50px) rotate(0);opacity:1}to{transform:translate(-15px,130px) rotate(-270deg);opacity:0}}@keyframes confettiFall3{0%{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translate(20px,140px) rotate(180deg);opacity:0}}.confetti-piece{position:absolute;font-size:1.2rem;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.confetti-1{top:0;left:15%;animation-name:confettiFall1;animation-delay:0s}.confetti-2{top:0;left:40%;animation-name:confettiFall2;animation-delay:.2s}.confetti-3{top:0;left:65%;animation-name:confettiFall3;animation-delay:.1s}.confetti-4{top:0;left:85%;animation-name:confettiFall1;animation-delay:.3s}.confetti-5{top:0;left:5%;animation-name:confettiFall2;animation-delay:.15s}.milestone-fire{font-size:3.5rem;animation:pulse 1.5s ease infinite}.milestone-title{font-size:1.6rem;font-weight:700;color:var(--accent-warning)}.milestone-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.4}.milestone-btn{margin-top:8px}.report-section{width:100%;background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:10px}.report-section-title{font-size:1.15rem;font-weight:700;color:var(--accent-secondary)}.report-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.report-stat-card{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-card);border-radius:var(--radius-sm);padding:12px 8px}.report-stat-value{font-size:1.6rem;font-weight:700;color:var(--accent-primary)}.report-stat-label{font-size:.8rem;color:var(--text-secondary)}.report-mastery-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%}@media(min-width:600px){.report-mastery-grid{grid-template-columns:1fr 1fr}}.report-mastery-card{background:var(--bg-card);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:6px}.report-mastery-header{display:flex;justify-content:space-between;align-items:center}.report-mastery-name{font-size:1rem;font-weight:600}.report-mastery-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.report-mastery-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.report-mastery-fill{height:100%;background:linear-gradient(90deg,var(--accent-warning),var(--accent-success));border-radius:3px;transition:width var(--transition)}.report-modes-list{display:flex;flex-direction:column;gap:8px;width:100%}.report-mode-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-card);border-radius:var(--radius-sm);min-height:var(--min-touch)}.report-mode-item.not-played{opacity:.5}.report-mode-icon{font-size:1.3rem}.report-mode-label{flex:1;font-size:.95rem;font-weight:500}.report-mode-status{font-size:1.1rem}.report-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}@media(min-width:600px){.report-badges-grid{grid-template-columns:repeat(4,1fr)}}.report-badge-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-card);border-radius:var(--radius-sm);padding:10px 6px;text-align:center;transition:opacity var(--transition)}.report-badge-card.locked{opacity:.3}.report-badge-icon{font-size:1.8rem}.report-badge-name{font-size:.75rem;color:var(--text-secondary);line-height:1.2}.report-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.report-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-sm)}.report-calendar-day.played{background:var(--accent-success);color:#fff;font-weight:700}.feedback-overlay{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px 16px;border-radius:var(--radius-md);animation:feedbackSlideUp .35s ease}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.feedback-overlay--correct{background:#00e6761a;border:2px solid var(--accent-success)}.feedback-overlay--try-again{background:#ffab0014;border:2px solid var(--accent-warning)}.feedback-overlay--hint{background:#ffab001f;border:2px solid var(--accent-warning)}.feedback-overlay--show-answer{background:#00d2ff14;border:2px solid var(--accent-secondary)}.feedback-overlay__icon{font-size:2.4rem}.feedback-overlay__message{font-size:1.2rem;font-weight:600;text-align:center;color:var(--text-primary)}.feedback-overlay--correct .feedback-overlay__message{color:var(--accent-success)}.feedback-overlay--try-again .feedback-overlay__message,.feedback-overlay--hint .feedback-overlay__message{color:var(--accent-warning)}.feedback-overlay--show-answer .feedback-overlay__message{color:var(--accent-secondary)}.feedback-overlay__hint{font-size:1rem;text-align:center;color:var(--text-hint);background:#ffcc801a;border-left:4px solid var(--accent-warning);padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:100%}.feedback-overlay__answer{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.feedback-overlay__answer-word{font-size:1.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-success);background:var(--bg-secondary);padding:12px 24px;border-radius:var(--radius-md);border:2px solid var(--accent-success)}.feedback-overlay__answer-word .highlight{color:var(--accent-warning);text-decoration:underline;text-underline-offset:4px}.feedback-overlay__btn{padding:12px 32px;margin-top:4px}.feedback-overlay__btn--retry{background:var(--accent-warning);color:#1a1a2e}.feedback-overlay__btn--retry:hover{box-shadow:0 0 16px #ffab004d}.feedback-overlay__btn--continue{background:var(--accent-secondary);color:#fff}.feedback-overlay__btn--continue:hover{box-shadow:0 0 16px #00d2ff4d}.feedback-overlay__btn--correct{background:var(--accent-success);color:#1a1a2e}.feedback-overlay__btn--correct:hover{box-shadow:0 0 16px #00e6764d}.feedback-overlay__attempt-dots{display:flex;gap:6px;justify-content:center}.feedback-overlay__dot{width:10px;height:10px;border-radius:50%;background:var(--bg-card);border:2px solid var(--text-secondary);transition:background var(--transition),border-color var(--transition)}.feedback-overlay__dot--used{background:var(--accent-warning);border-color:var(--accent-warning)}.feedback-overlay__dot--success{background:var(--accent-success);border-color:var(--accent-success)}@media(prefers-reduced-motion:reduce){.feedback-overlay{animation:none}}.mastery-stars{display:inline-flex;align-items:center;gap:2px}.mastery-stars--sm .mastery-star{width:18px;height:18px;font-size:14px}.mastery-stars--md .mastery-star{width:24px;height:24px;font-size:18px}.mastery-stars--lg .mastery-star{width:32px;height:32px;font-size:24px}.mastery-star{display:flex;align-items:center;justify-content:center;transition:transform var(--transition),color var(--transition)}.mastery-star--empty{color:var(--text-muted);opacity:.4}.mastery-star--bronze{color:#cd7f32}.mastery-star--silver{color:#b0b0b0}.mastery-star--gold{color:var(--accent-star, #ffe066);filter:drop-shadow(0 0 3px rgba(255,224,102,.4))}.mastery-star--earned{animation:mastery-star-pop .4s ease-out}@keyframes mastery-star-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.mastery-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.mastery-label__name{font-weight:600;color:var(--text-primary)}.mastery-progress{width:100%;height:4px;border-radius:2px;background:var(--bg-input);margin-top:4px;overflow:hidden}.mastery-progress__fill{height:100%;border-radius:2px;background:var(--accent-primary);transition:width var(--transition)}@media(prefers-reduced-motion:reduce){.mastery-star--earned{animation:none}.mastery-progress__fill{transition:none}}.mastery-gate{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px;background:var(--bg-card);border-radius:var(--radius-md);width:100%;text-align:center}.mastery-gate__icon{font-size:3rem;line-height:1}.mastery-gate__title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.mastery-gate__subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.mastery-gate__list{display:flex;flex-direction:column;gap:8px;width:100%}.mastery-gate__category{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-input);border:none;border-radius:var(--radius-sm);min-height:var(--min-touch);cursor:pointer}.mastery-gate__category-name{font-weight:600;color:var(--text-primary);font-size:1rem}.mastery-gate__actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.mastery-gate__practice-btn,.mastery-gate__back-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;min-height:var(--min-touch);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.mastery-gate__practice-btn:active,.mastery-gate__back-btn:active{opacity:.8}.mastery-gate__practice-btn{background:var(--accent-primary);color:var(--text-primary)}.mastery-gate__back-btn{background:transparent;color:var(--text-secondary);border:2px solid var(--text-muted)}@media(prefers-reduced-motion:reduce){.mastery-gate__practice-btn,.mastery-gate__back-btn{transition:none}}.classify-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.classify-btn{font-size:2rem;font-weight:700;padding:24px 16px;background:var(--bg-card);color:var(--text-primary);border:3px solid rgba(255,255,255,.15);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:2px;transition:border-color var(--transition),background var(--transition),transform var(--transition);min-height:80px}.classify-btn:hover:not(:disabled){border-color:var(--accent-secondary);background:#00d2ff14;transform:scale(1.03)}.classify-btn:disabled{cursor:default}.classify-btn.correct{border-color:var(--accent-success);background:#00e67626;animation:pulse .5s ease}.classify-btn.wrong{border-color:var(--accent-danger);background:#e945601a;animation:gentleShake .4s ease}.mp-pair{display:flex;gap:16px;justify-content:center;align-items:center;width:100%}.mp-word{flex:1;font-size:1.8rem;font-weight:700;letter-spacing:2px;text-align:center;padding:20px 12px;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--bg-card);text-transform:uppercase;max-width:200px}.mp-diff-letter{color:var(--accent-primary);text-decoration:underline;text-underline-offset:4px}.mp-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.mp-choice-btn{font-size:1.2rem;font-weight:700;padding:20px 16px;background:var(--bg-card);color:var(--text-primary);border:3px solid rgba(255,255,255,.15);border-radius:var(--radius-md);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.mp-choice-btn:hover:not(:disabled){border-color:var(--accent-secondary);background:#00d2ff14;transform:scale(1.03)}.mp-choice-btn:disabled{cursor:default}.mp-choice-btn.correct{border-color:var(--accent-success);background:#00e67626;animation:pulse .5s ease}.mp-choice-btn.wrong{border-color:var(--accent-danger);background:#e945601a;animation:gentleShake .4s ease}.sb-built{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;width:100%;min-height:56px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--bg-card)}.sb-slot{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 12px;border-bottom:3px solid var(--accent-warning);font-size:1.2rem;font-weight:600;color:var(--text-secondary);transition:color var(--transition),border-color var(--transition)}.sb-slot.filled{color:var(--text-primary);border-color:var(--accent-secondary)}.sb-slot.target-word{color:var(--accent-primary);font-weight:700}.sb-pieces{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.sb-piece{font-size:1.1rem;font-weight:600;padding:12px 18px;background:var(--bg-card);color:var(--text-primary);border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-md);transition:border-color var(--transition),background var(--transition),opacity var(--transition),transform var(--transition)}.sb-piece:hover:not(:disabled){border-color:var(--accent-secondary);background:#00d2ff14;transform:scale(1.05)}.sb-piece.used{opacity:.25;cursor:default;transform:scale(.95)}.sb-clear{max-width:200px}