@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Ethiopic:wght@400;500;600;700&family=Lexend:wght@300;400;500;600;700;800&display=swap";:root{--cream: #F5EDE3;--beige: #E8D5BF;--tan: #C9A882;--brown: #8B5E3C;--brown-mid: #6E4A2E;--brown-dark: #4A2E18;--espresso: #2C1A0E;--gold: #D4A843;--gold-light: #F0C96A;--gold-dark: #A67D22;--success: #5B8A4A;--success-light: #E8F5E3;--error: #C0392B;--error-light: #FDECEA;--warning: #E67E22;--white: #FEFAF7;--surface: #FFFFFF;--surface-2: #F8F2EC;--border: #E8D5BF;--border-soft: #F0E4D4;--text-primary: #2C1A0E;--text-secondary: #7B4F2E;--text-tertiary: #A07850;--text-inverse: #FEFAF7;--grad-primary: linear-gradient(135deg, #8B5E3C 0%, #6E4A2E 100%);--grad-warm: linear-gradient(135deg, #C9A882 0%, #8B5E3C 100%);--grad-gold: linear-gradient(135deg, #F0C96A 0%, #D4A843 100%);--grad-dark: linear-gradient(135deg, #4A2E18 0%, #2C1A0E 100%);--shadow-sm: 0 1px 4px rgba(44,26,14,.08);--shadow-md: 0 4px 16px rgba(44,26,14,.12);--shadow-lg: 0 8px 32px rgba(44,26,14,.16);--shadow-gold: 0 4px 20px rgba(212,168,67,.35);--font-main: "Plus Jakarta Sans", "Noto Sans Ethiopic", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-normal: .25s ease;--transition-spring: .4s cubic-bezier(.34,1.56,.64,1);--nav-height: 72px;--nav-height-landscape: 56px;--max-width: 100%;--content-max-width: 1200px;--overlay-bg: rgba(254, 250, 247, .95);--feature-mock-bg: var(--grad-gold);--feature-mock-text: #2C1A0E;--feature-fc-bg: var(--grad-dark);--feature-fc-text: #FEFAF7;--feature-quiz-bg: linear-gradient(135deg, #E8D5BF, #C9A882);--feature-quiz-text: #2C1A0E;--feature-ai-bg: linear-gradient(135deg, #F5EDE3, #E8D5BF);--feature-ai-text: #2C1A0E}html.dyslexia-font,html.dyslexia-font *,body.dyslexia-font,body.dyslexia-font *{font-family:Lexend,Plus Jakarta Sans,Noto Sans Ethiopic,sans-serif!important;letter-spacing:.05em!important;word-spacing:.12em!important}html.high-contrast{--cream: #0C0603 !important;--beige: #3C220E !important;--tan: #B5844F !important;--brown: #FFEB60 !important;--espresso: #FFFFFF !important;--gold: #FFEB60 !important;--gold-light: #FFF0A0 !important;--gold-dark: #FFC000 !important;--success: #39D353 !important;--success-light: #07190C !important;--error: #FF4A4A !important;--error-light: #250505 !important;--white: #FFFFFF !important;--surface: #170A03 !important;--surface-2: #0F0602 !important;--border: #C9A882 !important;--border-soft: #B5844F !important;--text-primary: #FFFFFF !important;--text-secondary: #FFD4A8 !important;--text-tertiary: #FFFFFF !important;--text-inverse: #000000 !important}html.dark{--cream: #140D08;--beige: #2E1D13;--tan: #4A301E;--brown: #E4C09E;--brown-mid: #CCAA8A;--brown-dark: #FEFAF7;--espresso: #FEFAF7;--gold: #E5BE54;--gold-light: #FCE198;--gold-dark: #CFA032;--success: #6CB254;--success-light: #1E2B1A;--error: #E74C3C;--error-light: #3D1C18;--warning: #F39C12;--white: #1D130B;--surface: #20150D;--surface-2: #1A1009;--border: #3A2517;--border-soft: #2B1B10;--text-primary: #FEFAF7;--text-secondary: #E5D5C6;--text-tertiary: #A68E7A;--text-inverse: #140D08;--grad-primary: linear-gradient(135deg, #8B5E3C 0%, #A67D5C 100%);--grad-warm: linear-gradient(135deg, #2E1D13 0%, #1D130B 100%);--grad-gold: linear-gradient(135deg, #E5BE54 0%, #D4A843 100%);--grad-dark: linear-gradient(135deg, #20150D 0%, #140D08 100%);--shadow-sm: 0 1px 4px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--shadow-gold: 0 4px 20px rgba(212,168,67,.15);--overlay-bg: rgba(20, 13, 8, .95);--feature-mock-bg: var(--grad-gold);--feature-mock-text: #140D08;--feature-fc-bg: linear-gradient(135deg, #4A301E 0%, #2E1D13 100%);--feature-fc-text: #FEFAF7;--feature-quiz-bg: linear-gradient(135deg, #2E1D13 0%, #1A1009 100%);--feature-quiz-text: #FEFAF7;--feature-ai-bg: linear-gradient(135deg, #3A2517 0%, #20150D 100%);--feature-ai-text: #FEFAF7}html.dark .btn-gold{color:#140d08!important}html.dark .option-btn-circle{background:#ffffff14}html.dark #root{background:#090503}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button,.btn,.option-btn,.game-option-btn,.card-hover,.tab-pill,.nav-item,input[type=button],input[type=submit]{touch-action:manipulation}html{font-size:16px;-webkit-text-size-adjust:100%;transition:font-size .3s ease}html[data-text-size=S]{font-size:14px}html[data-text-size=L]{font-size:18px}body{font-family:var(--font-main);background:var(--cream);color:var(--text-primary);min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{display:flex;justify-content:center;min-height:100dvh;background:#1a0f07}.app-container{width:100%;max-width:var(--content-max-width);min-height:100dvh;background:var(--cream);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(1.75rem,5vw,2.25rem)}h2{font-size:clamp(1.375rem,4vw,1.75rem)}h3{font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font-main);font-weight:600;font-size:1rem;border-radius:var(--radius-full);padding:14px 28px;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:52px}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:var(--white);box-shadow:0 4px 16px #8b5e3c66}.btn-primary:hover{box-shadow:0 6px 24px #8b5e3c80;transform:translateY(-1px)}.btn-gold{background:var(--grad-gold);color:var(--espresso);box-shadow:var(--shadow-gold)}.btn-gold:hover{box-shadow:0 6px 28px #d4a84380;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--brown);border:2px solid var(--brown)}.btn-outline:hover{background:var(--brown);color:var(--white)}.btn-ghost{background:#8b5e3c14;color:var(--brown)}.btn-ghost:hover{background:#8b5e3c29}.btn-white{background:var(--white);color:var(--brown);box-shadow:var(--shadow-md)}.btn-sm{padding:10px 20px;font-size:.875rem;min-height:40px}.btn-lg{padding:18px 36px;font-size:1.125rem;min-height:60px}.btn-full{width:100%}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-md)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-soft)}.card-hover{transition:all var(--transition-normal);cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-hover:active{transform:scale(.98)}.card-brown{background:var(--grad-primary);color:var(--white);border:none}.card-gold{background:var(--grad-gold);color:var(--espresso);border:none}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.input{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);font-family:var(--font-main);font-size:1rem;color:var(--text-primary);transition:all .15s ease;outline:none;min-height:52px}.input:focus{border-color:var(--brown);box-shadow:0 0 0 4px #8b5e3c1f}.input::placeholder{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-gold{background:#d4a84333;color:var(--gold-dark)}.badge-brown{background:#8b5e3c1f;color:var(--brown)}.badge-success{background:var(--success-light);color:var(--success)}.badge-error{background:var(--error-light);color:var(--error)}.progress-bar{height:8px;background:var(--beige);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--grad-primary);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.progress-fill-gold{background:var(--grad-gold)}.page{min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.page-with-nav{min-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 24px)}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;height:calc(64px + env(safe-area-inset-top,0px));background:var(--cream);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card{background:var(--surface);border-radius:var(--radius-md);padding:16px;text-align:center;border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.stat-icon{font-size:1.5rem;display:block;margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:800;color:var(--brown);display:block}.stat-label{font-size:.7rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.xp-chip{display:inline-flex;align-items:center;gap:4px;background:#d4a84326;border:1px solid rgba(212,168,67,.3);color:var(--gold-dark);padding:4px 10px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.streak-chip{display:inline-flex;align-items:center;gap:4px;background:#e67e221f;border:1px solid rgba(230,126,34,.25);color:#c0631a;padding:4px 10px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.divider{height:1px;background:var(--border-soft);margin:16px 0}.divider-text{display:flex;align-items:center;gap:16px;color:var(--text-tertiary);font-size:.875rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c1a0e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.overlay-center{align-items:center}.bottom-sheet{width:100%;max-width:min(100vw,500px);max-height:90dvh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px 16px 48px;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}.bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:0 auto 24px}.skeleton{background:linear-gradient(90deg,var(--beige) 25%,var(--cream) 50%,var(--beige) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.tab-pill{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;background:var(--surface);color:var(--text-secondary);border:2px solid var(--border);cursor:pointer;transition:all .15s ease}.tab-pill.active{background:var(--brown);color:var(--white);border-color:var(--brown)}.tab-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tab-pills::-webkit-scrollbar{display:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-tertiary)}.text-secondary-color{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.rounded-full{border-radius:var(--radius-full)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.p-md{padding:16px}.p-lg{padding:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.pointer{cursor:pointer}.opacity-0{opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 12px #d4a84366}50%{box-shadow:0 0 28px #d4a843cc}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.4)}}@keyframes confettiDrop{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-up{animation:fadeInUp .5s ease forwards}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-up{animation:slideUp .4s ease forwards}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.scroll-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tan) transparent}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-thumb{background:var(--tan);border-radius:4px}.scroll-x{overflow-x:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}@media (min-width:431px){#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#3d1f09,#1a0f07);z-index:-1}}@media (min-width: 600px){.grid-2{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(4,1fr)}.overlay{padding:24px;align-items:center}.bottom-sheet{border-radius:var(--radius-xl)!important;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards!important}}.card-mock-hover{transition:all var(--transition-spring)!important}.card-mock-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg),0 8px 24px #8b5e3c26;border-color:var(--tan)!important}.card-mock-hover:active{transform:scale(.98)}html.high-contrast .bottom-nav{background:#170a03!important;border-top:2.5px solid #FFEB60!important;box-shadow:0 -8px 24px #0009!important}html.high-contrast .nav-item{color:#fff!important}html.high-contrast .nav-item.active{color:#ffeb60!important}html.high-contrast .nav-item.active:before{background:#ffeb60!important}html.high-contrast .input,html.high-contrast select,html.high-contrast textarea{background:#170a03!important;color:#fff!important;border:2px solid #FFEB60!important}html.high-contrast [style*="color: var(--espresso)"],html.high-contrast [style*="color:var(--espresso)"],html.high-contrast [style*="color: #2C1A0E"],html.high-contrast [style*="color:#2C1A0E"]{color:#fff!important}html.high-contrast .tab-pill{background:#170a03!important;color:#fff!important;border:2px solid #C9A882!important}html.high-contrast .tab-pill.active,html.high-contrast button.active,html.high-contrast .active button{background:#ffeb60!important;color:#000!important;border-color:#ffeb60!important}html.high-contrast .grid-2 button:not(.btn-primary):not(.btn-gold),html.high-contrast .grid-3 button:not(.btn-primary):not(.btn-gold),html.high-contrast button[style*="var(--cream)"],html.high-contrast button[style*="background: var(--cream)"],html.high-contrast button[style*="background:var(--cream)"]{background:#170a03!important;color:#fff!important;border:2px solid #FFEB60!important}html.high-contrast .grid-2 button:not(.btn-primary):not(.btn-gold) *,html.high-contrast .grid-3 button:not(.btn-primary):not(.btn-gold) *,html.high-contrast button[style*="var(--cream)"] *,html.high-contrast button[style*="background: var(--cream)"] *,html.high-contrast button[style*="background:var(--cream)"] *{color:#fff!important}html.high-contrast .card button:not([style*="var(--brown)"]):not([style*="var(--gold)"]):not([style*="background: var(--brown)"]):not([style*="background:var(--brown)"]):not([style*="background: var(--gold)"]):not([style*="background:var(--gold)"]):not(.btn-primary):not(.btn-gold){background:#170a03!important;color:#fff!important;border:1.5px solid #FFEB60!important}html.high-contrast .card button:not([style*="var(--brown)"]):not([style*="var(--gold)"]):not([style*="background: var(--brown)"]):not([style*="background:var(--brown)"]):not([style*="background: var(--gold)"]):not([style*="background:var(--gold)"]):not(.btn-primary):not(.btn-gold):hover{background:#2e1d13!important}html.high-contrast .btn-gold,html.high-contrast .btn-gold *,html.high-contrast .badge-gold,html.high-contrast .badge-gold *,html.high-contrast .card-gold,html.high-contrast .card-gold *,html.high-contrast [style*="background-color: var(--gold)"],html.high-contrast [style*="background-color: var(--gold)"] *,html.high-contrast [style*="background-color:var(--gold)"],html.high-contrast [style*="background-color:var(--gold)"] *,html.high-contrast [style*="background: var(--gold)"],html.high-contrast [style*="background: var(--gold)"] *,html.high-contrast [style*="background:var(--gold)"],html.high-contrast [style*="background:var(--gold)"] *,html.high-contrast [style*="background-color: var(--gold)"] [style*="color: var(--espresso)"],html.high-contrast [style*="background-color:var(--gold)"] [style*="color:var(--espresso)"],html.high-contrast [style*="background-color: var(--gold)"] [style*="color: #2C1A0E"],html.high-contrast [style*="background-color:var(--gold)"] [style*="color:#2C1A0E"],html.high-contrast [style*="background: var(--brown)"] [style*="color: var(--espresso)"],html.high-contrast [style*="background:var(--brown)"] [style*="color:var(--espresso)"],html.high-contrast [style*="background: var(--brown)"] [style*="color: #2C1A0E"],html.high-contrast [style*="background:var(--brown)"] [style*="color:#2C1A0E"],html.high-contrast .btn-gold [style*="color: var(--espresso)"],html.high-contrast .btn-gold [style*="color: #2C1A0E"],html.high-contrast .badge-gold [style*="color: var(--espresso)"],html.high-contrast .badge-gold [style*="color: #2C1A0E"],html.high-contrast .card-gold [style*="color: var(--espresso)"],html.high-contrast .card-gold [style*="color: #2C1A0E"]{color:#000!important}.badge-premium-glow{background:linear-gradient(135deg,#11091c,#1f1030);color:gold!important;font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:20px;border:1.5px solid #FFD700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 15px #d4a84366,inset 0 1px 1px #ffffff1a;display:inline-flex;align-items:center;gap:4px;position:relative;overflow:hidden;animation:premium-shimmer 3s infinite linear}@keyframes premium-shimmer{0%{filter:brightness(1);box-shadow:0 0 10px #d4a8434d}50%{filter:brightness(1.2);box-shadow:0 0 20px #d4a843b3,0 0 5px #ffd70080}to{filter:brightness(1);box-shadow:0 0 10px #d4a8434d}}.leaderboard-premium-row{background:linear-gradient(90deg,#1b0f2e0d,#d4a84305)!important;border-left:4px solid #FFD700!important;box-shadow:inset 0 0 15px #d4a84308}.leaderboard-premium-row-you{background:linear-gradient(90deg,#1b0f2e1f,#d4a8430d)!important;border-left:4px solid #FFD700!important;box-shadow:0 4px 12px #d4a84326,inset 0 0 15px #d4a84314}.option-btn{width:100%;padding:16px 18px;border-radius:var(--radius-md);font-family:var(--font-main);font-weight:600;font-size:.95rem;text-align:left;display:flex;align-items:center;gap:12px;transition:all .2s ease;cursor:pointer;background:var(--surface);border:2px solid var(--border-soft);color:var(--text-primary);box-sizing:border-box}.option-btn-circle{width:28px;height:28px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}@media (max-width: 480px){.option-btn{padding:10px 12px!important;font-size:.875rem!important;gap:8px!important;border-radius:12px!important}.option-btn-circle{width:22px!important;height:22px!important;font-size:.75rem!important}.takeaway-card{padding:12px 14px!important}.takeaway-title{font-size:.9rem!important;margin-bottom:4px!important}.takeaway-text{font-size:.85rem!important;line-height:1.45!important}.quiz-passage-panel{flex:0 0 auto!important;max-height:140px!important;padding:12px 14px!important;font-size:.85rem!important;line-height:1.5!important}.quiz-questions-panel{padding:14px 12px!important;gap:10px!important}.flashcard-surface{padding:16px!important}.flashcard-term{font-size:1.15rem!important}.flashcard-definition{font-size:.9rem!important;line-height:1.5!important}}.rpg-canvas-container{width:100%;height:330px;max-height:35vh;min-height:260px;border-radius:20px;overflow:hidden;border:1.5px solid var(--border-soft);background:var(--grad-dark);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){.rpg-canvas-container{height:220px!important;min-height:200px!important;max-height:25vh!important;border-radius:16px}}.rpg-split-layout{display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width: 768px){.rpg-split-layout{flex-direction:row!important;align-items:flex-start!important;gap:20px}.rpg-split-layout>.rpg-canvas-container{flex:1.25!important;height:330px!important;max-height:none!important}.rpg-split-layout>div{flex:1!important}}html.game-mode,body.game-mode,html.game-mode #root,body.game-mode #root,html.game-mode .app-container,body.game-mode .app-container{margin:0!important;padding:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;position:fixed!important;top:0;left:0}.game-mode .page-with-nav{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.game-mode .scroll-container{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:8px!important;gap:var(--game-gap, 6px)!important}.game-mode .game-controls-panel.scroll-container{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding-bottom:calc(var(--game-padding, 8px) + env(safe-area-inset-bottom,0px))!important}.game-mode canvas,.game-mode .rpg-canvas-container,.game-mode .game-controls{touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important}.game-mode .rpg-canvas-container{width:100%;max-width:100vw;max-height:100dvh;box-sizing:border-box}.game-mode{--game-gap: 4px;--game-padding: 6px;--battlefield-height: 100px;--castle-max-width: 50px;--conquer-board-height: 150px;--conquer-board-scale: .52;--conquer-board-margin: -58px;--card-btn-padding: 3px 2px;--card-emoji-size: .95rem;--option-btn-padding: 5px 10px;--option-font-size: .76rem;--question-text-size: .8rem}.game-mode .game-arena-playground{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;width:100%!important}.game-mode .game-arena-playground>.game-visual-panel{flex:0 0 auto!important;width:100%!important;border-bottom:2.5px solid var(--border-soft)!important;border-right:none!important;display:flex!important;flex-direction:column!important;padding:8px!important;height:auto!important}.game-mode .game-arena-playground>.game-controls-panel{flex:1 1 0!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:6px!important;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.game-mode .defense-log-banner,.game-mode .conquer-log-banner{display:none!important}.game-mode .page-with-nav>div:first-child{padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px!important}.game-mode .page-with-nav>div:first-child h2{font-size:.95rem!important;margin:0!important}.game-mode .page-with-nav>div:first-child h3{font-size:.85rem!important;margin:2px 0!important}.game-mode .page-with-nav>div:first-child p{font-size:max(.65rem,10px)!important;margin:0!important}.game-mode .page-with-nav>div:first-child button{padding:3px 6px!important;font-size:.65rem!important}.defense-battlefield-container{height:var(--battlefield-height)!important;min-height:var(--battlefield-height)!important;max-height:var(--battlefield-height)!important;padding:4px 8px!important;gap:4px!important}.defense-castle-pedestal{padding:2px 4px!important;border-radius:8px!important}.defense-castle-pedestal span{font-size:.65rem!important;margin-bottom:0!important}.defense-castle-pedestal span[style*="margin-top: 6"]{margin-top:2px!important;font-size:.6rem!important}.defense-castle-visual-wrap{max-width:var(--castle-max-width)!important;margin-bottom:0!important}.defense-castle-visual-wrap svg{max-width:var(--castle-max-width)!important}.defense-castle-pedestal div[style*="height: 12"]{height:6px!important}.conquer-board-container{flex:0 0 auto!important;aspect-ratio:298 / 268!important;width:min(100%,calc(35dvh * 298 / 268))!important;max-height:35dvh!important;min-height:0!important;margin:0 auto!important;padding:4px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.conquer-board-container svg{width:100%!important;height:100%!important;display:block!important}.conquer-board-grid{transform:none!important;transform-origin:center center!important;margin:0 auto!important}.game-question-card{padding:var(--game-padding)!important;gap:var(--game-gap)!important;border-radius:12px!important}.game-question-text{font-size:var(--question-text-size)!important;line-height:1.25!important;min-height:auto!important}.game-timer-container{padding:5px!important;gap:4px!important;border-radius:8px!important}.game-timer-container span{font-size:.7rem!important}.game-timer-container div[style*="height: 6"]{height:4px!important}.game-options-container{gap:4px!important}.game-option-btn{padding:var(--option-btn-padding)!important;font-size:var(--option-font-size)!important;border-radius:8px!important;min-height:44px!important;height:auto!important;line-height:1.3!important;display:flex!important;align-items:center!important}.game-resolved-card{padding:var(--game-padding)!important;gap:var(--game-gap)!important}.game-resolved-card h3{font-size:.9rem!important;margin:0!important}.game-resolved-card p{font-size:.75rem!important}.game-resolved-card div[style*="font-size: 3rem"]{font-size:1.5rem!important}.game-mana-bar-wrap{padding:4px 10px!important;border-radius:10px!important;gap:4px!important}.game-mana-bar-wrap span{font-size:.7rem!important}.game-mana-bar-wrap div[style*="height: 16"]{height:8px!important}.game-cards-dock-wrapper{position:relative!important}.game-cards-dock-wrapper:after{content:""!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:36px!important;background:linear-gradient(to right,transparent,var(--surface, #fff))!important;pointer-events:none!important;border-radius:0 10px 10px 0!important;z-index:2!important}.game-cards-dock{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:4px 2px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.game-cards-dock::-webkit-scrollbar{display:none!important}.game-card-btn{flex:0 0 95px!important;min-width:95px!important;box-sizing:border-box!important;padding:var(--card-btn-padding)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;border-radius:10px!important}.game-card-btn span[style*="font-size: 1.8rem"]{font-size:var(--card-emoji-size)!important}.game-card-btn span[style*="font-size: 0.75rem"]{font-size:.65rem!important;font-weight:800!important}.game-card-btn span[style*="font-size: 0.65rem"]:not([class]){font-size:.55rem!important;line-height:1.1!important;margin:0!important;display:block!important;text-align:center!important;white-space:normal!important}.game-card-btn div[style*="font-size: 0.65rem"]{font-size:.55rem!important;padding:1px 4px!important;margin-top:2px!important;border-radius:4px!important}.game-team-status-container{order:-1!important;margin:0!important;gap:0!important}.game-team-status-container h4{display:none!important}.game-team-status-container>div{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:2px 0!important;justify-content:flex-start!important;scrollbar-width:none!important}.game-team-status-container>div::-webkit-scrollbar{display:none!important}.game-team-status-container div[style*="background: var(--surface)"]{flex:0 0 auto!important;min-width:95px!important;padding:4px 6px!important;border-radius:8px!important;gap:6px!important;display:flex!important;align-items:center!important}.game-team-status-container svg{width:20px!important;height:20px!important}.game-team-status-container span{font-size:.65rem!important}.game-team-status-container span[style*="font-size: 0.65rem"][style*=color]{display:none!important}.game-mode .map-view-scroll{padding:8px!important;gap:8px!important}.game-mode .map-view-scroll .rpg-split-layout{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;gap:8px!important;width:100%!important}.game-mode .map-view-scroll .rpg-canvas-container{flex:1!important;min-height:0!important;width:100%!important;max-width:420px!important;aspect-ratio:21 / 20!important;margin:0 auto!important;border-radius:16px;overflow:hidden}.game-mode .map-side-panel{flex:0 0 auto!important;width:100%!important;gap:8px!important;display:flex!important;flex-direction:column!important}.game-mode .map-side-panel>div{width:100%!important;margin:0!important;padding:8px!important;border-radius:12px!important;flex:none!important}.game-mode .map-side-panel h4{margin-bottom:4px!important;font-size:.75rem!important}.game-mode .combat-view-scroll .game-question-card{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px!important}.game-mode .combat-view-scroll .game-question-text{font-size:.85rem!important;line-height:1.3!important;min-height:auto!important;margin-bottom:2px!important}.game-mode .combat-view-scroll .game-options-container{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:6px!important}.game-mode .combat-view-scroll .game-option-btn{flex:1!important;min-height:30px!important;max-height:38px!important;padding:4px 12px!important;font-size:.8rem!important;display:flex!important;align-items:center!important}.game-mode .combat-view-scroll .game-question-card>div[style*=border-top],.game-mode .combat-view-scroll .game-question-card>div[style*=borderTop]{margin-top:4px!important;padding-top:8px!important}.game-mode .combat-view-scroll .game-question-card>div[style*=border-top] button,.game-mode .combat-view-scroll .game-question-card>div[style*=borderTop] button{padding:6px!important;font-size:.72rem!important}.game-mode .combat-view-scroll .game-resolved-card{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;padding:12px 16px!important}.game-mode .combat-view-scroll .game-resolved-card p{font-size:.8rem!important;margin:0!important}.game-mode .combat-view-scroll .game-resolved-card h3{font-size:.95rem!important;margin:0!important}.game-mode .combat-view-scroll .game-resolved-card div[style*="font-size: 3rem"]{font-size:1.8rem!important}.game-potion-bar-wrap{padding:4px 8px!important;border-radius:10px!important}.game-potion-bar-wrap span{font-size:.75rem!important}.game-potion-bar-wrap button{padding:4px 8px!important;font-size:.7rem!important}@media (max-height: 680px) and (orientation: portrait){.game-mode{--battlefield-height: 80px;--option-btn-padding: 4px 8px;--option-font-size: .72rem;--question-text-size: .76rem}.game-mode .game-option-btn{min-height:38px!important}.game-card-btn{flex:0 0 80px!important;min-width:80px!important}.game-mode .map-view-scroll{padding:4px!important;gap:4px!important}.conquer-board-container{max-height:30dvh!important;width:min(100%,calc(30dvh * 298 / 268))!important}}@media (min-width: 480px) and (orientation: portrait){html.game-mode .app-container,body.game-mode .app-container{max-width:450px!important;margin:0 auto!important;position:relative!important;left:auto!important;right:auto!important;box-shadow:0 12px 50px #0009!important;border-left:2.5px solid var(--gold)!important;border-right:2.5px solid var(--gold)!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}}@media (min-width: 768px) and (orientation: portrait){html.game-mode .app-container,body.game-mode .app-container{max-width:600px!important}.game-mode .defense-battlefield-container{height:180px!important;min-height:180px!important;max-height:180px!important}.game-mode{--conquer-board-height: 220px;--conquer-board-scale: .7;--conquer-board-margin: -40px;--castle-max-width: 80px}}@media (orientation: landscape){html.game-mode .app-container,body.game-mode .app-container{max-width:1024px!important;margin:0 auto!important;position:relative!important;left:auto!important;right:auto!important;box-shadow:0 20px 60px #000000b3!important;border-left:2.5px solid var(--gold)!important;border-right:2.5px solid var(--gold)!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}@media (max-height: 480px){html.game-mode .app-container,body.game-mode .app-container{max-width:100%!important;border-left:none!important;border-right:none!important;box-shadow:none!important}}.game-mode .game-arena-playground{display:flex!important;flex-direction:row!important;flex:1!important;min-height:0!important;width:100%!important;overflow:hidden!important}.game-mode .game-arena-playground>.game-visual-panel{flex:1.15!important;width:55%!important;background:linear-gradient(135deg,#1c0a00,#2d1a0e)!important;border-right:3px solid var(--gold)!important;border-bottom:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:8px!important;height:100%!important;position:relative!important}.game-mode .game-arena-playground>.game-visual-panel-conquer{background:var(--cream)!important;border-right:2.5px solid var(--border-soft)!important}.game-mode .game-arena-playground>.game-controls-panel{flex:.85!important;width:45%!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important;overflow-y:auto!important;height:100%!important;scrollbar-width:thin!important}.defense-battlefield-container{background:transparent!important;border:none!important;box-shadow:none!important;height:auto!important;min-height:100%!important;max-height:none!important;padding:4px 8px!important}.conquer-board-container{height:100%!important;max-height:100%!important;min-height:0!important;width:auto!important;aspect-ratio:298 / 268!important;max-width:100%!important;margin:auto!important;padding:8px!important;border:none!important;box-shadow:none!important;background:transparent!important}.game-visual-panel-conquer .conquer-board-container svg{height:100%!important;width:auto!important;max-width:100%!important}.game-mode .game-visual-panel-conquer>div:last-child{margin-top:4px!important;padding:6px 10px!important}.game-mode .map-view-scroll .rpg-split-layout{flex-direction:row!important;flex:1!important;min-height:0!important;gap:16px!important;height:100%!important}.game-mode .map-view-scroll .rpg-canvas-container{flex:1.25!important;width:55%!important;max-width:none!important;height:100%!important;aspect-ratio:auto!important}.game-mode .map-view-scroll .map-side-panel{flex:.75!important;width:45%!important;overflow-y:auto!important;height:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important}.game-mode .castle-defense-playground{flex-direction:column!important;overflow:hidden!important;flex:1!important;height:100%!important}.game-mode .castle-defense-playground>.game-visual-panel{width:100%!important;flex:0 0 auto!important;max-height:42dvh!important;background:transparent!important;border-right:none!important;border-bottom:2px solid var(--border-soft)!important;padding:8px 12px 0!important;height:auto!important;overflow:hidden!important;display:block!important}.game-mode .castle-defense-playground>.game-controls-panel{width:100%!important;flex:1!important;min-height:0!important;height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px 10px!important;display:grid!important;grid-template-columns:1.1fr 1.9fr!important;grid-auto-rows:min-content!important;gap:6px!important;align-content:start!important}.game-mode .castle-defense-playground .game-team-status-container{grid-column:1 / 2!important;grid-row:1!important;margin:0!important}.game-mode .castle-defense-playground .game-team-status-container h4{margin-bottom:4px!important;font-size:.75rem!important}.game-mode .castle-defense-playground .game-team-status-container>div{grid-template-columns:1fr!important;gap:6px!important}.game-mode .castle-defense-playground .game-cards-dock{grid-column:2 / 3!important;grid-row:1!important;margin:0!important}.game-mode .castle-defense-playground .game-question-card,.game-mode .castle-defense-playground .game-resolved-card{grid-column:span 2!important;grid-row:2!important}.game-mode .castle-defense-playground .game-mana-bar-wrap{grid-column:span 2!important;grid-row:3!important}.game-mode .castle-defense-playground .defense-battlefield-container{background:linear-gradient(to bottom,#1c0a00d9,#2d1a0ef2),repeating-linear-gradient(45deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 10px)!important;border:1.5px solid var(--border-soft)!important;box-shadow:inset 0 0 20px #0009,0 4px 15px #0000004d!important;border-radius:16px!important;padding:8px 12px!important;height:auto!important;min-height:0!important;max-height:none!important;gap:8px!important}.game-mode .castle-defense-playground .defense-castle-visual-wrap{max-width:80px!important}.game-mode .castle-defense-playground .defense-castle-pedestal{padding:6px 8px!important}.game-mode .castle-defense-playground .defense-castle-pedestal+div{font-size:1rem!important}.game-option-btn{height:auto!important;min-height:32px!important;padding:8px 12px!important;font-size:.8rem!important}.game-question-text{font-size:.85rem!important;line-height:1.3!important}.game-cards-dock{padding:2px!important}.game-card-btn{padding:4px 6px!important}}.rpg-canvas-container{flex-shrink:0;display:flex;align-items:stretch;background:#0d0600;border-radius:16px;border:2px solid rgba(212,168,67,.35);overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 0 40px #0000004d;image-rendering:pixelated;image-rendering:crisp-edges}.rpg-canvas-container canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.rpg-split-layout{display:flex;gap:14px;align-items:flex-start}.map-side-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.rpg-player-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:12px;font-size:.78rem;font-weight:700;color:var(--espresso);box-shadow:var(--shadow-sm)}.game-question-card{background:var(--surface)!important;border:2px solid var(--border-soft)!important;border-radius:16px!important;box-shadow:var(--shadow-md)!important}html.dark .game-question-card{border-color:#d4a84333!important;background:var(--surface)!important}.game-option-btn{width:100%;text-align:left;cursor:pointer;border-radius:10px!important;font-family:var(--font-main)!important;font-weight:700!important;font-size:.82rem!important;transition:all .15s ease!important;touch-action:manipulation}.game-option-btn:hover:not(:disabled){border-color:var(--gold)!important;background:#d4a84314!important;transform:translate(2px)}.game-option-btn:active:not(:disabled){transform:scale(.98)}.dungeon-header-bar{background:linear-gradient(135deg,#1c0a00,#2d1a0e);border-bottom:2px solid var(--gold);box-shadow:0 4px 20px #0006}.rpg-inventory-card{background:var(--surface);border:1.5px solid var(--border-soft);border-radius:14px;padding:12px;box-shadow:var(--shadow-sm)}html.dark .rpg-inventory-card{border-color:#d4a84326}.rpg-item-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#d4a84314;border:1.5px solid rgba(212,168,67,.2);border-radius:8px;font-size:.72rem;font-weight:700;color:var(--espresso)}.rpg-item-chip .count{background:var(--gold);color:var(--espresso);border-radius:999px;padding:1px 6px;font-size:.65rem;font-weight:900}.rpg-canvas-container{width:100%;min-height:240px}.rpg-canvas-mobile-wrapper .rpg-canvas-container{height:min(380px,48dvh)!important;max-height:48dvh!important;min-height:0!important}.home-section-group{display:flex;flex-direction:column;gap:16px;margin-top:8px}.home-section-title{font-size:1.15rem;font-weight:800;color:var(--espresso);margin-bottom:4px}.interactive-banner{transition:transform var(--transition-spring),box-shadow var(--transition-normal);cursor:pointer}.interactive-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.interactive-banner:active{transform:scale(.98)}@media (max-width: 768px){.input,input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,1rem)!important}}html.game-mode,body.game-mode{overscroll-behavior:none;overscroll-behavior-y:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-fade-up,.animate-scale-in,.animate-slide-up,.animate-bounce,.animate-pulse,.animate-spin,.animate-glow{animation:none!important;opacity:1!important;transform:none!important}}@media print{.bottom-nav,.page-header button,.btn-back,.btn-ghost,.btn-outline,#pwa-install-banner{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt}.card{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid;break-inside:avoid}.page-with-nav{padding-bottom:0!important}h1,h2,h3{color:#000!important}}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.admin-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-user-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.admin-user-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.admin-user-grid{grid-template-columns:repeat(3,1fr)}}.classroom-container{height:100dvh;background:var(--cream);display:flex;flex-direction:column;overflow:hidden}.classroom-body{flex:1;display:flex;overflow:hidden;min-height:0}.classroom-body.no-reading{flex-direction:column}.classroom-body.with-reading{flex-direction:row}.classroom-left-panel{flex:1;background:var(--white);border-right:1.5px solid var(--border-soft);padding:20px;font-size:.95rem;line-height:1.7;color:var(--text-primary);overflow-y:auto;min-height:0}.classroom-right-panel{flex:1.5;display:flex;flex-direction:column;padding:20px 20px 8px;gap:16px;overflow-y:auto;min-height:0}.classroom-body.no-reading .classroom-right-panel{flex:1}@media (max-width: 767px){.classroom-body.with-reading{flex-direction:column}.classroom-left-panel{border-right:none;border-bottom:1.5px solid var(--border-soft);flex:1}.classroom-right-panel{flex:1.5}}.classroom-card-hover{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease!important}.classroom-card-hover:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 10px 24px #d4a84326,0 4px 10px #2c1a0e0a!important;border-color:var(--gold-light)!important}.classroom-card-hover:hover .classroom-open-btn{transform:translate(4px);color:var(--gold-dark)!important}.classroom-open-btn{transition:transform .2s ease,color .2s ease}.pulse-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--error, #D9534F);margin-right:5px;vertical-align:middle;animation:live-pulse-grow 1.6s infinite ease-in-out}@keyframes live-pulse-grow{0%{transform:scale(.85);opacity:.5;box-shadow:0 0 #d9534fb3}70%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 6px #d9534f00}to{transform:scale(.85);opacity:.5;box-shadow:0 0 #d9534f00}}.shimmer-element{background:linear-gradient(90deg,var(--border-soft) 25%,rgba(212,168,67,.08) 50%,var(--border-soft) 75%);background-size:200% 100%;animation:shimmer-swipe 1.5s infinite linear;border-radius:8px}@keyframes shimmer-swipe{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes aura-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes badge-pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}65%{transform:scale(1.25) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes badge-glow{0%,to{filter:drop-shadow(0 0 4px rgba(212,168,67,.3))}50%{filter:drop-shadow(0 0 12px rgba(212,168,67,.7))}}@keyframes pulse-urgent{0%,to{box-shadow:0 0 #c0392b00}50%{box-shadow:0 0 0 6px #c0392b33}}.badge-new-pop{animation:badge-pop .6s cubic-bezier(.34,1.56,.64,1) both}.badge-earned-glow{animation:badge-glow 2.8s ease-in-out infinite}.deadline-urgent{animation:pulse-urgent 1.8s ease-in-out infinite}