@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap);.grammar-container{background-color:initial;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:24px auto;max-width:1200px;padding:32px 20px;text-align:center}.grammar-header{background:#fff;border:4px solid #9b59b6;border-radius:24px;box-shadow:0 10px 40px #00000026;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.grammar-header:before{background:linear-gradient(45deg,#9b59b6,#8e44ad);border-radius:50%;content:"";height:100px;opacity:.1;position:absolute;right:-20px;top:-20px;width:100px}.grammar-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b35,#9b59b6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.grammar-level-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.grammar-level-badge{align-items:center;background:linear-gradient(45deg,#9b59b6,#8e44ad);border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:8px 16px}.grammar-xp-info{color:#555;font-size:1rem;font-weight:600}.grammar-xp-bar{background:#e5e5e5;border:2px solid #ddd;border-radius:15px;height:16px;margin-bottom:20px;overflow:hidden}.grammar-xp-progress{background:linear-gradient(90deg,#9b59b6,#e91e63,#ff6b35);border-radius:15px;box-shadow:inset 0 2px 4px #ffffff4d;height:100%;transition:width .8s ease;width:65%}.grammar-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grammar-stat-card{border-radius:16px;box-shadow:0 6px 20px #00000026;color:#fff;padding:20px;text-align:center}.grammar-stat-card.exercises{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.grammar-stat-card.accuracy{background:linear-gradient(135deg,#2ecc71,#27ae60)}.grammar-stat-card.streak{background:linear-gradient(135deg,#ff6b35,#e55a2b);position:relative}.grammar-stat-card.streak.fire:before{align-items:center;background:#f39c12;border-radius:50%;color:#333;content:"🔥";display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;width:32px}.grammar-stat-number{font-size:2.2rem;font-weight:800;margin-bottom:6px}.grammar-stat-label{font-size:1rem;font-weight:600;opacity:.9}.grammar-activities{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-bottom:40px}.activity-card{background:#fff;border:4px solid #0000;border-radius:24px;box-shadow:0 15px 50px #00000026;cursor:pointer;overflow:hidden;padding:40px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.activity-card:hover{box-shadow:0 25px 60px #00000040;transform:translateY(-8px) scale(1.02)}.flashcards:before{background:linear-gradient(45deg,#3498db,#2980b9);content:"+15 XP per set"}.detective:before,.flashcards:before{border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;font-size:.9rem;font-weight:700;padding:8px 12px;position:absolute;right:16px;top:16px}.detective:before{background:linear-gradient(45deg,#9b59b6,#8e44ad);content:"+20 XP per level"}.detective-advanced:before{background:linear-gradient(45deg,#e91e63,#c2185b);content:"+30 XP complete"}.defender:before,.detective-advanced:before{border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;font-size:.9rem;font-weight:700;padding:8px 12px;position:absolute;right:16px;top:16px}.defender:before{background:linear-gradient(45deg,#2ecc71,#27ae60);content:"+25 XP complete"}.activity-icon{box-shadow:0 8px 25px #0003;color:#fff;font-size:40px;margin:0 auto 24px}.flashcards{border-color:#3498db}.flashcards .activity-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.detective{border-color:#9b59b6}.detective .activity-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.detective-advanced{border-color:#e91e63}.detective-advanced .activity-icon{background:linear-gradient(135deg,#e91e63,#c2185b)}.defender{border-color:#2ecc71}.defender .activity-icon{background:linear-gradient(135deg,#2ecc71,#27ae60)}.activity-title{color:#333;font-size:1.8rem;font-weight:800;margin:0 0 16px}.activity-description{color:#666;font-size:1.1rem;margin:0 0 24px}.activity-card:after{border-radius:50%;content:"";height:120px;opacity:.1;position:absolute;right:-40px;top:-40px;width:120px}.flashcards:after{background:linear-gradient(45deg,#3498db,#2980b9)}.detective:after{background:linear-gradient(45deg,#9b59b6,#8e44ad)}.detective-advanced:after{background:linear-gradient(45deg,#e91e63,#c2185b)}.defender:after{background:linear-gradient(45deg,#2ecc71,#27ae60)}.activity-status{background:#3333331a;border:2px solid #3333;border-radius:12px;color:#333;display:inline-block;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 16px}.flashcards .activity-status{background:#3498db26;border-color:#3498db4d;color:#3498db}.detective .activity-status{background:#9b59b626;border-color:#9b59b64d;color:#9b59b6}.detective-advanced .activity-status{background:#e91e6326;border-color:#e91e634d;color:#e91e63}.defender .activity-status{background:#2ecc7126;border-color:#2ecc714d;color:#2ecc71}@media (max-width:1024px){.grammar-activities{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.grammar-container{padding:24px 16px}.grammar-container h2{font-size:2.5rem;margin-bottom:32px}.grammar-activities{gap:24px;grid-template-columns:1fr}.activity-card{padding:32px 24px}.activity-icon{font-size:32px;height:64px;width:64px}.activity-title{font-size:1.5rem}.activity-description{font-size:1rem}}@media (max-width:480px){.grammar-container{padding:20px 12px}.grammar-container h2{font-size:2rem}.activity-card{padding:24px 20px}.activity-title{font-size:1.3rem}.activity-description{font-size:1rem}}.grammar-flashcard-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;padding:32px 20px;text-align:center}.grammar-title{color:#333;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 40px;text-shadow:none}.grammar-flashcard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:4px solid #3498db;border-radius:24px;box-shadow:0 15px 50px #00000026;margin-bottom:32px;overflow:hidden;padding:40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.grammar-flashcard:hover{box-shadow:0 25px 60px #0003;transform:translateY(-4px) scale(1.01)}.grammar-flashcard:before{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;content:"";height:120px;opacity:.1;position:absolute;right:-40px;top:-40px;width:120px}.grammar-flashcard .question-text,.grammar-flashcard h3{color:#333;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:24px}.grammar-flashcard .card-content,.grammar-flashcard p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.grammar-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;margin:24px auto;max-width:600px}.grammar-btn{border:none;border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.grammar-btn:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.grammar-btn:active{box-shadow:0 4px 15px #0003;transform:translateY(0)}.grammar-btn:disabled{background:#e5e5e5!important;box-shadow:none!important;color:#999!important;cursor:not-allowed;transform:none!important}.grammar-btn-option-a,.grammar-btn:first-child{background:linear-gradient(45deg,#3498db,#2980b9)}.grammar-btn-option-a:hover,.grammar-btn:first-child:hover{background:linear-gradient(45deg,#2980b9,#21618c)}.grammar-btn-option-b,.grammar-btn:nth-child(2){background:linear-gradient(45deg,#9b59b6,#8e44ad)}.grammar-btn-option-b:hover,.grammar-btn:nth-child(2):hover{background:linear-gradient(45deg,#8e44ad,#7d3c98)}.grammar-btn-option-c,.grammar-btn:nth-child(3){background:linear-gradient(45deg,#e91e63,#c2185b)}.grammar-btn-option-c:hover,.grammar-btn:nth-child(3):hover{background:linear-gradient(45deg,#c2185b,#ad1457)}.grammar-btn-option-d,.grammar-btn:nth-child(4){background:linear-gradient(45deg,#ff6b35,#e55a2b)}.grammar-btn-option-d:hover,.grammar-btn:nth-child(4):hover{background:linear-gradient(45deg,#e55a2b,#d84315)}.grammar-btn-primary{background:linear-gradient(45deg,#2ecc71,#27ae60);min-width:150px}.grammar-btn-primary:hover{background:linear-gradient(45deg,#27ae60,#229954)}.grammar-btn-secondary{background:linear-gradient(45deg,#f39c12,#e67e22);min-width:150px}.grammar-btn-secondary:hover{background:linear-gradient(45deg,#e67e22,#d35400)}.grammar-btn-home{background:linear-gradient(45deg,#e91e63,#c2185b);min-width:120px}.grammar-btn-home:hover{background:linear-gradient(45deg,#c2185b,#ad1457)}.grammar-btn-next,.grammar-btn-previous{background:linear-gradient(45deg,#9b59b6,#8e44ad);border-radius:20px;margin:0 8px;padding:12px 32px}.grammar-btn-next:hover,.grammar-btn-previous:hover{background:linear-gradient(45deg,#8e44ad,#7d3c98)}.more-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3498db1a;border:2px solid #3498db4d;border-radius:16px;margin-top:24px;padding:20px;position:relative;text-align:left}.more-info:before{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;content:"";height:60px;opacity:.1;position:absolute;right:-20px;top:-20px;width:60px}.more-info h4{color:#3498db;font-size:1.1rem;font-weight:700;margin-bottom:12px}.more-info p{color:#333;font-size:1rem;line-height:1.6;margin:0}.loading-container{align-items:center;background:linear-gradient(135deg,#9b59b6,#ff6b35 50%,#f39c12);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh}.loading-content{color:#fff;font-size:1.5rem;text-align:center}.loading-icon{animation:bounce 1s infinite alternate;font-size:4rem;margin-bottom:20px}.loading-title{font-weight:700;margin-bottom:12px}.loading-subtitle{font-size:1rem;margin-bottom:20px;opacity:.8}.loading-stats{font-size:.9rem;opacity:.6}.error-container{align-items:center;background:linear-gradient(135deg,#9b59b6,#ff6b35 50%,#f39c12);background-attachment:fixed;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;min-height:100vh;padding:20px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-title{font-weight:700;margin-bottom:20px}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:30px;max-width:500px;opacity:.8;padding:15px}.error-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.stats-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #2ecc71;border-radius:24px;box-shadow:0 15px 50px #00000026;margin-bottom:32px;padding:24px;text-align:center}.stats-grid{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.stat-item{text-align:center}.stat-number{color:#333;font-size:1.8rem;font-weight:800;margin-bottom:4px}.stat-label{color:#666}.streak-message{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2ecc71,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800;margin-top:20px}.grammar-subtitle{color:#666;font-size:1.2rem;font-weight:500;margin:0 0 16px}.grammar-description{color:#666;font-size:1rem;margin:0 0 40px}.level-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.level-card{background:#fff;border:4px solid;border-radius:24px;box-shadow:0 15px 50px #00000026;cursor:pointer;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.level-card.available:hover{box-shadow:0 25px 60px #00000040;transform:translateY(-8px) scale(1.02)}.level-card.unavailable{cursor:not-allowed;opacity:.6}.level-icon{font-size:3.5rem;margin-bottom:16px}.level-title{color:#333;font-size:1.5rem;font-weight:800;margin:0 0 8px}.level-name{color:#666;font-size:1.2rem;font-weight:600;margin:0 0 16px}.level-description{color:#666;font-size:1rem;line-height:1.5;margin:0 0 16px}.level-cards-count{font-size:.9rem;font-weight:600;margin:0 0 12px}.level-topics{color:#999;font-size:.8rem}.home-button-container{margin-top:40px;text-align:center}.quiz-mode{background:linear-gradient(135deg,#9b59b6,#ff6b35 50%,#f39c12);background-attachment:fixed;min-height:100vh;padding:24px}.quiz-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #9b59b6;border-radius:20px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px}.quiz-info h2{color:#333;font-size:1.5rem;margin:0}.question-counter{color:#666;font-size:.9rem;margin-top:4px}.session-accuracy{color:#666;font-size:.8rem;margin-top:4px}.quiz-stats{display:flex;flex-wrap:wrap;gap:16px}.quiz-stat{text-align:center}.quiz-stat-number{color:#333;font-size:1.2rem;font-weight:700}.quiz-stat-label{color:#666;font-size:.7rem}.quiz-mode .progress-bar-container{background:#fff3;border:2px solid #ffffff1a;border-radius:15px;height:12px;margin-bottom:24px;overflow:hidden}.quiz-mode .progress-bar-fill{background:linear-gradient(90deg,#2ecc71,#f39c12,#ff6b35);border-radius:15px;box-shadow:0 0 20px #2ecc714d;height:100%;transition:width .8s ease}.card-number{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:16px;color:#fff;font-size:.8rem;font-weight:700;padding:6px 12px;position:absolute;right:20px;top:16px}.difficulty-indicator{display:flex;gap:4px;left:20px;position:absolute;top:16px}.difficulty-dot{background:#e5e5e5;border-radius:50%;height:8px;width:8px}.difficulty-dot.active{background:#e91e63}.question-text{color:#333;font-size:1.5rem;font-weight:700;line-height:1.4;margin:32px 0 24px}.card-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.category-tag{background:#3498db26;border:2px solid #3498db4d;border-radius:12px;color:#3498db;font-weight:700}.category-tag,.subcategory-tag{font-size:.8rem;padding:6px 12px}.subcategory-tag{background:#9b59b626;border:2px solid #9b59b64d;border-radius:12px;color:#9b59b6;font-weight:600}.answer-revealed{background:linear-gradient(45deg,#2ecc71,#27ae60);border-radius:16px;box-shadow:0 6px 20px #2ecc714d;color:#fff;font-size:1.2rem;font-weight:700;margin:24px 0;padding:20px}.card-tags-list{color:#333;font-size:.9rem;margin-top:16px}.navigation-controls{margin:32px 0}.bottom-navigation,.navigation-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.bottom-navigation{margin-top:40px}.completion-modal{animation:celebration .8s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #2ecc71;border-radius:24px;box-shadow:0 25px 60px #0006;color:#333;left:50%;max-height:90vh;max-width:90vw;padding:40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.completion-content{position:relative}.completion-icon{font-size:4rem;margin-bottom:20px}.completion-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2ecc71,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0 0 16px}.completion-content p{color:#666;font-size:1.2rem;margin:0 0 20px}.final-stats{color:#333;font-size:1rem;margin:20px 0}.final-stats div{font-weight:600;margin:8px 0}.completion-buttons{flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}@keyframes celebration{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(-5deg)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}@media (max-width:768px){.grammar-flashcard-container{padding:20px 12px}.grammar-title{font-size:2.5rem;margin-bottom:32px}.grammar-flashcard{border-width:3px;padding:24px}.grammar-options{gap:12px;grid-template-columns:1fr;max-width:300px}.grammar-btn{font-size:.9rem;padding:14px 20px}.quiz-header{flex-direction:column;text-align:center}.quiz-stats{justify-content:center}.level-cards-grid{grid-template-columns:1fr}.bottom-navigation,.completion-buttons,.navigation-controls{align-items:center;flex-direction:column}}@media (max-width:480px){.grammar-title{font-size:2rem}.grammar-flashcard{padding:20px}.grammar-flashcard h3{font-size:1.3rem}.grammar-flashcard p{font-size:1rem}}.detective-game{background:linear-gradient(135deg,#9b59b6,#ff6b35 50%,#f39c12);background-attachment:fixed;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem}.detective-game button,.detective-game h1,.detective-game h2,.detective-game h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;letter-spacing:-.02em}.detective-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #9b59b6;border-radius:24px;box-shadow:0 15px 50px #00000026;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.header-glow-1{background:linear-gradient(45deg,#ff6b35,#f39c12);height:120px;right:-40px;top:-40px;width:120px}.header-glow-1,.header-glow-2{border-radius:50%;opacity:.1;position:absolute}.header-glow-2{background:linear-gradient(45deg,#9b59b6,#8e44ad);bottom:-30px;height:100px;left:-30px;width:100px}.detective-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b35,#9b59b6);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.detective-subtitle{color:#666;font-size:1.1rem;font-weight:500;margin-top:0}.detective-logo{background:linear-gradient(45deg,#ff6b35,#f39c12);border-radius:20px;box-shadow:0 8px 25px #0003;font-size:2.5rem;justify-content:center;margin-right:1.5rem;padding:16px}.detective-logo,.score-badge{align-items:center;color:#fff;display:flex}.score-badge{background:linear-gradient(45deg,#2ecc71,#f39c12);border-radius:16px;box-shadow:0 6px 20px #0003;font-weight:800;padding:12px 20px}.case-file{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #e91e63;border-radius:24px;box-shadow:0 15px 50px #00000026;margin-bottom:2rem;padding:2rem;position:relative}.case-banner{background:linear-gradient(45deg,#e91e63,#c2185b);border:none;border-radius:16px;box-shadow:0 6px 20px #0003;color:#fff;padding:12px 24px;position:absolute;right:-12px;top:-20px;transform:rotate(3deg);z-index:20}.case-banner:before{background-color:#0000001a;border-radius:16px;content:"";inset:0;position:absolute}.case-banner-text{font-weight:800;position:relative;z-index:10}.progress-label{align-items:center;color:#ff6b35;display:flex;font-size:1.1rem;font-weight:700}.progress-icon{background:#ff6b351a;border-radius:12px;color:#ff6b35;margin-right:12px;padding:8px}.progress-bar-container{background:#e5e5e5;border:2px solid #ddd;border-radius:15px;height:16px;margin-top:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#2ecc71,#f39c12,#ff6b35);border-radius:15px;box-shadow:inset 0 2px 4px #ffffff4d;height:100%;transition:width .8s ease}.passage-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #3498db;border-radius:24px;box-shadow:0 15px 50px #00000026;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;padding:2rem;position:relative}.passage-panel:before{height:120px;right:-40px;top:-40px;width:120px}.passage-panel:after,.passage-panel:before{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;content:"";opacity:.1;position:absolute}.passage-panel:after{bottom:-30px;height:100px;left:-30px;width:100px}.sentence{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:16px;cursor:pointer;margin:12px 0;padding:16px 20px;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.sentence:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px) scale(1.01)}.sentence-solved{background:#2ecc7126;border:2px solid #2ecc71;box-shadow:0 6px 20px #2ecc7133}.sentence-selected{background:#3498db26;border:2px solid #3498db;box-shadow:0 6px 20px #3498db33}.sentence-default{border:2px solid #ffffff4d}.sentence-default:hover{background:#fffc;border-color:#ffffff80}.sentence-number{align-items:center;background:#fffc;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.check-mark,.sentence-number{border-radius:50%;margin-right:12px}.check-mark{background:#2ecc7126;color:#2ecc71;padding:8px}.success-animation{align-items:center;background:#2ecc7133;border-radius:16px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.success-icon{animation:bounce 1s infinite;background:linear-gradient(45deg,#2ecc71,#27ae60);border-radius:50%;box-shadow:0 8px 25px #0003;color:#fff;font-size:1.5rem;font-weight:700;padding:16px}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.magnifying-glass{background:#ffffffe6;border:3px solid #ff6b35;border-radius:50%;box-shadow:0 4px 15px #0003;height:5rem;opacity:.8;pointer-events:none;position:absolute;transform:scale(1.2);transition:transform .2s ease;width:5rem;z-index:20}.instructions-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #f39c12;border-radius:20px;margin-bottom:2rem;padding:1.5rem}.instructions-title{align-items:center;color:#f39c12;display:flex;font-size:1.2rem;font-weight:700;margin-bottom:12px}.instructions-icon{background:#f39c121a;border-radius:12px;color:#f39c12;margin-right:12px;padding:8px}.correction-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #9b59b6;border-radius:24px;margin-bottom:2rem;padding:2rem;position:relative}.correction-glow{background:linear-gradient(45deg,#9b59b6,#8e44ad);border-radius:50%;height:120px;opacity:.1;position:absolute;right:-40px;top:-40px;width:120px}.correction-title{align-items:center;color:#9b59b6;display:flex;font-size:1.2rem;font-weight:700;margin-bottom:16px}.correction-icon{background:#9b59b61a;border-radius:12px;color:#9b59b6;margin-right:12px;padding:8px}.error-word{background:#e91e631a;border:2px solid #e91e634d;border-radius:12px;color:#e91e63;font-weight:700;margin:0 8px;padding:8px 12px}.correction-input{background:#ffffffe6;border:2px solid #9b59b6;border-radius:16px;color:#333;font-family:Inter,sans-serif;font-size:16px;padding:16px 20px;width:100%}.correction-input:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #9b59b64d;outline:none}.correction-counter{align-items:center;color:#666;display:flex;font-size:14px;margin-top:16px}.counter-badge{background:#9b59b61a;border-radius:12px;color:#9b59b6;font-family:Inter,monospace;font-weight:600;margin-right:12px;padding:6px 12px}.button-primary{background:linear-gradient(45deg,#9b59b6,#8e44ad);border:none;border-radius:20px;box-shadow:0 6px 20px #0003;color:#fff;font-family:Inter,sans-serif;font-weight:700;padding:16px 32px;transform:translateY(0);transition:all .3s ease}.button-primary:hover{background:linear-gradient(45deg,#ab47bc,#7b1fa2);box-shadow:0 8px 25px #00000040;transform:translateY(-2px)}.button-primary:disabled{cursor:not-allowed;opacity:.5;transform:translateY(0)}.rearrangement-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #9b59b6;border-radius:24px;margin-bottom:2rem;padding:2rem}.rearrangement-title{align-items:center;color:#9b59b6;display:flex;font-size:1.2rem;font-weight:700;margin-bottom:16px}.rearrangement-icon{background:#9b59b61a;border-radius:12px;color:#9b59b6;margin-right:12px;padding:8px}.arranged-words-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #9b59b64d;border-radius:16px;min-height:80px}.arranged-words-area,.word-bank{margin-bottom:20px;padding:1.5rem}.word-bank{background:#9b59b60d;border:2px solid #9b59b633;border-radius:16px}.word-bank-title{align-items:center;color:#9b59b6;display:flex;font-size:14px;font-weight:600;margin-bottom:16px}.word-tile{background:#ffffffe6;border:2px solid #9b59b64d;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:inline-block;font-weight:500;margin:6px;padding:12px 16px;transition:all .3s ease}.word-tile:hover{background:#fff;border-color:#9b59b6;transform:translateY(-2px)}.arranged-word{background:linear-gradient(45deg,#9b59b6,#8e44ad);border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin:6px;padding:12px 16px;transition:all .3s ease}.arranged-word:hover{background:linear-gradient(45deg,#ab47bc,#7b1fa2);transform:scale(1.05)}.submit-rearrangement{background:linear-gradient(45deg,#9b59b6,#8e44ad);border:none;border-radius:20px;box-shadow:0 6px 20px #0003;color:#fff;font-family:Inter,sans-serif;font-weight:700;padding:16px 32px;transition:all .3s ease;width:100%}.submit-rearrangement:hover:not(:disabled){background:linear-gradient(45deg,#ab47bc,#7b1fa2);transform:translateY(-2px)}.submit-rearrangement:disabled{cursor:not-allowed;opacity:.5}.feedback-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin-bottom:20px;padding:1.5rem;position:relative;transition:all .3s ease}.feedback-panel--success{background:#2ecc711a;border:2px solid #2ecc71}.feedback-panel--info{background:#3498db1a;border:2px solid #3498db}.feedback-overlay{background:#ffffff0d;border-radius:20px;height:100%;left:0;position:absolute;top:0;width:100%}.feedback-content{display:flex;position:relative;z-index:10}.feedback-icon{background:#fffc;border-radius:50%;box-shadow:0 4px 15px #0000001a;font-size:1.5rem;margin-right:16px;padding:12px}.case-complete{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:4px solid #2ecc71;border-radius:24px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.complete-glow{background:linear-gradient(45deg,#f39c12,#ff6b35);border-radius:50%;height:160px;opacity:.1;position:absolute;right:-60px;top:-60px;width:160px}.complete-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,#2ecc71,#f39c12);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:800;margin-bottom:20px}.trophy-icon{background:linear-gradient(45deg,#f39c12,#ff6b35);border-radius:20px;box-shadow:0 8px 25px #0003;color:#fff;font-size:2.5rem;margin-right:16px;padding:16px}.evidence-title{color:#2ecc71;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.evidence-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #2ecc714d;border-radius:16px;font-family:Inter,serif;padding:1.5rem}.final-score{background:#2ecc711a;border:2px solid #2ecc71;border-radius:16px;padding:1.5rem;position:relative}.score-glow{background:linear-gradient(45deg,#2ecc71,#27ae60);border-radius:50%;height:120px;opacity:.1;position:absolute;right:-40px;top:-40px;width:120px}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2ecc71,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.score-detail{color:#666}.score-detail,.score-message{font-weight:500;margin-top:8px}.score-message{color:#2ecc71;font-size:14px}.game-controls{display:flex;gap:16px;justify-content:space-between}.button-secondary{align-items:center;background:#ffffffe6;border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 6px 20px #0000001a;color:#333;display:flex;font-weight:600;padding:16px 24px;transition:all .3s ease}.button-secondary:hover{background:#fff;border-color:#ffffff80;transform:translateY(-2px)}.button-action{align-items:center;background:linear-gradient(45deg,#ff6b35,#f39c12);border:none;border-radius:16px;box-shadow:0 6px 20px #0003;color:#fff;display:flex;font-weight:700;padding:16px 24px;transition:all .3s ease}.button-action:hover{background:linear-gradient(45deg,#e55a2b,#e67e22);transform:translateY(-2px)}.button-icon{margin-right:8px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.vocabulary-container{background-color:initial;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:24px auto;max-width:1200px;padding:32px 20px;text-align:center}.vocabulary-header{background:#fff;border:4px solid #ff6b35;border-radius:24px;box-shadow:0 10px 40px #00000026;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.vocabulary-header:before{background:linear-gradient(45deg,#ff6b35,#e55a2b);border-radius:50%;content:"";height:100px;opacity:.1;position:absolute;right:-20px;top:-20px;width:100px}.vocabulary-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b35,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.vocabulary-level-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.vocabulary-level-badge{align-items:center;background:linear-gradient(45deg,#ff6b35,#e55a2b);border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:8px 16px}.vocabulary-xp-info{color:#555;font-size:1rem;font-weight:600}.vocabulary-xp-bar{background:#e5e5e5;border:2px solid #ddd;border-radius:15px;height:16px;margin-bottom:20px;overflow:hidden}.vocabulary-xp-progress{background:linear-gradient(90deg,#ff6b35,#f39c12,#2ecc71);border-radius:15px;box-shadow:inset 0 2px 4px #ffffff4d;height:100%;transition:width .8s ease;width:60%}.vocabulary-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.vocabulary-stat-card{border-radius:16px;box-shadow:0 6px 20px #00000026;color:#fff;padding:20px;text-align:center}.vocabulary-stat-card.words-learned{background:linear-gradient(135deg,#ff6b35,#e55a2b)}.vocabulary-stat-card.quiz-score{background:linear-gradient(135deg,#3498db,#2980b9)}.vocabulary-stat-card.streak{background:linear-gradient(135deg,#2ecc71,#27ae60);position:relative}.vocabulary-stat-card.streak.fire:before{align-items:center;background:#f39c12;border-radius:50%;color:#333;content:"🔥";display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;width:32px}.vocabulary-stat-number{font-size:2.2rem;font-weight:800;margin-bottom:6px}.vocabulary-stat-label{font-size:1rem;font-weight:600;opacity:.9}.vocabulary-container:before{background:#ff6b35;height:60px;left:5%;top:10%;width:60px}.vocabulary-container:after,.vocabulary-container:before{border-radius:50%;content:"";opacity:.1;position:absolute;z-index:0}.vocabulary-container:after{background:#f39c12;bottom:15%;height:80px;right:10%;width:80px}.vocabulary-container{position:relative;z-index:1}@media (max-width:1024px){.vocabulary-header{padding:24px}.vocabulary-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.vocabulary-container{padding:24px 16px}.vocabulary-container h2{font-size:2.5rem;margin-bottom:32px}.vocabulary-header{padding:20px}.vocabulary-level-info{align-items:center;flex-direction:column;gap:12px}.vocabulary-stats-grid{gap:16px;grid-template-columns:1fr}.vocabulary-stat-card{padding:16px}.vocabulary-stat-number{font-size:1.8rem}}@media (max-width:480px){.vocabulary-container{padding:20px 12px}.vocabulary-container h2{font-size:2rem}.vocabulary-header{padding:16px}.vocabulary-level-badge{font-size:.9rem;padding:6px 12px}.vocabulary-stat-number{font-size:1.6rem}.vocabulary-stat-label{font-size:.9rem}}.crossword-selection{animation:fadeIn .5s ease-in;background-color:#f8f3f0;font-family:Comic Sans MS,Bangers,cursive,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative}.crossword-selection:before{display:none}.crossword-selection h1{color:#c41e3a;font-family:Comic Sans MS,cursive,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:5px;margin-bottom:30px;position:relative;text-align:center;text-transform:uppercase}.crossword-selection h1:after{background:gold;border:4px solid #000;border-radius:50%;box-shadow:4px 4px 0 #000;color:#000;content:"POW!";font-size:1.2rem;padding:8px 15px;position:absolute;right:-80px;top:-40px;transform:rotate(15deg)}.quick-pick-section{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;margin-bottom:40px;padding:20px;position:relative}.quick-pick-section h2{color:#000;font-size:1.8rem;font-weight:900;margin-bottom:20px;text-align:center;text-shadow:2px 2px 0 #fff;text-transform:uppercase}.quick-pick-section h2:before{content:"⚡";margin-right:8px}.quick-pick-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.quick-pick-btn{background:#4caf50;border:4px solid #000;color:#fff;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:1.1rem;font-weight:900;padding:12px 25px;text-shadow:2px 2px 0 #000;text-transform:uppercase;transition:all .1s ease}.quick-pick-btn:hover{box-shadow:4px 4px 0 #000;transform:translate(-2px,-2px)}.quick-pick-btn:active{box-shadow:1px 1px 0 #000;transform:translate(0)}.quick-pick-btn.random{background:#ff5722}.quick-pick-btn.easy{background:#8bc34a;color:#000;text-shadow:1px 1px 0 #fff}.quick-pick-btn.medium{background:#ffc107;color:#000;text-shadow:1px 1px 0 #fff}.quick-pick-btn.hard{background:#e91e63}.pagination-section{align-items:center;background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding:15px}.pagination-btn{background:#fff;border:3px solid #000;color:#000;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:1.1rem;font-weight:900;padding:10px 20px;text-transform:uppercase;transition:all .1s ease}.pagination-btn:hover{background:#4caf50;box-shadow:3px 3px 0 #000;color:#fff;transform:translate(-2px,-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{background:gold;border:3px solid #000;color:#000;font-size:1.1rem;font-weight:900;padding:8px 16px}.crossword-filters{align-items:center;background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;display:flex;gap:30px;justify-content:center;margin-bottom:40px;padding:25px;position:relative}.crossword-filters:before{background:gold;border:3px solid #000;color:#000;content:"CHOOSE YOUR PUZZLE!";font-size:1rem;font-weight:900;left:20px;padding:5px 15px;position:absolute;top:-20px;transform:rotate(-3deg)}.filter-group{align-items:center;display:flex;gap:12px;position:relative}.filter-group label{color:#000;font-size:1.3rem;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 0 #fff;text-transform:uppercase}.filter-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:3px solid #000;color:#000;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:16px;font-weight:700;min-width:160px;padding:12px 40px 12px 20px;transition:all .1s ease}.filter-group select:hover{box-shadow:3px 3px 0 #000;transform:translate(-2px,-2px)}.categories-grid{grid-gap:25px;animation:fadeIn .5s ease-in;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:40px;padding:20px 0}.category-card{background:#fff;border:6px solid #000;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:25px;position:relative;text-align:center;transition:all .1s ease}.category-card:hover{box-shadow:8px 8px 0 #000;transform:translate(-4px,-4px)}.category-icon{align-items:center;display:flex;font-size:3.5rem;height:60px;justify-content:center;margin-bottom:15px}.category-card h3{color:#000;font-family:Comic Sans MS,cursive,sans-serif;font-size:1.4rem;font-weight:900;margin:0 0 20px;text-transform:uppercase}.difficulty-options{display:flex;gap:10px;justify-content:center;margin-top:auto}.difficulty-btn{align-items:center;background:#4caf50;border:3px solid #000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;transition:all .1s ease;width:50px}.difficulty-btn:hover{box-shadow:3px 3px 0 #000;transform:scale(1.1)}.difficulty-btn:active{transform:scale(.95)}.crossword-error,.crossword-loading{align-items:center;background-color:#f8f3f0;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;height:100vh;justify-content:center;padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:6px solid #fff;border-radius:50%;border-top-color:#000;box-shadow:4px 4px 0 #000;height:60px;margin-bottom:30px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.crossword-container{animation:fadeIn .5s ease-in;background-color:#f8f3f0;font-family:Comic Sans MS,Bangers,cursive,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;position:relative}.crossword-container:before{display:none}.crossword-title{color:#c41e3a;font-family:Comic Sans MS,cursive,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:3px;margin-bottom:30px;position:relative;text-align:center;text-transform:uppercase}.crossword-title:after{background:#4caf50;border:3px solid #000;border-radius:50%;box-shadow:3px 3px 0 #000;color:#fff;content:"BOOM!";font-size:1rem;padding:6px 12px;position:absolute;right:-70px;text-shadow:2px 2px 0 #000;top:-30px;transform:rotate(-15deg)}.crossword-message{animation:popIn .3s ease-out;background:gold;border:4px solid #000;border-radius:10px;box-shadow:8px 8px 0 #000;color:#000;font-size:1.2rem;font-weight:900;left:50%;padding:15px 30px;position:fixed;text-transform:uppercase;top:100px;transform:translateX(-50%);z-index:1000}@keyframes popIn{0%{transform:translateX(-50%) scale(0)}to{transform:translateX(-50%) scale(1)}}.crossword-grid-container{background:#fff;border:4px solid #000;box-shadow:12px 12px 0 #000;display:flex;gap:40px;margin-bottom:40px;padding:30px;position:relative}.crossword-grid-container:before{background:#e91e63;border:3px solid #000;color:#fff;content:"PUZZLE TIME!";font-size:1.1rem;font-weight:900;left:30px;padding:8px 20px;position:absolute;text-shadow:2px 2px 0 #000;top:-25px;transform:rotate(-5deg)}.crossword-grid{grid-gap:2px;background:#000;border:4px solid #000;display:grid;gap:2px;grid-template-columns:repeat(15,40px);padding:4px}.crossword-row{display:contents}.crossword-cell{align-items:center;background:#fff;border:1px solid #000;cursor:pointer;display:flex;font-family:Comic Sans MS,cursive,sans-serif;height:40px;justify-content:center;position:relative;transition:all .1s ease;width:40px}.crossword-cell.invisible{background:#000;cursor:default}.crossword-cell.visible:hover{background:#f0f0f0;transform:scale(1.05)}.crossword-cell.selected{background:gold!important;box-shadow:inset 0 0 0 3px #000}.crossword-cell.highlighted{background:#fff3cd}.crossword-cell.completed{background:#d4edda!important}.cell-number{font-size:9px;left:3px;line-height:1;position:absolute;top:2px}.cell-letter,.cell-number{color:#000;font-weight:900}.cell-letter{font-size:20px;text-transform:uppercase}.crossword-clues{display:flex;flex:1 1;flex-direction:column;gap:30px}.clues-section{background:#f8f3f0;border:3px solid #000;max-height:400px;overflow-y:auto;padding:20px}.clues-section h3{background:#4caf50;border:3px solid #000;color:#fff;font-size:1.4rem;font-weight:900;margin:-20px -20px 20px;padding:10px;text-align:center;text-shadow:2px 2px 0 #000;text-transform:uppercase}.clues-section ul{list-style:none;margin:0;padding:0}.clues-section li{background:#fff;border:2px solid #000;font-size:1rem;line-height:1.4;margin-bottom:8px;padding:8px 12px;position:relative}.clues-section li:hover{background:#eee;transform:translateX(5px)}.clues-section li strong{color:#e91e63;margin-right:5px}.crossword-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.crossword-btn{background:#4caf50;border:4px solid #000;color:#fff;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:1.1rem;font-weight:900;padding:12px 30px;text-shadow:2px 2px 0 #000;text-transform:uppercase;transition:all .1s ease}.crossword-btn:hover{box-shadow:6px 6px 0 #000;transform:translate(-3px,-3px)}.crossword-btn:active{box-shadow:2px 2px 0 #000;transform:translate(0)}.crossword-btn:nth-child(2){background:#ffc107;color:#000;text-shadow:1px 1px 0 #fff}.crossword-btn:nth-child(3){background:#e91e63}.crossword-btn:nth-child(4){background:#f44336}.crossword-instructions{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;margin-top:30px;padding:20px;position:relative}.crossword-instructions:before{background:#4caf50;border:3px solid #000;color:#fff;content:"HOW TO PLAY!";font-size:1rem;font-weight:900;left:20px;padding:8px 20px;position:absolute;text-shadow:2px 2px 0 #000;top:-25px;transform:rotate(-3deg)}.crossword-instructions p{color:#000;font-size:1.1rem;font-weight:700;line-height:1.5;margin:8px 0}.crossword-instructions p:before{color:gold;content:"★ ";font-weight:900;margin-right:5px}.crossword-game{animation:fadeIn .5s ease-in;background-color:#f8f3f0;font-family:Comic Sans MS,Bangers,cursive,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;position:relative}.crossword-game:before{display:none}.puzzle-navigation{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.nav-btn{background:#fff;border:4px solid #000;color:#000;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:1.1rem;font-weight:900;padding:12px 25px;position:relative;text-shadow:2px 2px 0 #fff;text-transform:uppercase;transition:all .1s ease}.nav-btn:hover:not(:disabled){box-shadow:6px 6px 0 #000;transform:translate(-3px,-3px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.nav-btn.prev-btn{background:#4caf50;color:#fff;text-shadow:2px 2px 0 #000}.nav-btn.home-btn{background:#ffc107;color:#000;text-shadow:2px 2px 0 #fff}.nav-btn.next-btn{background:#e91e63;color:#fff;text-shadow:2px 2px 0 #000}.nav-btn.prev-btn:before{content:"←";margin-right:5px}.nav-btn.next-btn:after{content:"→";margin-left:5px}.puzzle-header{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;margin-bottom:40px;padding:30px;position:relative;text-align:center}.puzzle-header:before{background:#e91e63;border:3px solid #000;color:#fff;content:"PUZZLE TIME!";font-size:1.1rem;font-weight:900;left:30px;padding:8px 20px;position:absolute;text-shadow:2px 2px 0 #000;top:-25px;transform:rotate(-5deg)}.puzzle-header h1{color:#c41e3a;font-family:Comic Sans MS,cursive,sans-serif;font-size:3rem;font-weight:900;margin-bottom:20px;position:relative;text-transform:uppercase}.puzzle-header h1:after{background:#4caf50;border:3px solid #000;border-radius:50%;box-shadow:3px 3px 0 #000;color:#fff;content:"BAM!";font-size:1rem;padding:6px 12px;position:absolute;right:-70px;text-shadow:2px 2px 0 #000;top:-30px;transform:rotate(-15deg)}.puzzle-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;position:relative}.puzzle-category,.puzzle-difficulty,.puzzle-progress{border:3px solid #000;font-size:1rem;font-weight:900;padding:8px 15px;text-transform:uppercase}.puzzle-category{background:#4caf50;color:#fff;text-shadow:1px 1px 0 #000}.puzzle-difficulty.easy{background:#8bc34a;color:#000}.puzzle-difficulty.medium{background:#ffc107;color:#000}.puzzle-difficulty.hard{background:#e91e63;color:#fff;text-shadow:1px 1px 0 #000}.puzzle-progress{background:gold;color:#000;position:relative}.puzzle-progress:before{content:"📊 ";margin-right:5px}.mobile-navigation{background:#fff;border:4px solid #000;bottom:20px;box-shadow:8px 8px 0 #000;display:none;left:20px;padding:15px;position:fixed;right:20px;z-index:1000}.nav-btn.mobile{border-width:3px;font-size:1.2rem;margin:0;padding:10px 15px;width:33.33%}.completion-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.completion-dialog{background:#fff;border:6px solid #000;box-shadow:12px 12px 0 #000;font-family:Comic Sans MS,cursive,sans-serif;max-width:500px;padding:40px;position:relative;text-align:center;width:90%}.completion-dialog:before{background:gold;border:4px solid #000;color:#000;content:"AWESOME!";font-size:1.1rem;font-weight:900;left:50%;padding:8px 20px;position:absolute;text-shadow:2px 2px 0 #fff;top:-30px;transform:translateX(-50%) rotate(-10deg)}.completion-dialog h2{color:#4caf50;font-size:2rem;font-weight:900;margin:0 0 20px;text-transform:uppercase}.completion-dialog p{color:#000;font-size:1.2rem;font-weight:700;margin-bottom:30px}.completion-buttons{display:flex;flex-direction:column;gap:15px}.completion-btn{border:4px solid #000;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:1.1rem;font-weight:900;padding:15px 30px;text-transform:uppercase;transition:all .1s ease}.completion-btn:hover{box-shadow:6px 6px 0 #000;transform:translate(-3px,-3px)}.completion-btn.primary{background:#4caf50;color:#fff;text-shadow:1px 1px 0 #000}.completion-btn.secondary{background:#ffc107;color:#000}.completion-btn.tertiary{background:#e91e63;color:#fff;text-shadow:1px 1px 0 #000}@media (max-width:480px){.completion-dialog{padding:30px 20px}.completion-dialog h2{font-size:1.5rem}.completion-btn{font-size:1rem;padding:12px 20px}}@media (max-width:768px){.crossword-selection h1{font-size:2.5rem;letter-spacing:3px}.quick-pick-buttons{gap:10px}.quick-pick-btn{font-size:1rem;padding:10px 20px}.crossword-filters{flex-direction:column;gap:20px}.puzzle-header h1{font-size:2rem}.puzzle-navigation{gap:10px}.nav-btn{font-size:1rem;padding:10px 20px}.puzzle-header-info{gap:10px}.mobile-navigation{display:flex}.puzzle-navigation:not(.mobile-navigation){display:none}.crossword-grid{grid-template-columns:repeat(15,35px)}.crossword-cell{height:35px;width:35px}.cell-letter{font-size:18px}.crossword-clues{gap:20px}.clues-section{max-height:300px}}@media (max-width:480px){.crossword-selection h1{font-size:2rem}.quick-pick-buttons{flex-direction:column;width:100%}.quick-pick-btn{width:100%}.pagination-section{flex-direction:column;gap:10px}.puzzle-header{padding:20px}.puzzle-header h1{font-size:1.8rem}.puzzle-header-info{flex-direction:column;gap:8px}.crossword-grid{grid-template-columns:repeat(15,30px)}.crossword-cell{height:30px;width:30px}.cell-letter{font-size:16px}}@media (max-width:768px){.categories-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-card{min-height:160px;padding:20px}.category-icon{font-size:3rem}}@media (max-width:480px){.categories-grid{gap:10px;grid-template-columns:1fr 1fr}.category-card{min-height:140px;padding:15px}.category-icon{font-size:2.5rem}.difficulty-btn{font-size:1.1rem;height:40px;width:40px}}@tailwind base;@tailwind components;@tailwind utilities;.card{perspective:1000px;transform-style:preserve-3d}.card-back,.card-front{backface-visibility:hidden;height:100%;position:absolute;transition:transform .6s;width:100%}.card-back,.card.flipped .card-front{transform:rotateY(180deg)}.card.flipped .card-back{transform:rotateY(0)}@keyframes fall{0%{transform:translateY(-10px) rotate(0deg)}to{transform:translateY(100vh) rotate(1turn)}}.wiggle{animation:wiggle 2s ease-in-out}.pulse{animation:pulse 2s infinite}Navbar updated · CSS Copy nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;box-shadow:none;box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:20px;height:70px;justify-content:space-between;margin-bottom:0;padding:15px 40px 0;position:sticky;top:0;width:100%;z-index:1000}.navbar-logo{cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));flex-shrink:0;height:40px;max-width:150px;object-fit:contain;transition:all .3s ease}.navbar-logo:hover{transform:translateY(-2px) scale(1.05)}.navbar-links{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center;margin:0 20px;max-width:600px}.navbar-links button{background:#0000!important;border:none!important;border-radius:4px!important;color:#000!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;outline:none!important;padding:8px 16px!important;transition:all .3s ease!important;white-space:nowrap!important}.navbar-links button:hover{background:#f0f0f0!important;transform:translateY(-2px)!important}.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.navbar-search{position:relative}.navbar-search input{background:#ffffffe6;border:none;border-radius:20px;color:#333;font-size:14px;padding:10px 16px 10px 40px;transition:all .3s ease;width:160px}.navbar-search input:focus{background:#fff;box-shadow:0 4px 20px #0000001a;outline:none}.navbar-search:before{content:"🔍";font-size:14px;left:12px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.account-button{background:#0000!important;border:2px solid #ffffff4d!important;border-radius:16px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;padding:10px 16px!important;text-transform:uppercase!important;transition:all .3s ease!important}.account-button:hover{background:#ffffff26!important;border-color:none!important}.user-menu-container{position:relative}.user-avatar-button,nav>div:last-child button:first-of-type{margin:0!important;padding:0!important}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){nav{padding:16px 24px}.navbar-links button{font-size:14px!important;padding:10px 12px!important}.navbar-search input{width:120px}}@media (max-width:768px){nav{gap:0;height:auto;margin-bottom:0!important;min-height:60px;padding:12px 16px!important}.navbar-logo{height:32px!important}.user-avatar-button,nav>div:last-child button:first-of-type,nav>div:last-child>div>button{height:36px!important;margin:0!important;padding:0!important;width:36px!important}nav>div:last-child,nav>div:last-child>div{margin:0!important;padding:0!important}.navbar-links{display:none}.navbar-right{gap:8px}.navbar-search{display:none}}@media (max-width:640px){nav{flex-direction:row;gap:0;height:60px!important;padding:12px 16px}.navbar-logo{height:40px}.navbar-links{display:none}.navbar-right{justify-content:flex-end}.navbar-search{display:none}.account-button{font-size:11px!important;padding:8px 12px!important}.user-menu-container>div{left:50%!important;margin:0!important;max-width:90vw!important;position:fixed!important;right:auto!important;top:70px!important;transform:translateX(-50%)!important}}.main-content{padding-bottom:80px}@media (min-width:769px){.main-content{padding-bottom:0}}@media (max-width:768px){body{padding-bottom:60px}}.help-support-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:80px}.help-hero{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 20px #0000001a;color:#fff;padding:60px 20px;text-align:center}.help-hero h1{font-family:Fredoka,cursive;font-size:3rem;margin:0 0 16px;text-shadow:2px 2px 4px #0003}.help-hero p{font-size:1.2rem;margin:0;opacity:.95}.help-tabs{background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;justify-content:center;padding:24px 20px;position:sticky;top:0;z-index:100}.help-tab{background:#fff;border:3px solid #ddd;border-radius:25px;color:#666;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.help-tab:hover{border-color:#4ecdc4;box-shadow:0 4px 12px #4ecdc44d;transform:translateY(-2px)}.help-tab.active{background:#4ecdc4;border-color:#4ecdc4;box-shadow:0 4px 12px #4ecdc466;color:#fff}.help-content{margin:0 auto;max-width:1000px;padding:40px 20px}.help-section{margin-bottom:48px}.help-section h2{color:#333;font-family:Fredoka,cursive;font-size:2rem;margin-bottom:24px;text-align:left}.help-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.help-card h3{color:#4ecdc4;font-family:Fredoka,cursive;font-size:1.5rem;margin-bottom:16px}.help-card p{color:#555;line-height:1.8;margin-bottom:16px}.help-card ol{color:#555;line-height:1.8;padding-left:24px}.help-card ol li{margin-bottom:12px}.help-card ol li strong{color:#333}.help-card ul{color:#555;line-height:1.8;padding-left:24px}.help-card ul li{margin-bottom:12px}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px;text-align:center;transition:all .3s ease}.tip-card:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.tip-icon{display:block;font-size:3rem;margin-bottom:12px}.tip-card h4{color:#333;font-family:Fredoka,cursive;font-size:1.2rem;margin-bottom:8px}.tip-card p{color:#666;font-size:.95rem;line-height:1.6}.safety-section{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:3px solid #fcc;border-radius:16px;padding:32px}.safety-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #ff6b351a;padding:24px}.safety-card h3{color:#d32f2f;font-family:Fredoka,cursive;font-size:1.5rem;margin-bottom:16px}.safety-list{list-style:none;padding:0}.safety-list li{background:#f8f9fa;border-radius:8px;font-size:1rem;line-height:1.6;margin-bottom:8px;padding:12px}.safety-highlight{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-weight:600;margin-top:20px;padding:16px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .3s ease}.feature-card:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.feature-card h4{color:#4ecdc4;font-family:Fredoka,cursive;font-size:1.2rem;margin-bottom:12px}.feature-card p{color:#666;font-size:.95rem;line-height:1.6;margin:0}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.faq-question{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:#f8f9fa;color:#4ecdc4}.faq-icon{color:#4ecdc4;font-size:1.5rem;font-weight:700;transition:transform .3s ease}.faq-answer{animation:fadeIn .3s ease;color:#555;font-size:1rem;line-height:1.8;padding:0 24px 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-section{background:linear-gradient(135deg,#f0f8ff,#e0f2ff);border:3px solid #cce5ff;border-radius:16px;padding:32px}.contact-form{margin:24px auto 0;max-width:600px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 8px 20px #4ecdc466;transform:translateY(-2px)}.success-message{animation:fadeIn .5s ease;padding:48px 24px;text-align:center}.success-message h3{color:#4ecdc4;font-family:Fredoka,cursive;font-size:1.8rem;margin:16px 0}.success-message p{color:#666;font-size:1.1rem}.quick-links{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.link-button{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:16px;text-align:center;transition:all .3s ease}.link-button:hover{background:#4ecdc4;border-color:#4ecdc4;box-shadow:0 4px 12px #4ecdc44d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.help-hero{padding:40px 16px}.help-hero h1{font-size:2rem}.help-hero p{font-size:1rem}.help-tabs{gap:8px;padding:16px}.help-tab{font-size:.9rem;padding:10px 20px}.help-content{padding:24px 16px}.help-section{margin-bottom:32px}.help-section h2{font-size:1.5rem;margin-bottom:16px}.help-card{padding:20px}.help-card h3{font-size:1.3rem}.tips-grid{gap:16px;grid-template-columns:1fr}.tip-card{padding:20px}.features-grid{gap:16px;grid-template-columns:1fr}.contact-section,.safety-section{padding:20px 16px}.quick-links{gap:12px;grid-template-columns:1fr}.faq-question{font-size:1rem;padding:16px}.faq-answer{font-size:.95rem;padding:0 16px 16px}}@media (max-width:480px){.help-hero h1{font-size:1.6rem}.help-hero p{font-size:.9rem}.help-tab{font-size:.85rem;padding:8px 16px}.help-section h2{font-size:1.3rem}.tip-icon{font-size:2.5rem}}.test-data-generator{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.generator-header{margin-bottom:40px;text-align:center}.generator-header h2{color:#333;font-family:Fredoka,cursive;font-size:2.5rem;margin-bottom:12px}.generator-header p{color:#666;font-size:1.1rem}.generator-controls{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.featured-stress-test-section{background:linear-gradient(135deg,#fff9e6,#ffe8cc);border:3px solid #f39c12;border-radius:16px;margin:32px 0;padding:24px}.featured-stress-test-section h3{color:#e67e22;font-family:Fredoka,cursive;font-size:1.5rem;margin:0 0 8px;text-align:center}.featured-stress-test-section p{color:#856404;font-weight:500;margin:0 0 20px;text-align:center}.featured-stress-test-section .generator-controls{margin-bottom:0}.btn-cleanup,.btn-generate{border:none;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-generate{color:#fff}.btn-small{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.btn-medium{background:linear-gradient(135deg,#ff6b35,#f39c12)}.btn-large{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.btn-cleanup{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-featured{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39c1266}.btn-featured:hover{box-shadow:0 8px 25px #f39c1280}.btn-cleanup:hover,.btn-generate:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.btn-cleanup:disabled,.btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.progress-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.progress-bar{background:#e9ecef;border-radius:15px;height:30px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#4ecdc4,#44a08d);color:#fff;display:flex;font-weight:600;height:100%;justify-content:flex-end;padding-right:12px;transition:width .3s ease}.progress-text{color:#333;font-size:1.1rem;font-weight:600;margin-top:12px;text-align:center}.stats-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:32px}.stats-container h3{color:#333;font-family:Fredoka,cursive;font-size:1.8rem;margin-bottom:24px}.stats-container h4{color:#4ecdc4;font-family:Fredoka,cursive;font-size:1.3rem;margin:32px 0 16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.stat-value{font-family:Fredoka,cursive;font-size:2.5rem;font-weight:700}.stat-label{font-size:.9rem;font-weight:500;opacity:.95}.category-breakdown{display:flex;flex-direction:column;gap:12px}.category-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:120px 1fr 60px}.category-name{color:#333;font-weight:600;text-transform:capitalize}.category-bar{background:#e9ecef;border-radius:12px;height:24px;overflow:hidden;position:relative}.category-bar-fill{border-radius:12px;display:block;height:100%;transition:width .5s ease}.category-count{color:#666;font-weight:600;text-align:right}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-weight:600;margin-top:20px;padding:16px}.warning-featured{background:linear-gradient(135deg,#fff9e6,#ffe8cc);border-left:4px solid #f39c12;box-shadow:0 4px 12px #f39c1233;color:#e67e22}.log-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:32px}.log-container h4{color:#333;font-family:Fredoka,cursive;font-size:1.3rem;margin-bottom:16px}.log-output{background:#f8f9fa;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.9rem;max-height:400px;overflow-y:auto;padding:16px}.log-entry{border-bottom:1px solid #e9ecef;color:#495057;padding:4px 0}.log-entry:last-child{border-bottom:none}@media (max-width:768px){.test-data-generator{padding:24px 16px}.generator-header h2{font-size:2rem}.generator-controls{flex-direction:column;gap:12px}.btn-cleanup,.btn-generate{padding:14px 24px;width:100%}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-value{font-size:2rem}.category-item{gap:8px;grid-template-columns:90px 1fr 50px}.category-name{font-size:.9rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.generator-header h2{font-size:1.6rem}}body{background:"#4ECDC4";background-attachment:fixed;color:#000;font-family:Fredoka,Comic Sans MS,cursive;font-size:16px;line-height:1.5;margin:0;overflow-x:hidden}body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:3px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #0000001a,0 8px 25px #0000000f,inset 0 1px 0 #fffc;margin:0 auto;max-width:1400px;padding:32px;position:relative;z-index:1}.container.graphic-novel-container,.container.novel-writing-container{max-width:100%;padding:0;width:100%}.container.graphic-novel-container{border-radius:0;box-shadow:none;margin:0}h1{animation:bounceIn .8s ease-out;color:#000;font-family:Fredoka,cursive;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;text-align:center;text-shadow:0 4px 8px #0000004d}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}h2{font-size:28px;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}h2,h3,h4,h5,h6{color:#000;font-family:Fredoka,cursive;font-weight:600}h3,h4,h5,h6{margin-bottom:16px;text-shadow:0 2px 4px #0003}.main-content{min-height:100vh}.needs-navbar-spacing{min-height:calc(100vh - 70px);padding-top:70px}.fullscreen-app+.navbar,.fullscreen-app~.navbar,body:has(.fullscreen-app) .navbar{display:none}.app-layout{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.app-layout .navbar{grid-row:1}.app-layout .main-content{grid-row:2;padding-top:0}.app-layout.fullscreen{grid-template-rows:1fr}.app-layout.fullscreen .navbar{display:none}.route-graphic-novel .main-content{padding-top:0}.route-graphic-novel .navbar{display:none}.activities-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:32px}@media (max-width:768px){.main-content{padding-bottom:80px;padding-top:0}.main-content.fullscreen-app{padding-top:0}body{font-size:14px}h1{font-size:36px}h2{font-size:24px}.activities-grid{gap:16px;grid-template-columns:1fr}}.vocabulary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 8px 24px #667eea66,0 4px 12px #0000001a;color:gold;cursor:pointer;font-family:Fredoka,cursive;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:16px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transform:translateY(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.vocabulary-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.vocabulary-btn:hover{animation:wiggle .6s ease-in-out;background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 32px #667eea80,0 6px 16px #00000026;transform:translateY(-4px) scale(1.02)}.vocabulary-btn:hover:before{left:100%}.vocabulary-btn:active{box-shadow:0 6px 20px #667eea66,0 3px 8px #0000001a;transform:translateY(-2px) scale(.98)}@keyframes wiggle{0%,to{transform:translateY(-4px) scale(1.02) rotate(0deg)}25%{transform:translateY(-4px) scale(1.02) rotate(1deg)}75%{transform:translateY(-4px) scale(1.02) rotate(-1deg)}}button{border:none;border-radius:16px;color:#000;cursor:pointer;font-family:Fredoka,cursive;font-size:15px;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button,button:hover{background:gold;box-shadow:none}button:hover{transform:translateY(-2px) scale(1.05)}.activity-card,.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffff2,#ffffffd9);border:2px solid #fff6;border-radius:24px;box-shadow:0 12px 40px #00000014,0 6px 20px #0000000a,inset 0 1px 0 #ffffffe6;margin:20px 0;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.activity-card:before,.card:before{animation:rainbow 3s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c,#4ecdc4);background-size:300% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}.activity-card:hover,.card:hover{border-color:#fff9;box-shadow:0 20px 60px #0000001f,0 10px 30px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-8px) scale(1.02)}.activity-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d,inset 0 2px 0 #ffffff4d;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:80px}.activity-card:hover .activity-icon{background:linear-gradient(135deg,#764ba2,#f093fb);transform:rotate(5deg) scale(1.1)}.activity-title{color:#000;font-family:Fredoka,cursive;font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.activity-description{color:#fff;font-family:Inter,sans-serif;font-size:15px;line-height:1.6;margin-bottom:20px;opacity:.9;text-align:center}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}*{box-sizing:border-box}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-bottom:3px solid #667eea33;box-shadow:0 4px 32px #00000014;display:flex;height:80px;left:0;padding:0 32px;position:fixed;right:0;top:0;z-index:1000}.navbar .logo{color:#7ed321;font-size:24px;font-weight:700;margin-right:auto;text-shadow:0 2px 4px #0000004d}.navbar .logo,.navbar a{font-family:Fredoka,cursive}.navbar a{border-radius:16px;color:#fff;font-size:16px;font-weight:500;margin:0 16px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.navbar a:hover{background:"#4ECDC4";box-shadow:0 4px 16px #667eea4d;color:#fff;transform:translateY(-2px)}.navbar a.active{background:"#4ECDC4";box-shadow:0 4px 16px #f093fb4d;color:#fff}.navbar{transition:transform .3s ease-in-out}.navbar.hidden{transform:translateY(-100%)}div,label,p,span{color:#000;font-family:Inter,sans-serif;line-height:1.6}input,select,textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:3px solid #7ed3214d;border-radius:16px;color:#6fa3ef;font-family:Inter,sans-serif;font-size:15px;padding:16px 20px;transition:all .3s ease}input:focus,select:focus,textarea:focus{background:#fff;border-color:#7ed321;box-shadow:0 0 0 4px #7ed32133;outline:none;transform:translateY(-2px)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.loading{animation:pulse 2s infinite}@media print{.navbar{display:none!important}.main-content{padding-top:0!important}}body>#root>div:first-child{margin-top:0!important;padding-top:0!important}.home-page-container,.navbar+div,.navbar~div{margin-top:0!important}.home-page-container{padding-top:0!important}
/*# sourceMappingURL=main.5d4911a0.css.map*/