@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{--color-forest: #2d5a27;--color-forest-dark: #1a3a15;--color-forest-light:#4a8a42;--color-gold: #c9a227;--color-gold-light: #f0cc5a;--color-gold-dark: #8a6d0f;--color-parchment: #f5e9c8;--color-parchment-dark: #dfc98a;--color-stone: #7a6f5e;--color-stone-light: #b0a48f;--color-sky: #4a90d9;--color-sky-light: #7ab3e8;--color-amber: #d4720a;--color-crimson: #c0392b;--color-emerald: #27ae60;--subject-english: #4a90d9;--subject-irish: #27ae60;--subject-maths: #c9a227;--subject-history: #d4720a;--subject-geography: #2d5a27;--subject-science: #8e44ad;--subject-genknow: #c0392b;--subject-sphe: #e91e8c;--subject-ethics: #00bcd4;--subject-coding: #ff6b35;--xp-bar: #f0cc5a;--xp-bg: #2a2a1a;--streak-fire: #ff6b35;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-xl: 40px;--shadow-glow: 0 0 20px rgba(201, 162, 39, .4);--shadow-card: 0 4px 20px rgba(0,0,0,.3);--shadow-float:0 8px 32px rgba(0,0,0,.4);--font-title: "Cinzel", serif;--font-body: "Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-forest-dark);color:var(--color-parchment);min-height:100vh;overflow-x:hidden}.celtic-border{border:3px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:inset 0 0 0 2px var(--color-gold-dark),var(--shadow-glow)}.card-parchment{background:linear-gradient(135deg,var(--color-parchment),var(--color-parchment-dark));color:var(--color-forest-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.xp-bar-track{background:var(--xp-bg);border-radius:var(--radius-xl);border:2px solid var(--color-gold-dark);height:18px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,var(--color-gold-dark),var(--xp-bar));height:100%;border-radius:var(--radius-xl);transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px var(--color-gold)}.bg-mythic{background:radial-gradient(ellipse at 20% 50%,rgba(45,90,39,.6) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(201,162,39,.15) 0%,transparent 40%),linear-gradient(180deg,var(--color-forest-dark) 0%,#0d1f0b 100%);min-height:100vh}.subject-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-xl);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.emilia-character{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .3s ease}.emilia-character.bounce{animation:emiliaBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes emiliaBounce{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-10px)}to{transform:scale(1) translateY(0)}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.btn-primary{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-forest-dark);border:none;border-radius:var(--radius-md);padding:14px 28px;font-family:var(--font-body);font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 0 var(--color-gold-dark),var(--shadow-glow);transition:all .15s ease;text-transform:uppercase;letter-spacing:.05em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--color-gold-dark),var(--shadow-glow)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-gold-dark)}.btn-secondary{background:rgba(255,255,255,.07);color:var(--color-parchment);border:2px solid var(--color-stone-light);border-radius:var(--radius-md);padding:12px 24px;font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold)}.answer-option{width:100%;background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:16px 20px;color:var(--color-parchment);font-family:var(--font-body);font-size:1.05rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.answer-option:hover{background:rgba(201,162,39,.15);border-color:var(--color-gold);transform:translate(4px)}.answer-option.correct{background:rgba(39,174,96,.25);border-color:var(--color-emerald);animation:correctPulse .4s ease}.answer-option.incorrect{background:rgba(192,57,43,.25);border-color:var(--color-crimson);animation:shake .4s ease}.answer-option:disabled{cursor:default}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.timer-ring circle{transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:50% 50%}.streak-flame{display:inline-flex;align-items:center;gap:4px;color:var(--streak-fire);font-weight:800;font-size:1.1rem}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes petBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(-4px) rotate(2deg)}}@keyframes petEat{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes petCelebrating{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-12px) scale(1.08)}40%{transform:translateY(0) scale(.96)}60%{transform:translateY(-8px) scale(1.05)}80%{transform:translateY(0) scale(.98)}}@keyframes emiliaTilt{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes emiliaHop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(-10px)}}@keyframes emiliaSway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes auraPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-30px) scale(1.2)}}.pet-idle{animation:idleFloat 3s ease-in-out infinite}.pet-eating{animation:petEat .35s ease-in-out 3}.pet-celebrating{animation:petCelebrating .7s ease-in-out 2}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pet-float{animation:floatBob 3s ease-in-out infinite}.avatar-breathe{animation:breathe 4s ease-in-out infinite}.nav-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;background:linear-gradient(180deg,rgba(10,24,10,.97),#050f05);border-top:1px solid rgba(201,162,39,.3);box-shadow:0 -4px 24px rgba(0,0,0,.6);padding:0;z-index:200;height:64px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;padding:8px 4px 10px;transition:all .18s ease;position:relative;color:rgba(255,255,255,.45)}.nav-item:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:var(--color-gold);border-radius:0 0 4px 4px;opacity:0;transform:scaleX(0);transition:all .2s ease}.nav-item.active{color:var(--color-gold)}.nav-item.active:before{opacity:1;transform:scaleX(1)}.nav-item:active{transform:scale(.9)}.nav-icon{font-size:1.35rem;line-height:1;transition:transform .18s ease}.nav-item.active .nav-icon{transform:scale(1.15) translateY(-1px);filter:drop-shadow(0 0 6px rgba(201,162,39,.7))}.nav-label{font-size:.6rem;font-weight:700;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){.pet-idle,.pet-eating,.pet-celebrating,.pet-float,.avatar-breathe,.emilia-character,.emilia-character.bounce{animation:none!important;transition:none!important}}.flex-col{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@supports not (display: grid){[style*="display: grid"],[style*="display:grid"]{display:-webkit-flex!important;display:flex!important;-webkit-flex-wrap:wrap;flex-wrap:wrap}}