@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=MedievalSharp&display=swap";:root{--parchment-ancient: #d4c4a0;--parchment-aged: #c4b490;--parchment-stained: #b0a080;--parchment-dark: #8b7355;--parchment-ink: #3d2914;--map-dark: #1a1410;--map-deeper: #0f0c0a;--map-brown: #2a1f18;--map-sepia: #3d2e24;--candle-warm: #f4d03f;--candle-soft: #f9e79f;--gold-ancient: #d4af37;--gold-dim: #b8860b;--amber-glow: #ff8c42;--gryffindor-red: #8b0000;--gryffindor-gold: #d4af37;--slytherin-green: #1a472a;--slytherin-silver: #c0c0c0;--ravenclaw-blue: #0e1a40;--ravenclaw-bronze: #cd7f32;--hufflepuff-yellow: #f4c430;--hufflepuff-black: #2a2a2a;--health-red: #c94142;--mana-blue: #4a90d9;--xp-gold: #d4af37;--success-green: #69b373;--danger-red: #dc443f}body{margin:0;padding:0;font-family:Cormorant Garamond,Georgia,serif;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),linear-gradient(180deg,#1a1410,#2a2018 20%,#3d2e24,#2a2018 80%,#1a1410);background-blend-mode:overlay,normal;color:var(--parchment-ancient);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:radial-gradient(2px 2px at 20% 30%,rgba(244,208,63,.6),transparent),radial-gradient(1px 1px at 50% 20%,rgba(244,208,63,.4),transparent),radial-gradient(2px 2px at 70% 40%,rgba(244,208,63,.5),transparent),radial-gradient(1px 1px at 30% 60%,rgba(244,208,63,.3),transparent),radial-gradient(2px 2px at 80% 70%,rgba(244,208,63,.4),transparent);background-size:300% 300%;animation:sparkleFloat 15s ease-in-out infinite}@keyframes sparkleFloat{0%,to{background-position:0% 0%,50% 50%,100% 100%,25% 75%,75% 25%}50%{background-position:100% 100%,0% 100%,50% 0%,75% 25%,25% 75%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #f4d03f66}50%{box-shadow:0 0 30px #f4d03f99}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes errorFlash{0%,to{background-color:transparent}50%{background-color:#dc443f33}}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes letterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes sparkleBurst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1.5) rotate(180deg);opacity:0}}@keyframes smokeRise{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-50px) scale(1.5);opacity:0}}.float-animation{animation:float 3s ease-in-out infinite}.shimmer-text{background:linear-gradient(90deg,#f4d03fcc,#ffffffe6,#f4d03fcc);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.academy-nav{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(180deg,#d4c4a0fa,#c4b490f2,#b0a080fa),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:multiply,overlay;border-bottom:3px solid var(--parchment-ink);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff4d;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:100}.academy-nav:before,.academy-nav:after{content:"✦";position:absolute;font-size:1.2rem;color:var(--parchment-ink);opacity:.6}.academy-nav:before{left:1rem}.academy-nav:after{right:1rem}.nav-logo{display:flex;align-items:center;gap:.75rem;min-width:0;font-family:Cinzel Decorative,serif;font-size:1.4rem;font-weight:700;color:var(--parchment-ink);text-shadow:1px 1px 0 rgba(255,255,255,.5)}.nav-logo span{min-width:0}.nav-logo-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--candle-warm) 0%,var(--gold-dim) 100%);border-radius:50%;font-size:1.4rem;box-shadow:0 0 20px #f4d03f66,inset 0 2px 4px #0000004d;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #f4d03f66,inset 0 2px 4px #0000004d}50%{box-shadow:0 0 30px #f4d03f99,inset 0 2px 4px #0000004d}}.nav-actions{display:flex;align-items:center;flex-shrink:0;gap:.75rem}.nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;background:#3d29141a;border:2px solid var(--parchment-ink);border-radius:50%;color:var(--parchment-ink);font-size:1.1rem;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background:var(--parchment-ink);color:var(--parchment-ancient);transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #3d29144d}.nav-btn.active{background:var(--gold-ancient);border-color:var(--gold-dim);color:var(--parchment-ink)}.nav-user{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:#3d29141a;border:2px solid var(--parchment-ink);border-radius:20px;font-family:Cinzel,serif;font-size:.85rem;color:var(--parchment-ink);cursor:pointer;transition:all .3s ease}.nav-user:hover{background:var(--parchment-ink);color:var(--parchment-ancient);transform:translateY(-1px)}.nav-user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--candle-warm) 0%,var(--gold-dim) 100%);border-radius:50%;font-size:.8rem;font-weight:600;color:var(--parchment-ink)}.academy-content{padding-top:90px;min-height:100vh;position:relative;z-index:10}.ancient-card{position:relative;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(180deg,#e8d5b0,#d4c4a0,#c4b490 60%,#b0a080);border:4px solid var(--parchment-ink);border-radius:8px;box-shadow:inset 0 2px 8px #3d291426,0 8px 32px #0006,inset 0 1px #ffffff4d;padding:2.5rem;overflow:hidden}.ancient-card:before,.ancient-card:after{content:"";position:absolute;width:40px;height:40px;border:3px solid var(--parchment-ink)}.ancient-card:before{top:12px;left:12px;border-right:none;border-bottom:none}.ancient-card:after{bottom:12px;right:12px;border-left:none;border-top:none}.parchment-container{background:linear-gradient(180deg,#e8d5b0f2,#d4c4a0f2),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");border:3px solid var(--parchment-ink);border-radius:12px;box-shadow:inset 0 2px 4px #ffffff4d,0 8px 24px #0000004d}.font-display{font-family:Cinzel Decorative,Cinzel,serif}.font-heading{font-family:Cinzel,serif}.font-magic{font-family:MedievalSharp,cursive}.font-serif{font-family:Cormorant Garamond,Georgia,serif}.ancient-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-ancient);background:var(--parchment-ink);border:3px solid var(--parchment-ink);border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0000004d}.ancient-btn:hover{background:transparent;color:var(--parchment-ink);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.ancient-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.ancient-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ancient-btn-seal{border-radius:50%;width:80px;height:80px;padding:0;flex-direction:column;gap:.25rem;font-size:.7rem;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 4px 12px #0006}.ancient-btn-seal:before{content:"✦";font-size:1.2rem}.mystical-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--candle-warm);background:linear-gradient(180deg,#3d2914e6,#2a1c10f2);border:2px solid var(--gold-ancient);border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.mystical-btn:hover{background:linear-gradient(180deg,#50371ee6,#3d2914f2);border-color:var(--candle-soft);transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 20px #f4d03f33}.mystical-btn-primary{background:linear-gradient(180deg,#8b0000e6,#640000f2);border-color:var(--gryffindor-gold)}.mystical-btn-primary:hover{background:linear-gradient(180deg,#a01414e6,#780000f2)}.ancient-input{width:100%;padding:1rem 1.25rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;color:var(--parchment-ink);background:#fffdf5f2;border:2px solid rgba(61,41,20,.3);border-radius:4px;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #3d291414}.ancient-input::placeholder{color:#3d291466;font-style:italic}.ancient-input:focus{background:#fffdf5;border-color:var(--parchment-ink);box-shadow:inset 0 2px 4px #3d29141a,0 0 0 3px #3d291426}.mystical-input{width:100%;padding:.875rem 1rem;font-family:Cormorant Garamond,serif;font-size:1rem;color:var(--candle-soft);background:#1a1410cc;border:2px solid rgba(244,208,63,.3);border-radius:6px;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000004d,0 0 0 transparent}.mystical-input::placeholder{color:#f4d03f66;font-style:italic}.mystical-input:focus{background:#1a1410f2;border-color:var(--candle-warm);box-shadow:inset 0 2px 4px #0000004d,0 0 15px #f4d03f4d}.magic-keyboard{padding:1rem;background:linear-gradient(180deg,#1a1410e6,#2a1f18f2);border:2px solid var(--parchment-dark);border-radius:12px;box-shadow:inset 0 2px 8px #00000080,0 8px 24px #0006}.magic-key{display:flex;align-items:center;justify-content:center;font-family:MedievalSharp,cursive;font-size:1rem;font-weight:600;color:var(--parchment-ancient);background:linear-gradient(180deg,#3d2914e6,#2a1c10f2);border:2px solid var(--parchment-dark);border-radius:6px;box-shadow:0 4px 0 var(--parchment-ink),0 6px 8px #0000004d,inset 0 1px #ffffff1a;transition:all .1s ease;cursor:default}.magic-key:hover{background:linear-gradient(180deg,#50371ee6,#3d2914f2)}.magic-key.active{transform:translateY(4px);box-shadow:0 0 0 var(--parchment-ink),0 2px 4px #0000004d,inset 0 2px 4px #0000004d;background:linear-gradient(180deg,#f4d03f4d,#3d2914f2);border-color:var(--candle-warm);color:var(--candle-warm)}.magic-key.space-bar{font-size:.75rem;letter-spacing:.1em}.wand-progress-container{width:100%;height:12px;background:#1a141099;border:2px solid var(--parchment-dark);border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.wand-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim) 0%,var(--candle-warm) 50%,var(--gold-dim) 100%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:4px;position:relative;transition:width .3s ease}.wand-tip{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--candle-warm);filter:drop-shadow(0 0 4px var(--candle-warm))}.letter-correct{color:#059669;text-shadow:0 0 8px rgba(5,150,105,.4)}.letter-active{color:#d97706;animation:letterPulse .6s ease-in-out infinite;text-shadow:0 0 10px rgba(217,119,6,.5)}.streak-glow{animation:streakGlow 1s ease-in-out infinite alternate}@keyframes streakGlow{0%{text-shadow:0 0 5px var(--gold-dim)}to{text-shadow:0 0 20px var(--candle-warm),0 0 30px var(--gold-dim)}}.sparkle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.sparkle{position:absolute;width:4px;height:4px;background:var(--candle-warm);border-radius:50%;animation:sparkleBurst .6s ease-out forwards}.sparkle:nth-child(1){transform:translateY(-20px);animation-delay:0s}.sparkle:nth-child(2){transform:translate(15px,-15px);animation-delay:.1s}.sparkle:nth-child(3){transform:translate(20px);animation-delay:.2s}.sparkle:nth-child(4){transform:translate(15px,15px);animation-delay:.3s}.sparkle:nth-child(5){transform:translateY(20px);animation-delay:.4s}.error-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.error-flash{animation:errorFlash .5s ease}.smoke-particle{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(100,100,100,.4) 0%,transparent 70%);border-radius:50%;animation:smokeRise 1s ease-out forwards}.smoke-particle:nth-child(1){left:-30px;animation-delay:0s}.smoke-particle:nth-child(2){left:0;animation-delay:.2s}.smoke-particle:nth-child(3){left:30px;animation-delay:.4s}.particle-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--candle-warm);border-radius:50%;opacity:.6;animation:float 6s ease-in-out infinite}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.particle:nth-child(2){left:30%;top:60%;animation-delay:1s}.particle:nth-child(3){left:50%;top:30%;animation-delay:2s}.particle:nth-child(4){left:70%;top:70%;animation-delay:3s}.particle:nth-child(5){left:90%;top:40%;animation-delay:4s}.magic-cursor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23f4d03f' d='M12 2L15 9L22 9L16 14L18 21L12 17L6 21L8 14L2 9L9 9L12 2Z'/%3E%3C/svg%3E") 12 12,auto}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.text-ink-brown{color:var(--parchment-ink)}.text-amber-600{color:#d97706}.text-amber-500{color:#f59e0b}.text-emerald-400{color:#34d399}.text-emerald-300{color:#6ee7b7}.text-emerald-600{color:#059669}.text-emerald-800{color:#065f46}.text-emerald-900{color:#064e3b}.text-green-800{color:#166534}.text-green-50{color:#f0fdf4}.text-blue-800{color:#1e40af}.text-blue-50{color:#eff6ff}.text-amber-800{color:#92400e}.text-amber-50{color:#fffbeb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-white{color:#fff}.text-black{color:#000}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}.text-purple-300{color:#d8b4fe}.text-purple-400{color:#c084fc}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from: #fffbeb;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))}.from-amber-900\/80{--tw-gradient-from: rgba(120, 53, 15, .8);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))}.from-emerald-900\/30{--tw-gradient-from: rgba(6, 78, 59, .3);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))}.from-green-50{--tw-gradient-from: #f0fdf4;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 253, 244, 0))}.from-blue-50{--tw-gradient-from: #eff6ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))}.from-purple-900\/20{--tw-gradient-from: rgba(88, 28, 135, .2);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(88, 28, 135, 0))}.from-gray-900\/40{--tw-gradient-from: rgba(17, 24, 39, .4);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))}.from-red-900\/40{--tw-gradient-from: rgba(127, 29, 29, .4);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))}.to-amber-100\/50{--tw-gradient-to: rgba(254, 243, 199, .5)}.to-amber-800\/40{--tw-gradient-to: rgba(146, 64, 14, .4)}.to-teal-900\/30{--tw-gradient-to: rgba(19, 78, 74, .3)}.to-emerald-100\/50{--tw-gradient-to: rgba(209, 250, 229, .5)}.to-blue-100\/50{--tw-gradient-to: rgba(219, 234, 254, .5)}.to-purple-900\/30{--tw-gradient-to: rgba(88, 28, 135, .3)}.to-gray-800\/40{--tw-gradient-to: rgba(31, 41, 55, .4)}.to-red-800\/40{--tw-gradient-to: rgba(153, 27, 27, .4)}.bg-emerald-600{background-color:#059669}.bg-emerald-900\/30{background-color:#064e3b4d}.bg-purple-800\/50{background-color:#6b21a880}.bg-purple-900\/10{background-color:#581c871a}.bg-purple-900\/20{background-color:#581c8733}.bg-black\/30{background-color:#0000004d}.bg-white{background-color:#fff}.bg-red-900\/30{background-color:#7f1d1d4d}.hover\:bg-emerald-900\/30:hover{background-color:#064e3b4d}.hover\:bg-purple-900\/20:hover{background-color:#581c8733}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.border-amber-500\/30{border-color:#f59e0b4d}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/50{border-color:#10b98180}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-white\/10{border-color:#ffffff1a}.border-red-500\/30{border-color:#ef44444d}.hover\:border-emerald-500\/50:hover{border-color:#10b98180}.hover\:border-purple-500\/40:hover{border-color:#a855f766}.hover\:border-red-400:hover{border-color:#f87171}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-emerald-900\/20{box-shadow:0 10px 15px -3px #064e3b33}.shadow-red-500\/20{box-shadow:0 10px 15px -3px #ef444433}.shadow-emerald-500\/20{box-shadow:0 10px 15px -3px #10b98133}.shadow-blue-500\/20{box-shadow:0 10px 15px -3px #3b82f633}.shadow-amber-500\/20{box-shadow:0 10px 15px -3px #f59e0b33}.mystical-card{position:relative;background:linear-gradient(180deg,#1a1423f2,#140f19fa);border:2px solid rgba(139,69,19,.4);border-radius:12px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;padding:2rem;overflow:hidden}.mystical-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,208,63,.4),transparent)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.m-2{margin:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-4{top:1rem}.top-1\/2{top:50%}.right-0{right:0}.right-4{right:1rem}.bottom-0{bottom:0}.bottom-12{bottom:3rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}.-translate-x-1\/2{--tw-translate-x: -50%}.-translate-y-1\/2{--tw-translate-y: -50%}.translate-y-\[-2px\]{--tw-translate-y: -2px}.translate-y-0{--tw-translate-y: 0px}.translate-y-\[-1px\]{--tw-translate-y: -1px}.translate-y-\[-10px\]{--tw-translate-y: -10px}.rotate-0{--tw-rotate: 0deg}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1}.scale-\[1\.05\]{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.scale-\[1\.1\]{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.scale-\[1\.2\]{--tw-scale-x: 1.2;--tw-scale-y: 1.2}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.animate-none{animation:none}.animate-\[bounce\]{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-\[pulse\]{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-\[spin\]{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-\[float\]{animation:float 3s ease-in-out infinite}.animate-\[shimmer\]{animation:shimmer 3s linear infinite}.animate-\[glow\]{animation:glow 2s ease-in-out infinite}.hover\:scale-\[1\.05\]:hover{transform:scale(1.05)}.hover\:border-opacity-40:hover{border-opacity:.4}.group:hover .group-hover\:opacity-100{opacity:1}.opacity-0{opacity:0}.opacity-60{opacity:.6}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}@media(min-width:768px){.md\:block{display:block}.md\:w-14{width:3.5rem}.md\:h-14{height:3.5rem}.md\:p-12{padding:3rem}.md\:text-7xl{font-size:4.5rem;line-height:1}}@media(max-width:767px){.hidden{display:none}.academy-nav{height:auto;min-height:104px;flex-wrap:wrap;justify-content:center;align-content:center;padding:.5rem .75rem;gap:.375rem}.academy-nav:before,.academy-nav:after{display:none}.nav-logo{flex:0 0 100%;justify-content:center;gap:.5rem;font-size:1rem;line-height:1.08}.nav-logo span{display:block;text-align:center;overflow-wrap:normal}.nav-logo-icon{width:32px;height:32px;flex-basis:32px;font-size:1rem}.nav-actions{width:100%;justify-content:center;gap:.375rem}.nav-btn{width:36px;height:36px;flex-basis:36px}.nav-user{padding:.25rem;border-radius:50%}.nav-user>span:not(.nav-user-avatar){display:none}.nav-user-avatar{width:26px;height:26px}.academy-content{padding-top:124px}}body{background:linear-gradient(180deg,#0c0714c7,#0c07145c 38%,#0c0714b8),radial-gradient(ellipse at 50% 18%,rgba(246,191,91,.16),transparent 34%),url(/assets/magic-academy-hall.png) center top / cover fixed no-repeat,#130b1e!important;color:var(--academy-ink)}:root{--academy-plum: #24123f;--academy-plum-dark: #14091f;--academy-violet: #4e287f;--academy-gold: #f3c75b;--academy-gold-deep: #b87719;--academy-parchment: #fbefd3;--academy-parchment-deep: #ead2a4;--academy-ink: #241a36;--academy-muted: #6f617d;--practice-width: min(820px, 100%)}body{color:var(--academy-ink);background:linear-gradient(180deg,rgba(36,18,63,.94) 0 64px,transparent 64px),radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.28),transparent 18%),linear-gradient(180deg,#f4e8ca,#f8eccd 52%,#e7bf78)}body:before{opacity:.28;background-image:linear-gradient(90deg,transparent 0 18%,rgba(36,18,63,.12) 18.2% 18.6%,transparent 19% 81%,rgba(36,18,63,.12) 81.4% 81.8%,transparent 82%),radial-gradient(2px 2px at 12% 28%,rgba(243,199,91,.9),transparent),radial-gradient(2px 2px at 88% 42%,rgba(243,199,91,.8),transparent)}.academy-nav{height:76px;padding:0 28px;background:linear-gradient(180deg,#321957 0%,var(--academy-plum-dark) 100%);border-bottom:3px solid var(--academy-gold-deep);box-shadow:0 14px 32px #14091f47}.nav-logo{font-family:Cinzel Decorative,Cinzel,serif;color:#ffe08d;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.35)}.nav-logo-icon{background:linear-gradient(145deg,#ffe08d,#c7831f);border-color:#ffe08dbf;box-shadow:0 0 0 3px #452570bf,0 9px 18px #00000047}.nav-btn,.nav-user{background:linear-gradient(180deg,#fff3d3,#e8cf9a);border-color:#ffe08d85;color:var(--academy-violet);box-shadow:0 5px #4525708c}.nav-user{max-width:280px}.nav-user>span:not(.nav-user-avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.academy-content{padding-top:106px}.mystical-card.max-w-md,.mystical-card.max-w-xl,.ancient-card.max-w-md,.ancient-card.max-w-lg{width:min(760px,calc(100vw - 72px));max-width:min(760px,calc(100vw - 72px))}.mystical-card{min-height:520px;padding:clamp(28px,4vw,44px);background:linear-gradient(180deg,#fff7defa,#f5e2b9f5),radial-gradient(circle at 50% 0%,rgba(255,255,255,.7),transparent 32%);border:3px solid rgba(121,82,28,.45);box-shadow:0 24px 56px #40270d3b,inset 0 0 0 1px #ffffff8c}.mystical-card h2,.ancient-card h2{color:var(--academy-violet)}.mystical-card .bg-purple-900\/20{background:#4d287f21;border:2px solid rgba(77,40,127,.2)}.mystical-card .text-purple-300{color:var(--academy-violet);font-weight:800}.mystical-card .mystical-input,.mystical-input{min-height:58px;background:#fffaf0!important;color:#241a36!important;border:3px solid rgba(77,40,127,.4)!important;caret-color:var(--academy-violet);font-size:1.15rem;font-weight:800}.mystical-card .mystical-input::placeholder,.mystical-input::placeholder{color:#241a367a!important}.mystical-input::selection,.mystical-card .mystical-input::selection{color:#fffaf0;background:var(--academy-violet)}.lesson-shell{width:min(1500px,calc(100vw - 96px))}.lesson-topbar{display:grid;grid-template-columns:220px 1fr}.lesson-stats{justify-self:end}.lesson-level,.lesson-stat{background:linear-gradient(180deg,#fff5d8,#ecd5a7);border:2px solid rgba(121,82,28,.42)}.lesson-board{grid-template-columns:minmax(760px,1fr) 320px;align-items:start;min-height:560px;padding:28px 34px 34px;background:linear-gradient(180deg,#fff4d6f5,#f2dbabed),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.64),transparent 52%);border:4px solid var(--academy-gold-deep);box-shadow:0 28px 70px #3f260a40,inset 0 0 0 2px #fff7de9e}.word-stage{width:var(--practice-width);justify-self:center;min-height:236px;padding:12px 0 18px}.hint-row{color:var(--academy-violet);font-family:Cinzel,serif;font-size:clamp(1.28rem,1.8vw,1.75rem)}.word-card{width:100%;max-width:none;padding:22px 34px;background:#fffdf7f7;border:4px solid rgba(77,40,127,.18);box-shadow:inset 0 -6px #4d287f0f,0 18px 34px #4d287f24;font-size:clamp(4rem,5.9vw,6rem)}.keyboard-zone{grid-column:1;width:var(--practice-width);justify-self:center}.magic-keyboard{width:100%;padding:24px 28px;background:linear-gradient(180deg,#4f341f33,#3d231426);border:3px solid rgba(77,40,127,.22);box-shadow:inset 0 3px #ffffff61,0 16px 30px #32195721}.magic-key{width:clamp(54px,3.7vw,68px)!important;height:clamp(54px,3.7vw,66px)!important;background:linear-gradient(180deg,#fffaf1,#e7eef9);color:var(--academy-ink);border-color:#241a362e;box-shadow:0 7px #241a3640,0 12px 18px #241a3629}.magic-key.active{background:linear-gradient(180deg,#ffd96e,#e5a915);box-shadow:0 2px #58300059,0 0 0 6px #f3c75b38}.magic-key.space-bar{width:min(460px,70%)!important;height:52px!important}.coach-panel{min-height:260px;background:linear-gradient(180deg,#e0f5fff5,#fff7dee6);border:3px solid rgba(77,40,127,.16)}.lesson-footer{color:#4f4160}@media(min-width:921px)and (max-height:820px){.academy-nav{height:68px}.academy-content{padding-top:88px}.lesson-board{min-height:500px;padding:20px 28px 26px}.word-stage{min-height:190px}.word-card{padding:16px 28px;font-size:clamp(3.5rem,5vw,4.8rem)}.magic-keyboard{padding:18px 24px}.magic-key{width:clamp(46px,3.2vw,58px)!important;height:clamp(46px,3.2vw,56px)!important}.magic-key.space-bar{height:44px!important}}@media(max-width:920px){.academy-nav{background:linear-gradient(180deg,#321957 0%,var(--academy-plum-dark) 100%)}.lesson-shell,.mystical-card.max-w-md,.mystical-card.max-w-xl{width:min(100%,calc(100vw - 24px));max-width:min(100%,calc(100vw - 24px))}.lesson-topbar{display:flex}.lesson-board{grid-template-columns:1fr;min-height:auto;padding:16px}.word-stage,.keyboard-zone{width:100%}.keyboard-zone{grid-column:1}}@media(max-width:767px){.academy-content{padding-top:126px}.word-card{padding:14px 10px;font-size:clamp(2.9rem,13vw,3.7rem)}.magic-keyboard{padding:8px 6px}.magic-key{width:28px!important;height:34px!important}}@media(min-width:921px){.word-stage,.keyboard-zone{grid-column:1!important;width:min(820px,100%)!important;max-width:820px!important;justify-self:center!important}.word-stage{padding-left:0!important;padding-right:0!important}.word-card,.magic-keyboard{width:100%!important;max-width:none!important}}body{background:linear-gradient(180deg,#0c0714c2,#0c071457 38%,#0c0714ad),radial-gradient(ellipse at 50% 18%,rgba(246,191,91,.16),transparent 34%),url(/assets/magic-academy-hall.png) center top / cover fixed no-repeat,#130b1e}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(8,4,14,.58),transparent 16%,transparent 84%,rgba(8,4,14,.58)),radial-gradient(ellipse at 50% 110%,rgba(245,186,83,.32),transparent 38%)}.academy-content{position:relative}.academy-content:before{content:"";position:fixed;top:76px;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#130b1e14,#130b1e8a),radial-gradient(ellipse at 50% 42%,rgba(255,231,168,.11),transparent 42%)}.academy-nav{background:linear-gradient(180deg,#301852f5,#12081efa),radial-gradient(circle at 20% 0%,rgba(245,199,100,.2),transparent 28%);border-bottom-color:#f3c75bcc}.mystical-card,.ancient-card{background:linear-gradient(180deg,#fff2cbf0,#debe81e8),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.45),transparent 38%);border-color:#f4c75bb8;box-shadow:0 28px 70px #05020a73,0 0 0 2px #31185052,inset 0 0 0 1px #fff6dbb8}.lesson-topbar{filter:drop-shadow(0 16px 26px rgba(5,2,10,.22))}.lesson-level,.lesson-stat{background:linear-gradient(180deg,#fff0c7f2,#d9b56fe6);border-color:#f4c75b9e}.lesson-board{background:linear-gradient(180deg,#fff0c6e6,#e2be7ad6),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.5),transparent 44%);border-color:#f4c75be6;box-shadow:0 34px 86px #05020a80,0 0 0 3px #2d164c5c,inset 0 0 0 1px #fff8db9e}.word-card{background:linear-gradient(180deg,#fffbeef5,#efe0bef0);border-color:#3d225f47}.magic-keyboard{background:linear-gradient(180deg,#36231c8a,#20121080);border-color:#f4c75b52}.magic-key{background:linear-gradient(180deg,#fff6df,#dbc79f);border-color:#402b1847}.coach-panel{background:linear-gradient(180deg,#311850e0,#150a23db);border-color:#f4c75b6b;color:#ffecc0d6}.coach-title{color:#ffe39b}.coach-orb{background:linear-gradient(180deg,#ffe7a6,#c78222);box-shadow:0 6px #12081e73}.progress-caption,.lesson-footer{color:#ffefc6e6;text-shadow:0 2px 6px rgba(5,2,10,.58)}@media(min-width:921px)and (max-height:760px){.academy-nav{height:58px}.academy-content{padding-top:72px}.lesson-level,.lesson-stat{min-height:50px;padding:7px 12px}.lesson-level strong,.lesson-stat strong{font-size:1.35rem}.lesson-board{padding:14px 18px}.word-stage{min-height:162px;padding:4px 18px 8px}.hint-row{margin-bottom:8px;font-size:1.18rem}.word-card{padding:12px 20px;font-size:clamp(2.75rem,5vw,3.65rem)}.helper-strip{margin-top:8px;padding:7px 14px}.helper-strip strong{padding:5px 10px}.coach-panel{gap:8px;padding:14px;font-size:.95rem}.coach-orb{width:42px;height:42px;font-size:1.25rem}.coach-title{font-size:1.08rem}.magic-keyboard{padding:10px 12px}.magic-key{width:clamp(36px,4vw,48px)!important;height:clamp(36px,4vw,48px)!important}.magic-key.space-bar{height:38px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--map-brown);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--parchment-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--parchment-stained)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.h-full{height:100%}.h-0{height:0px}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-48{height:12rem}.h-\[80px\]{height:80px}.h-\[500px\]{height:500px}.w-0{width:0px}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.w-\[80px\]{width:80px}.w-\[500px\]{width:500px}.min-h-screen{min-height:100vh}.min-w-\[200px\]{min-width:200px}.max-h-48{max-height:12rem}.max-h-\[300px\]{max-height:300px}.max-w-\[200px\]{max-width:200px}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.gap-0\.5{gap:.125rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.list-disc{list-style-type:disc}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.clear-both{clear:both}.visible{visibility:visible}.invisible{visibility:hidden}.content-\[\'\'\]{content:""}.columns-1{columns:1}.break-inside-avoid{break-inside:avoid}.shape-outside-none{shape-outside:none}.clip-path-none{clip-path:none}.mask-image-none{-webkit-mask-image:none;mask-image:none}.isolate{isolation:isolate}.contain-none{contain:none}.speak-normal{speak:normal}.orientation-horizontal{orientation:horizontal}:root{--kid-bg-top: #d9f3ff;--kid-bg-mid: #f7eecf;--kid-bg-bottom: #f5c87c;--kid-ink: #2f2545;--kid-muted: #716883;--kid-panel: rgba(255, 252, 239, .94);--kid-panel-strong: #fff7dc;--kid-border: #75542a;--kid-gold: #f7bd28;--kid-gold-dark: #b67813;--kid-plum: #5f3e91;--kid-teal: #148c8c;--kid-blue: #397bd3;--kid-green: #1f9d72;--kid-red: #d94c4c;--hufflepuff-primary: #f4c430;--gold-shimmer: #f7bd28;--emerald-glow: #1f9d72;--spell-blue: #397bd3}*,*:before,*:after{box-sizing:border-box}body{font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--kid-ink);background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.75) 0 7%,transparent 8%),radial-gradient(circle at 82% 10%,rgba(255,235,157,.65) 0 6%,transparent 7%),linear-gradient(180deg,var(--kid-bg-top) 0%,var(--kid-bg-mid) 48%,var(--kid-bg-bottom) 100%)}body:before{opacity:.45;background-image:radial-gradient(2px 2px at 18% 24%,rgba(255,196,46,.65),transparent),radial-gradient(2px 2px at 72% 34%,rgba(20,140,140,.45),transparent),radial-gradient(1px 1px at 44% 68%,rgba(95,62,145,.4),transparent)}.ancient-bg,.magic-embers{display:none}.academy-nav{height:76px;padding:0 28px;background:#fffae5e0;border-bottom:2px solid rgba(117,84,42,.28);box-shadow:0 12px 30px #412d141f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.academy-nav:before,.academy-nav:after{content:""}.nav-logo{font-family:Quicksand,system-ui,sans-serif;font-size:clamp(1.08rem,2vw,1.55rem);color:var(--kid-ink);text-shadow:none}.nav-logo-icon{width:48px;height:48px;flex-basis:48px;background:linear-gradient(145deg,#ffe070,#f0a92c);border:2px solid rgba(117,84,42,.35);box-shadow:0 8px 18px #b7781340;animation:gentleBob 3.5s ease-in-out infinite}.nav-actions{gap:.55rem}.nav-btn,.nav-user{border:2px solid rgba(95,62,145,.2);background:#fff7dc;color:var(--kid-plum);box-shadow:0 5px #5f3e912e}.nav-btn{width:46px;height:46px;flex-basis:46px;border-radius:999px}.nav-btn:hover,.nav-user:hover{background:#fff;color:var(--kid-blue);transform:translateY(-2px);box-shadow:0 7px #397bd333}.nav-btn:active,.nav-user:active{transform:translateY(2px);box-shadow:0 2px #397bd33d}.nav-user{border-radius:999px;font-family:Quicksand,system-ui,sans-serif;font-size:.95rem;font-weight:700}.nav-user-avatar{background:linear-gradient(145deg,#9fe7e2,#39a7b0);color:#17333f}.academy-content{min-height:100vh;padding:108px clamp(16px,4vw,56px) 42px}.ancient-card,.mystical-card,.parchment-container{background:var(--kid-panel);border:2px solid rgba(117,84,42,.28);border-radius:8px;color:var(--kid-ink);box-shadow:0 22px 45px #44341f2e}.ancient-card:before,.ancient-card:after,.mystical-card:before{display:none}.mystical-card{max-width:min(92vw,620px)}.mystical-card .text-gray-400,.mystical-card .text-gray-300,.mystical-card .text-gray-500{color:var(--kid-muted)}.shimmer-text{background:linear-gradient(90deg,var(--kid-plum),var(--kid-blue),var(--kid-teal),var(--kid-plum));background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ancient-btn,.mystical-btn{min-height:50px;border:0;border-radius:999px;background:linear-gradient(180deg,#8a5dde,#5f3e91);color:#fff;font-family:Quicksand,system-ui,sans-serif;font-size:1rem;font-weight:800;letter-spacing:0;text-transform:none;box-shadow:0 7px #412c69,0 14px 26px #5f3e913d}.ancient-btn:hover,.mystical-btn:hover{background:linear-gradient(180deg,#9970ee,#6946a0);color:#fff;transform:translateY(-2px);box-shadow:0 9px #412c69,0 16px 30px #5f3e9147}.ancient-btn:active,.mystical-btn:active{transform:translateY(4px);box-shadow:0 3px #412c69,0 8px 18px #5f3e9133}.ancient-btn-seal{width:auto;height:auto;padding:1rem 1.5rem}.ancient-btn-seal:before{content:""}.mystical-input,.ancient-input{min-height:52px;border:2px solid rgba(95,62,145,.22);border-radius:8px;background:#fff;color:var(--kid-ink);font-family:Quicksand,system-ui,sans-serif;font-size:1.05rem;box-shadow:inset 0 2px #5f3e9114}.mystical-input::placeholder,.ancient-input::placeholder{color:#2f254573}.mystical-input:focus,.ancient-input:focus{border-color:var(--kid-teal);box-shadow:0 0 0 4px #148c8c29}.lesson-shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto}.lesson-topbar{display:flex;align-items:stretch;justify-content:space-between;gap:16px;margin-bottom:18px}.lesson-level,.lesson-stat{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 16px;background:#fffcefe6;border:2px solid rgba(117,84,42,.22);border-radius:8px;box-shadow:0 12px 24px #44341f1f}.lesson-level svg,.lesson-stat svg{color:var(--kid-blue)}.lesson-level span,.lesson-stat span{display:block;color:var(--kid-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.lesson-level strong,.lesson-stat strong{display:block;color:var(--kid-ink);font-size:1.85rem;line-height:1}.lesson-stats{display:flex;gap:12px}.lesson-progress{margin-bottom:16px}.progress-caption{display:flex;justify-content:space-between;margin-top:7px;color:var(--kid-muted);font-size:.88rem;font-weight:800}.lesson-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;padding:clamp(18px,3vw,34px);background:linear-gradient(180deg,#fffceff5,#fff3caf2),linear-gradient(90deg,#397bd314,#148c8c14);border:3px solid rgba(117,84,42,.34);border-radius:8px;box-shadow:0 24px 54px #4b341938;overflow:hidden}.word-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:clamp(14px,2vw,28px)}.hint-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;margin-bottom:18px;color:var(--kid-plum);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;text-align:center}.hint-row p{margin:0}.voice-icon{color:var(--kid-gold-dark);animation:pulse 1.2s ease-in-out infinite}.word-card{display:flex;justify-content:center;gap:clamp(6px,1vw,13px);width:min(100%,650px);padding:clamp(18px,3vw,30px);background:#fff;border:3px solid rgba(95,62,145,.18);border-radius:8px;box-shadow:inset 0 -5px #397bd314,0 16px 30px #5f3e9121;font-family:Quicksand,system-ui,sans-serif;font-size:clamp(3.2rem,7vw,5.4rem);font-weight:800;line-height:1}.word-card>span{position:relative;min-width:.6em;text-align:center}.letter-pending{color:#2f254538}.letter-correct{color:var(--kid-green);text-shadow:0 3px 0 rgba(31,157,114,.12)}.letter-active{color:var(--kid-gold-dark);animation:activeLetterBounce .78s ease-in-out infinite;text-shadow:0 0 16px rgba(247,189,40,.38)}.helper-strip{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 16px;border-radius:999px;background:#148c8c1a;color:var(--kid-teal);font-weight:800}.helper-strip strong{min-width:42px;padding:6px 12px;border-radius:999px;background:#fff;color:var(--kid-ink);box-shadow:0 4px #148c8c2e;text-align:center}.coach-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;background:linear-gradient(180deg,#d9f3ffe6,#ffffffdb);border:2px solid rgba(57,123,211,.18);border-radius:8px;color:var(--kid-muted);font-weight:700}.coach-orb{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;background:#fff;box-shadow:0 6px #397bd324;font-size:1.65rem}.coach-title{margin:0;color:var(--kid-ink);font-size:1.22rem;font-weight:800}.coach-panel p{margin:0;overflow-wrap:anywhere}.keyboard-zone{grid-column:1 / -1}.magic-keyboard{width:min(760px,100%);margin:0 auto;padding:clamp(12px,2vw,18px);background:#5f3e911f;border:2px solid rgba(95,62,145,.18);border-radius:8px;box-shadow:inset 0 3px #ffffff6b}.magic-keyboard>.flex{width:100%;justify-content:center}.magic-key{width:clamp(34px,5.2vw,58px)!important;height:clamp(38px,5.4vw,58px)!important;border:2px solid rgba(47,37,69,.15);border-radius:8px;background:linear-gradient(180deg,#fff,#f0f7ff);color:var(--kid-ink);font-family:Quicksand,system-ui,sans-serif;font-size:clamp(.9rem,1.8vw,1.18rem);font-weight:800;text-transform:uppercase;box-shadow:0 6px #2f25452e,0 10px 18px #2f25451f}.magic-key.active{transform:translateY(5px) scale(1.05);background:linear-gradient(180deg,#ffe37a,#f7bd28);border-color:#b778137a;color:#3f2a0a;box-shadow:0 1px #2f25452e,0 0 0 5px #f7bd282e}.magic-key.space-bar{width:min(360px,72vw)!important;height:50px!important;letter-spacing:0;font-size:.92rem}.lesson-footer{margin:16px 0 0;color:#2f2545b8;font-size:.98rem;font-weight:800;text-align:center}.smoke-wrap{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);pointer-events:none}.particle{background:var(--kid-gold)}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes activeLetterBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:920px){.lesson-board{grid-template-columns:1fr}.coach-panel{order:3}.keyboard-zone{order:2}}@media(max-width:767px){.academy-nav{min-height:100px;padding:10px 12px}.academy-content{padding:122px 12px 26px}.lesson-topbar{flex-direction:column}.lesson-stats{display:grid;grid-template-columns:1fr 1fr}.lesson-level,.lesson-stat{min-height:62px;padding:10px 12px}.lesson-level strong,.lesson-stat strong{font-size:1.45rem}.word-stage{min-height:210px;padding:10px 4px 16px}.word-card{padding:16px 8px;gap:4px;font-size:clamp(2.55rem,13vw,3.4rem)}.hint-row{font-size:1rem}.coach-panel{padding:14px;font-size:.9rem}.magic-keyboard{padding:8px 6px}.magic-keyboard>.flex{gap:.28rem}.magic-key{width:28px!important;height:34px!important;font-size:.76rem;border-radius:7px;box-shadow:0 4px #2f25452e,0 7px 12px #2f25451a}.magic-key.space-bar{width:min(230px,72vw)!important;height:34px!important}}@media(min-width:921px){.academy-nav{height:58px}.nav-logo-icon,.nav-btn{width:42px;height:42px;flex-basis:42px}.academy-content{padding-top:72px;padding-bottom:24px}.lesson-topbar{align-items:center;margin-bottom:8px}.lesson-level,.lesson-stat{min-height:50px;padding:7px 12px}.lesson-level strong,.lesson-stat strong{font-size:1.35rem}.lesson-progress{margin-bottom:8px}.lesson-board{gap:16px;padding:14px 18px}.word-stage{min-height:162px;padding:4px 18px 8px}.hint-row{min-height:32px;margin-bottom:8px}.word-card{width:min(100%,640px);padding:12px 20px;font-size:clamp(2.75rem,5vw,3.65rem)}.helper-strip{margin-top:8px}.coach-panel{padding:14px 18px}.magic-keyboard{padding:10px 12px}.magic-key{width:clamp(36px,4vw,48px)!important;height:clamp(36px,4vw,48px)!important}.magic-key.space-bar{height:38px!important}.lesson-footer{margin-top:10px}}:root{--cinema-plum: #24123f;--cinema-plum-dark: #13081f;--cinema-violet: #4e287f;--cinema-gold: #f3c75b;--cinema-gold-deep: #b87719;--cinema-parchment: #fbefd3;--cinema-ink: #241a36}body{color:var(--cinema-ink);background:#130b1e!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url(/assets/magic-academy-hall.png) center top / cover no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#0c071438,#0c071414 38%,#0c07146b),linear-gradient(90deg,rgba(8,4,14,.32),transparent 16%,transparent 84%,rgba(8,4,14,.32)),radial-gradient(ellipse at 50% 110%,rgba(245,186,83,.18),transparent 38%)}.app-container,.academy-nav,.academy-content{position:relative}.app-container,.academy-content{z-index:2}.academy-content:before{content:"";position:fixed;top:76px;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#130b1e05,#130b1e38),radial-gradient(ellipse at 50% 42%,rgba(255,231,168,.08),transparent 42%)}.academy-nav{background:linear-gradient(180deg,#301852f5,#12081efa),radial-gradient(circle at 20% 0%,rgba(245,199,100,.2),transparent 28%)!important;border-bottom-color:#f3c75bcc!important}.nav-logo{color:#ffe08d!important;font-family:Cinzel Decorative,Cinzel,serif!important;text-shadow:0 2px 0 rgba(0,0,0,.36)!important}.nav-logo-icon{background:linear-gradient(145deg,#ffe08d,#c7831f)!important;border-color:#ffe08dbf!important;box-shadow:0 0 0 3px #452570bf,0 9px 18px #00000047!important}.nav-btn,.nav-user{background:linear-gradient(180deg,#fff3d3,#e8cf9a)!important;border-color:#ffe08d85!important;color:var(--cinema-violet)!important;box-shadow:0 5px #4525708c!important}.mystical-card,.ancient-card,.lesson-level,.lesson-stat{background:linear-gradient(180deg,#fff2cbf0,#debe81e8),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.45),transparent 38%)!important;border-color:#f4c75bb8!important;box-shadow:0 28px 70px #05020a73,0 0 0 2px #31185052,inset 0 0 0 1px #fff6dbb8!important}.mystical-card h2,.ancient-card h2{color:var(--cinema-violet)!important}.lesson-board{background:linear-gradient(180deg,#fff0c6e6,#e2be7ad6),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.5),transparent 44%)!important;border-color:#f4c75be6!important;box-shadow:0 34px 86px #05020a80,0 0 0 3px #2d164c5c,inset 0 0 0 1px #fff8db9e!important}.word-card{background:linear-gradient(180deg,#fffbeef5,#efe0bef0)!important;border-color:#3d225f47!important}.magic-keyboard{background:linear-gradient(180deg,#36231c8a,#20121080)!important;border-color:#f4c75b52!important}.magic-key{background:linear-gradient(180deg,#fff6df,#dbc79f)!important;border-color:#402b1847!important}.magic-key.active{background:linear-gradient(180deg,#ffd96e,#e5a915)!important;box-shadow:0 2px #58300059,0 0 0 6px #f3c75b38!important}.coach-panel{background:linear-gradient(180deg,#311850e0,#150a23db)!important;border-color:#f4c75b6b!important;color:#ffecc0d6!important}.coach-title{color:#ffe39b!important}.coach-orb{background:linear-gradient(180deg,#ffe7a6,#c78222)!important;box-shadow:0 6px #12081e73!important}.progress-caption,.lesson-footer{color:#ffefc6e6!important;text-shadow:0 2px 6px rgba(5,2,10,.58)}