:root{--edu-purple: #8B5CF6;--edu-violet: #A855F7;--edu-blue: #3B82F6;--edu-cyan: #06B6D4;--edu-teal: #14B8A6;--edu-green: #22C55E;--edu-yellow: #EAB308;--edu-amber: #F59E0B;--edu-orange: #F97316;--edu-pink: #EC4899;--edu-red: #EF4444;--edu-coral: #FF6B6B;--edu-gradient-rainbow: linear-gradient(90deg, #8B5CF6, #3B82F6, #06B6D4, #14B8A6, #22C55E, #EAB308);--edu-gradient-purple: linear-gradient(135deg, #8B5CF6, #A855F7);--edu-gradient-blue: linear-gradient(135deg, #3B82F6, #06B6D4);--edu-gradient-green: linear-gradient(135deg, #22C55E, #14B8A6);--edu-gradient-sunset: linear-gradient(135deg, #EC4899, #F97316);--edu-gradient-neon: linear-gradient(135deg, #8B5CF6, #06B6D4);--edu-gradient-ember: linear-gradient(135deg, #F97316, #EF4444);--edu-world-reading: #3B82F6;--edu-world-audio: #F59E0B;--edu-world-visual: #A855F7;--edu-world-mission: #EC4899;--edu-world-game: #22C55E;--edu-world-quiz: #EF4444;--edu-success: #22C55E;--edu-warning: #F59E0B;--edu-error: #EF4444;--edu-info: #3B82F6;--edu-bg: #0a0a0f;--edu-bg-elevated: #12121a;--edu-bg-surface: #1a1a25;--edu-bg-overlay: rgba(10, 10, 15, .85);--edu-text: #ffffff;--edu-text-secondary: rgba(255, 255, 255, .7);--edu-text-tertiary: rgba(255, 255, 255, .45);--edu-text-muted: rgba(255, 255, 255, .25);--edu-border: rgba(139, 92, 246, .2);--edu-border-subtle: rgba(255, 255, 255, .06);--edu-border-strong: rgba(139, 92, 246, .4);--edu-space-0: 0px;--edu-space-1: 4px;--edu-space-2: 8px;--edu-space-3: 12px;--edu-space-4: 16px;--edu-space-5: 20px;--edu-space-6: 24px;--edu-space-8: 32px;--edu-space-10: 40px;--edu-space-12: 48px;--edu-space-16: 64px;--edu-space-20: 80px;--edu-space-24: 96px;--edu-font-body: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--edu-font-display: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--edu-font-tech: "Pixle Font", "Poppins", system-ui, sans-serif;--edu-font-mono: "JetBrains Mono", "Fira Code", monospace;--edu-text-2xs: .625rem;--edu-text-xs: .75rem;--edu-text-sm: .875rem;--edu-text-base: 1rem;--edu-text-lg: 1.125rem;--edu-text-xl: 1.25rem;--edu-text-2xl: 1.5rem;--edu-text-3xl: 1.875rem;--edu-text-4xl: 2.25rem;--edu-text-5xl: 3rem;--edu-weight-normal: 400;--edu-weight-medium: 500;--edu-weight-semibold: 600;--edu-weight-bold: 700;--edu-weight-extrabold: 800;--edu-weight-black: 900;--edu-leading-none: 1;--edu-leading-tight: 1.2;--edu-leading-snug: 1.375;--edu-leading-normal: 1.5;--edu-leading-relaxed: 1.625;--edu-leading-loose: 2;--edu-tracking-tighter: -.05em;--edu-tracking-tight: -.025em;--edu-tracking-normal: 0em;--edu-tracking-wide: .025em;--edu-tracking-wider: .05em;--edu-tracking-widest: .1em;--edu-radius-none: 0px;--edu-radius-sm: 6px;--edu-radius-md: 10px;--edu-radius-lg: 14px;--edu-radius-xl: 20px;--edu-radius-2xl: 28px;--edu-radius-3xl: 36px;--edu-radius-full: 9999px;--edu-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--edu-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--edu-shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--edu-shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--edu-shadow-xl: 0 16px 32px rgba(0, 0, 0, .35);--edu-shadow-2xl: 0 24px 48px rgba(0, 0, 0, .4);--edu-shadow-glow-purple: 0 0 20px rgba(139, 92, 246, .3);--edu-shadow-glow-cyan: 0 0 20px rgba(6, 182, 212, .3);--edu-shadow-glow-green: 0 0 20px rgba(34, 197, 94, .3);--edu-shadow-glow-red: 0 0 20px rgba(239, 68, 68, .3);--edu-shadow-glow-amber: 0 0 20px rgba(245, 158, 11, .3);--edu-elevation-0: none;--edu-elevation-1: var(--edu-shadow-xs);--edu-elevation-2: var(--edu-shadow-sm);--edu-elevation-3: var(--edu-shadow-md);--edu-elevation-4: var(--edu-shadow-lg);--edu-elevation-5: var(--edu-shadow-xl);--edu-duration-fast: .1s;--edu-duration-base: .2s;--edu-duration-slow: .35s;--edu-duration-slower: .5s;--edu-ease-default: cubic-bezier(.4, 0, .2, 1);--edu-ease-in: cubic-bezier(.4, 0, 1, 1);--edu-ease-out: cubic-bezier(0, 0, .2, 1);--edu-ease-in-out: cubic-bezier(.4, 0, .2, 1);--edu-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--edu-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--edu-z-base: 0;--edu-z-elevated: 10;--edu-z-dropdown: 100;--edu-z-sticky: 200;--edu-z-overlay: 300;--edu-z-modal: 400;--edu-z-popover: 500;--edu-z-toast: 600;--edu-z-tooltip: 700;--edu-bp-sm: 480px;--edu-bp-md: 768px;--edu-bp-lg: 1024px;--edu-bp-xl: 1280px;--edu-bp-2xl: 1536px;--edu-grid-columns: 12;--edu-grid-gutter: var(--edu-space-6);--edu-container-max: 1280px;--edu-container-padding: var(--edu-space-6);--edu-glass-bg: rgba(18, 18, 26, .7);--edu-glass-blur: 16px;--edu-glass-border: rgba(255, 255, 255, .08);--edu-glass-shadow: 0 18px 45px rgba(0, 0, 0, .3)}[data-theme=dark]{color-scheme:dark}[data-theme=light]{--edu-bg: #f8f9fc;--edu-bg-elevated: #ffffff;--edu-bg-surface: #f1f5f9;--edu-bg-overlay: rgba(248, 249, 252, .85);--edu-text: #0f172a;--edu-text-secondary: #475569;--edu-text-tertiary: #94a3b8;--edu-text-muted: #cbd5e1;--edu-border: rgba(139, 92, 246, .2);--edu-border-subtle: rgba(0, 0, 0, .06);--edu-border-strong: rgba(139, 92, 246, .4);--edu-glass-bg: rgba(255, 255, 255, .7);--edu-glass-border: rgba(0, 0, 0, .08);--edu-glass-shadow: 0 18px 45px rgba(0, 0, 0, .08);--edu-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--edu-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--edu-shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--edu-shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--edu-shadow-xl: 0 16px 32px rgba(0, 0, 0, .12);color-scheme:light}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes eduFadeIn{0%{opacity:0}to{opacity:1}}@keyframes eduSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes eduSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes eduSlideLeft{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes eduSlideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes eduScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes eduScaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes eduCorrectPulse{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 8px #22c55e26}}@keyframes eduWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes eduComboFire{0%,to{text-shadow:0 0 8px var(--edu-amber)}50%{text-shadow:0 0 16px var(--edu-amber),0 0 24px var(--edu-orange)}}@keyframes eduConfettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes eduXpFly{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-24px) scale(1.15)}to{transform:translateY(-48px) scale(.85);opacity:0}}@keyframes eduBadgeUnlock{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes eduGlowPulse{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 16px currentColor,0 0 24px currentColor}}@keyframes eduSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eduPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes eduBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eduFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 12px rgba(139,92,246,.2))}50%{transform:translateY(-5px);filter:drop-shadow(0 0 20px rgba(6,182,212,.25))}}@keyframes eduShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes eduRipple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.edu-fade-in{animation:eduFadeIn var(--edu-duration-base) var(--edu-ease-out)}.edu-slide-up{animation:eduSlideUp var(--edu-duration-base) var(--edu-ease-out)}.edu-slide-down{animation:eduSlideDown var(--edu-duration-base) var(--edu-ease-out)}.edu-slide-left{animation:eduSlideLeft var(--edu-duration-base) var(--edu-ease-out)}.edu-slide-right{animation:eduSlideRight var(--edu-duration-base) var(--edu-ease-out)}.edu-scale-in{animation:eduScaleIn var(--edu-duration-slow) var(--edu-ease-spring)}.edu-scale-up{animation:eduScaleUp var(--edu-duration-slow) var(--edu-ease-spring)}.edu-correct-pulse{animation:eduCorrectPulse .5s ease}.edu-wrong-shake{animation:eduWrongShake .4s ease}.edu-combo-fire{animation:eduComboFire 1s ease-in-out infinite}.edu-glow-pulse{animation:eduGlowPulse 2s ease-in-out infinite}.edu-spin{animation:eduSpin .65s linear infinite}.edu-pulse{animation:eduPulse 2s ease-in-out infinite}.edu-bounce{animation:eduBounce 1s ease-in-out infinite}.edu-float{animation:eduFloat 3s ease-in-out infinite}.edu-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);background-size:200% 100%;animation:eduShimmer 1.5s linear infinite}.edu-delay-0{animation-delay:0ms}.edu-delay-1{animation-delay:50ms}.edu-delay-2{animation-delay:.1s}.edu-delay-3{animation-delay:.15s}.edu-delay-4{animation-delay:.2s}.edu-delay-5{animation-delay:.25s}.edu-delay-6{animation-delay:.3s}.edu-delay-7{animation-delay:.35s}.edu-delay-8{animation-delay:.4s}.edu-skeleton{background:linear-gradient(90deg,var(--edu-bg-surface) 25%,var(--edu-bg-elevated) 50%,var(--edu-bg-surface) 75%);background-size:200% 100%;animation:eduShimmer 1.5s linear infinite;border-radius:var(--edu-radius-md)}.edu-skeleton-text{height:14px;margin-bottom:8px}.edu-skeleton-title{height:24px;width:60%;margin-bottom:12px}.edu-skeleton-circle{border-radius:var(--edu-radius-full)}.edu-route-transition{animation:eduFadeIn .2s ease}.edu-btn-hover{transition:transform .15s ease,box-shadow .15s ease}.edu-btn-hover:hover{transform:translateY(-1px)}.edu-btn-hover:active{transform:translateY(0) scale(.98)}.edu-card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.edu-card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}@keyframes eduSuccessPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.edu-success-pulse{animation:eduSuccessPulse .6s ease}@keyframes eduXpFlyUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.2)}}.edu-xp-fly{animation:eduXpFlyUp 1s ease forwards;pointer-events:none}@keyframes eduBadgeUnlock{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.edu-badge-unlock{animation:eduBadgeUnlock .5s cubic-bezier(.34,1.56,.64,1)}@keyframes eduStreakGlow{0%,to{text-shadow:0 0 8px rgba(249,115,22,.5)}50%{text-shadow:0 0 16px rgba(249,115,22,.8)}}.edu-streak-glow{animation:eduStreakGlow 2s ease infinite}@keyframes eduLevelUp{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.edu-level-up{animation:eduLevelUp .4s cubic-bezier(.34,1.56,.64,1)}.edu-focus-ring:focus-visible{outline:2px solid var(--edu-color-primary, #8B5CF6);outline-offset:2px}@media(hover:none){.edu-touch-feedback:active{opacity:.7;transform:scale(.97)}}.edu-transition-all{transition:all .2s ease}@media(prefers-reduced-motion:reduce){.edu-btn-hover,.edu-card-hover,.edu-success-pulse,.edu-xp-fly,.edu-badge-unlock,.edu-streak-glow,.edu-level-up,.edu-touch-feedback,.edu-transition-all{animation:none!important;transition:none!important;transform:none!important}}.edu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--edu-space-2);padding:var(--edu-space-3) var(--edu-space-5);border:1.5px solid transparent;border-radius:var(--edu-radius-lg);font-family:var(--edu-font-body);font-size:var(--edu-text-sm);font-weight:var(--edu-weight-bold);letter-spacing:var(--edu-tracking-wide);cursor:pointer;transition:all var(--edu-duration-base) var(--edu-ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.edu-btn:focus-visible{outline:2px solid var(--edu-purple);outline-offset:2px}.edu-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.edu-btn--primary{background:var(--edu-gradient-purple);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.edu-btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.edu-btn--secondary{background:var(--edu-bg-surface);color:var(--edu-text);border-color:var(--edu-border)}.edu-btn--secondary:hover{background:var(--edu-bg-elevated);border-color:var(--edu-border-strong)}.edu-btn--ghost{background:transparent;color:var(--edu-text-secondary)}.edu-btn--ghost:hover{background:var(--edu-bg-surface);color:var(--edu-text)}.edu-btn--success{background:var(--edu-green);color:#fff;box-shadow:0 4px 12px #22c55e4d}.edu-btn--danger{background:var(--edu-red);color:#fff;box-shadow:0 4px 12px #ef44444d}.edu-btn--warning{background:var(--edu-amber);color:#000}.edu-btn--sm{padding:var(--edu-space-2) var(--edu-space-3);font-size:var(--edu-text-xs);border-radius:var(--edu-radius-md)}.edu-btn--lg{padding:var(--edu-space-4) var(--edu-space-8);font-size:var(--edu-text-base);border-radius:var(--edu-radius-xl)}.edu-btn--full{width:100%}.edu-card{position:relative;overflow:hidden;background:var(--edu-bg-elevated);border:1.5px solid var(--edu-border-subtle);border-radius:var(--edu-radius-xl);transition:all var(--edu-duration-base) var(--edu-ease-default)}.edu-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--edu-card-color, var(--edu-purple)) 12%,transparent),transparent 50%);opacity:0;transition:opacity var(--edu-duration-base)}.edu-card:hover:before{opacity:1}.edu-card--elevated{background:var(--edu-bg-surface);box-shadow:var(--edu-shadow-lg)}.edu-card--glass{background:var(--edu-glass-bg);-webkit-backdrop-filter:blur(var(--edu-glass-blur));backdrop-filter:blur(var(--edu-glass-blur));border-color:var(--edu-glass-border);box-shadow:var(--edu-glass-shadow)}.edu-card--glow{border-color:color-mix(in srgb,var(--edu-card-color, var(--edu-purple)) 30%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--edu-card-color, var(--edu-purple)) 12%,transparent)}.edu-card--clickable{cursor:pointer}.edu-card--clickable:hover{transform:translateY(-2px);border-color:var(--edu-card-color, var(--edu-purple));box-shadow:0 12px 28px #0003,0 0 20px color-mix(in srgb,var(--edu-card-color, var(--edu-purple)) 15%,transparent)}.edu-card--clickable:active{transform:translateY(0)}.edu-card--none{padding:0}.edu-card--sm{padding:var(--edu-space-3)}.edu-card--md{padding:var(--edu-space-5)}.edu-card--lg{padding:var(--edu-space-8)}.edu-input{width:100%;padding:var(--edu-space-3) var(--edu-space-4);background:var(--edu-bg-surface);border:1.5px solid var(--edu-border);border-radius:var(--edu-radius-lg);color:var(--edu-text);font-family:var(--edu-font-body);font-size:var(--edu-text-sm);font-weight:var(--edu-weight-medium);transition:all var(--edu-duration-base) var(--edu-ease-default)}.edu-input::placeholder{color:var(--edu-text-muted)}.edu-input:focus{outline:none;border-color:var(--edu-purple);box-shadow:0 0 0 3px #8b5cf626}.edu-input:disabled{opacity:.5;cursor:not-allowed}.edu-input--error{border-color:var(--edu-red)}.edu-input--error:focus{box-shadow:0 0 0 3px #ef444426}.edu-textarea{width:100%;padding:var(--edu-space-3) var(--edu-space-4);background:var(--edu-bg-surface);border:1.5px solid var(--edu-border);border-radius:var(--edu-radius-lg);color:var(--edu-text);font-family:var(--edu-font-body);font-size:var(--edu-text-sm);font-weight:var(--edu-weight-medium);resize:vertical;min-height:80px;transition:all var(--edu-duration-base) var(--edu-ease-default)}.edu-textarea:focus{outline:none;border-color:var(--edu-purple);box-shadow:0 0 0 3px #8b5cf626}.edu-badge{display:inline-flex;align-items:center;gap:var(--edu-space-1);padding:var(--edu-space-1) var(--edu-space-3);border-radius:var(--edu-radius-full);font-family:var(--edu-font-body);font-size:var(--edu-text-xs);font-weight:var(--edu-weight-bold);letter-spacing:var(--edu-tracking-wide);white-space:nowrap}.edu-badge--purple{background:#8b5cf626;color:var(--edu-purple);border:1px solid rgba(139,92,246,.3)}.edu-badge--blue{background:#3b82f626;color:var(--edu-blue);border:1px solid rgba(59,130,246,.3)}.edu-badge--cyan{background:#06b6d426;color:var(--edu-cyan);border:1px solid rgba(6,182,212,.3)}.edu-badge--green{background:#22c55e26;color:var(--edu-green);border:1px solid rgba(34,197,94,.3)}.edu-badge--amber{background:#f59e0b26;color:var(--edu-amber);border:1px solid rgba(245,158,11,.3)}.edu-badge--red{background:#ef444426;color:var(--edu-red);border:1px solid rgba(239,68,68,.3)}.edu-badge--pink{background:#ec489926;color:var(--edu-pink);border:1px solid rgba(236,72,153,.3)}.edu-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.edu-progress-ring svg{transform:rotate(-90deg)}.edu-progress-ring__track{fill:none;stroke:#ffffff14}.edu-progress-ring__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.edu-progress-ring__label{position:absolute;font-family:var(--edu-font-body);font-weight:var(--edu-weight-black);color:var(--edu-text)}.edu-progress-bar{width:100%;height:6px;background:var(--edu-bg-surface);border-radius:var(--edu-radius-full);overflow:hidden}.edu-progress-bar__fill{height:100%;border-radius:var(--edu-radius-full);transition:width .4s var(--edu-ease-default);background:var(--edu-gradient-purple)}.edu-tabs{display:flex;gap:3px;padding:3px;background:var(--edu-bg-surface);border:1px solid var(--edu-border-subtle);border-radius:var(--edu-radius-lg);width:fit-content}.edu-tab{padding:var(--edu-space-2) var(--edu-space-4);border:1px solid transparent;border-radius:var(--edu-radius-md);background:transparent;color:var(--edu-text-tertiary);font-family:var(--edu-font-body);font-size:var(--edu-text-sm);font-weight:var(--edu-weight-medium);cursor:pointer;transition:all var(--edu-duration-base) var(--edu-ease-default)}.edu-tab:hover{color:var(--edu-text)}.edu-tab--active{background:var(--edu-bg-elevated);border-color:var(--edu-border);color:var(--edu-text);font-weight:var(--edu-weight-bold)}.edu-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:var(--edu-z-modal);padding:var(--edu-space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:eduFadeIn var(--edu-duration-base) var(--edu-ease-out)}.edu-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--edu-bg-elevated);border:1px solid var(--edu-border);border-radius:var(--edu-radius-2xl);box-shadow:var(--edu-shadow-2xl);animation:eduScaleIn var(--edu-duration-slow) var(--edu-ease-spring)}.edu-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--edu-space-5) var(--edu-space-6);border-bottom:1px solid var(--edu-border-subtle)}.edu-modal__title{font-family:var(--edu-font-display);font-size:var(--edu-text-lg);font-weight:var(--edu-weight-bold)}.edu-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--edu-radius-md);background:transparent;color:var(--edu-text-tertiary);cursor:pointer;transition:all var(--edu-duration-fast)}.edu-modal__close:hover{background:var(--edu-bg-surface);color:var(--edu-text)}.edu-modal__body{padding:var(--edu-space-6)}.edu-toast{position:fixed;bottom:var(--edu-space-6);right:var(--edu-space-6);padding:var(--edu-space-4) var(--edu-space-6);background:var(--edu-bg-elevated);border:1px solid var(--edu-border);border-radius:var(--edu-radius-xl);box-shadow:var(--edu-shadow-xl);z-index:var(--edu-z-toast);animation:eduSlideUp var(--edu-duration-slow) var(--edu-ease-spring);max-width:360px}.edu-toast--success{border-color:var(--edu-green)}.edu-toast--error{border-color:var(--edu-red)}.edu-toast--warning{border-color:var(--edu-amber)}.edu-toast--info{border-color:var(--edu-blue)}.edu-tooltip{position:relative}.edu-tooltip__content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--edu-space-2) var(--edu-space-3);background:var(--edu-bg-elevated);border:1px solid var(--edu-border);border-radius:var(--edu-radius-md);font-size:var(--edu-text-xs);color:var(--edu-text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--edu-duration-fast);z-index:var(--edu-z-tooltip)}.edu-tooltip:hover .edu-tooltip__content{opacity:1}.edu-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--edu-border);border-top-color:var(--edu-purple);border-radius:var(--edu-radius-full);animation:eduSpin .65s linear infinite}.edu-spinner--sm{width:16px;height:16px;border-width:2px}.edu-spinner--lg{width:40px;height:40px;border-width:4px}.edu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--edu-space-16) var(--edu-space-6);text-align:center}.edu-empty__icon{font-size:48px;margin-bottom:var(--edu-space-4)}.edu-empty__title{font-family:var(--edu-font-display);font-size:var(--edu-text-lg);font-weight:var(--edu-weight-bold);margin-bottom:var(--edu-space-2)}.edu-empty__desc{color:var(--edu-text-tertiary);font-size:var(--edu-text-sm);max-width:280px;margin-bottom:var(--edu-space-6)}.edu-stat{display:flex;flex-direction:column;gap:var(--edu-space-2)}.edu-stat__label{font-size:var(--edu-text-xs);font-weight:var(--edu-weight-bold);color:var(--edu-text-tertiary);text-transform:uppercase;letter-spacing:var(--edu-tracking-wider)}.edu-stat__value{font-family:var(--edu-font-display);font-size:var(--edu-text-3xl);font-weight:var(--edu-weight-black);line-height:var(--edu-leading-none)}.edu-stat__sub{font-size:var(--edu-text-xs);color:var(--edu-text-tertiary)}.edu-hidden{display:none!important}.edu-block{display:block!important}.edu-flex{display:flex!important}.edu-grid{display:grid!important}@media(max-width:768px){.edu-hidden-md{display:none!important}.edu-container{padding:var(--edu-space-4)}}@media(max-width:480px){.edu-hidden-sm{display:none!important}.edu-container{padding:var(--edu-space-3)}.edu-btn{min-height:44px;padding:var(--edu-space-3) var(--edu-space-4)}.edu-card-clickable{min-height:44px}.edu-scroll-y{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}.edu-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.edu-focus-visible:focus-visible{outline:2px solid var(--edu-purple);outline-offset:2px}.edu-skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--edu-purple);color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;z-index:10000;font-weight:600;text-decoration:none;transition:top .2s ease}.edu-skip-link:focus{top:0}.edu-focus-trap{outline:none}@media(forced-colors:active){.edu-focus-visible:focus-visible{outline:2px solid LinkText}.edu-btn{border:1px solid ButtonText}}@media(pointer:coarse){.edu-touch-target{min-width:44px;min-height:44px}}.tc-mission-draft{opacity:.7;border:1px dashed var(--edu-gold, #f59e0b)!important}.tc-mission-draft:hover{opacity:1}.world-transition-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;display:flex;align-items:center;justify-content:center}.world-transition-overlay:before,.world-transition-overlay:after{content:"";position:absolute;width:200vmax;height:200vmax;border-radius:50%;animation:worldTransitionBurst .8s cubic-bezier(.16,1,.3,1) forwards}.world-transition-overlay:before{background:radial-gradient(circle,var(--world-color, #8B5CF6) 0%,transparent 70%);opacity:.3}.world-transition-overlay:after{background:radial-gradient(circle,var(--world-color-secondary, #06B6D4) 0%,transparent 60%);opacity:.2;animation-delay:.1s}@keyframes worldTransitionBurst{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:0}}.world-transition-icon{position:relative;z-index:2;font-size:64px;animation:worldTransitionIcon .6s cubic-bezier(.34,1.56,.64,1) .1s both;filter:drop-shadow(0 0 30px var(--world-color, #8B5CF6))}@keyframes worldTransitionIcon{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.world-particles{position:absolute;inset:0;overflow:hidden}.world-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--world-color, #8B5CF6);animation:worldParticleFly 1s cubic-bezier(.16,1,.3,1) forwards}.world-particle:nth-child(1){--tx: -120px;--ty: -80px;animation-delay:.05s}.world-particle:nth-child(2){--tx: 100px;--ty: -100px;animation-delay:.1s}.world-particle:nth-child(3){--tx: -80px;--ty: 100px;animation-delay:.15s}.world-particle:nth-child(4){--tx: 120px;--ty: 60px;animation-delay:.2s}.world-particle:nth-child(5){--tx: -60px;--ty: -120px;animation-delay:.25s}.world-particle:nth-child(6){--tx: 80px;--ty: 120px;animation-delay:.3s}.world-particle:nth-child(7){--tx: -100px;--ty: 40px;animation-delay:.35s}.world-particle:nth-child(8){--tx: 60px;--ty: -60px;animation-delay:.4s}@keyframes worldParticleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.world-transition-name{position:absolute;bottom:20%;left:50%;transform:translate(-50%);font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 20px var(--world-color, #8B5CF6);animation:worldTransitionName .5s ease .3s both;white-space:nowrap}@keyframes worldTransitionName{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.world-transition-overlay[data-world=lector]{--world-color: #3B82F6;--world-color-secondary: #06B6D4}.world-transition-overlay[data-world=auditivo]{--world-color: #F59E0B;--world-color-secondary: #F97316}.world-transition-overlay[data-world=visual]{--world-color: #A855F7;--world-color-secondary: #EC4899}.world-transition-overlay[data-world=practica]{--world-color: #EC4899;--world-color-secondary: #8B5CF6}.world-transition-overlay[data-world=juegos]{--world-color: #22C55E;--world-color-secondary: #14B8A6}.world-transition-overlay[data-world=quiz]{--world-color: #EF4444;--world-color-secondary: #F97316}@media(prefers-reduced-motion:reduce){.world-transition-overlay:before,.world-transition-overlay:after,.world-transition-icon,.world-particle,.world-transition-name{animation:none!important;opacity:0!important}.world-transition-overlay{display:none}}.celebration-confetti{position:fixed;inset:0;pointer-events:none;z-index:10000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 2s cubic-bezier(.16,1,.3,1) forwards}.confetti-piece:nth-child(1){left:10%;background:#8b5cf6;animation-delay:0s}.confetti-piece:nth-child(2){left:20%;background:#3b82f6;animation-delay:.05s}.confetti-piece:nth-child(3){left:30%;background:#06b6d4;animation-delay:.1s}.confetti-piece:nth-child(4){left:40%;background:#22c55e;animation-delay:.15s}.confetti-piece:nth-child(5){left:50%;background:#eab308;animation-delay:.2s}.confetti-piece:nth-child(6){left:60%;background:#f59e0b;animation-delay:.25s}.confetti-piece:nth-child(7){left:70%;background:#f97316;animation-delay:.3s}.confetti-piece:nth-child(8){left:80%;background:#ef4444;animation-delay:.35s}.confetti-piece:nth-child(9){left:90%;background:#ec4899;animation-delay:.4s}.confetti-piece:nth-child(10){left:15%;background:#a855f7;animation-delay:.45s}.confetti-piece:nth-child(11){left:25%;background:#14b8a6;animation-delay:.5s}.confetti-piece:nth-child(12){left:35%;background:#f43f5e;animation-delay:.55s}.confetti-piece:nth-child(13){left:45%;background:#8b5cf6;animation-delay:.6s}.confetti-piece:nth-child(14){left:55%;background:#3b82f6;animation-delay:.65s}.confetti-piece:nth-child(15){left:65%;background:#22c55e;animation-delay:.7s}.confetti-piece:nth-child(16){left:75%;background:#eab308;animation-delay:.75s}.confetti-piece:nth-child(17){left:85%;background:#f97316;animation-delay:.8s}.confetti-piece:nth-child(18){left:95%;background:#ef4444;animation-delay:.85s}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px;transform:rotate(45deg)}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.celebration-xp{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;animation:xpCelebrate 1.5s cubic-bezier(.16,1,.3,1) forwards}.celebration-xp-amount{font-size:48px;font-weight:900;color:#f59e0b;text-shadow:0 0 30px rgba(245,158,11,.5);animation:xpPulse .5s cubic-bezier(.34,1.56,.64,1) .2s both}.celebration-xp-label{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}@keyframes xpCelebrate{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}50%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}@keyframes xpPulse{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.celebration-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px;animation:badgeCelebrate 2s cubic-bezier(.16,1,.3,1) forwards}.celebration-badge-icon{font-size:80px;animation:badgeSpin .8s cubic-bezier(.34,1.56,.64,1) .2s both;filter:drop-shadow(0 0 40px rgba(245,158,11,.6))}.celebration-badge-title{font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);animation:badgeTextIn .5s ease .5s both}.celebration-badge-subtitle{font-size:14px;color:#ffffffb3;animation:badgeTextIn .5s ease .7s both}@keyframes badgeCelebrate{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}@keyframes badgeSpin{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes badgeTextIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.celebration-levelup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:16px;animation:levelupCelebrate 2.5s cubic-bezier(.16,1,.3,1) forwards}.celebration-levelup-ring{width:120px;height:120px;border-radius:50%;border:4px solid #F59E0B;display:flex;align-items:center;justify-content:center;animation:levelupRing .8s cubic-bezier(.34,1.56,.64,1) .2s both;box-shadow:0 0 60px #f59e0b66}.celebration-levelup-number{font-size:48px;font-weight:900;color:#f59e0b}.celebration-levelup-text{font-size:28px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);animation:badgeTextIn .5s ease .5s both}@keyframes levelupCelebrate{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}@keyframes levelupRing{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.celebration-streak{position:fixed;bottom:20%;left:50%;transform:translate(-50%);z-index:10001;pointer-events:none;display:flex;align-items:center;gap:12px;background:#000c;padding:12px 24px;border-radius:999px;border:1px solid rgba(249,115,22,.3);animation:streakCelebrate 2s ease forwards}.celebration-streak-fire{font-size:32px;animation:streakFire .5s cubic-bezier(.34,1.56,.64,1) .2s both}.celebration-streak-count{font-size:24px;font-weight:800;color:#f97316}.celebration-streak-label{font-size:14px;color:#ffffffb3}@keyframes streakCelebrate{0%{opacity:0;transform:translate(-50%) translateY(20px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}@keyframes streakFire{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.confetti-piece,.celebration-xp,.celebration-badge,.celebration-levelup,.celebration-streak{animation:none!important;opacity:0!important}.celebration-confetti,.celebration-xp,.celebration-badge,.celebration-levelup,.celebration-streak{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background:var(--edu-bg);color:var(--edu-text);font-family:var(--edu-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--edu-leading-normal);overflow-x:hidden;transition:background-color var(--edu-duration-slow) var(--edu-ease-default),color var(--edu-duration-slow) var(--edu-ease-default)}[data-theme=dark] body{background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.06),transparent 40%),radial-gradient(circle at 80% 10%,rgba(6,182,212,.04),transparent 35%),var(--edu-bg)}[data-theme=light] body{background:var(--edu-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--edu-font-display);font-weight:var(--edu-weight-black);letter-spacing:var(--edu-tracking-tight);line-height:var(--edu-leading-tight);color:var(--edu-text)}h1{font-size:clamp(1.75rem,4vw,3.6rem)}h2{font-size:clamp(1.35rem,2.6vw,2.35rem)}h3{font-size:clamp(1.1rem,1.8vw,1.55rem)}h4{font-size:clamp(.95rem,1.2vw,1.12rem)}p,li,td{color:var(--edu-text);line-height:var(--edu-leading-relaxed);font-weight:var(--edu-weight-medium)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--edu-font-body);color:inherit;outline:none}button{cursor:pointer;border:none;background:none}::selection{background:#8b5cf64d;color:var(--edu-text)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--edu-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--edu-purple)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--edu-purple)}:focus-visible{outline:2px solid var(--edu-purple);outline-offset:2px}.edu-glass{background:var(--edu-glass-bg);backdrop-filter:blur(var(--edu-glass-blur));-webkit-backdrop-filter:blur(var(--edu-glass-blur));border:1px solid var(--edu-glass-border);box-shadow:var(--edu-glass-shadow)}.edu-text-gradient{background:var(--edu-gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.edu-text-rainbow{background:var(--edu-gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edu-container{width:100%;max-width:var(--edu-container-max);margin:0 auto;padding:0 var(--edu-container-padding)}.edu-grid{display:grid;gap:var(--edu-grid-gutter)}.edu-grid--2{grid-template-columns:repeat(2,1fr)}.edu-grid--3{grid-template-columns:repeat(3,1fr)}.edu-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.edu-grid--2,.edu-grid--3,.edu-grid--4{grid-template-columns:1fr}}[data-theme=dark] body{background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.08),transparent 40%),radial-gradient(circle at 80% 10%,rgba(6,182,212,.06),transparent 35%),var(--edu-bg)}.edu-card{--edu-card-radius-xl: 28px;--edu-card-radius-lg: 22px;--edu-card-radius-md: 16px;--edu-card-radius-sm: 12px;--edu-card-shadow-lg: 0 28px 70px rgba(0,0,0,.38);--edu-card-shadow-md: 0 18px 50px rgba(0,0,0,.28);--edu-card-shadow-sm: 0 10px 30px rgba(0,0,0,.2);--edu-card-bg-base: rgba(15,23,42,.96);--edu-card-bg-deep: rgba(8,13,31,.92);--edu-card-bg-darker: rgba(2,6,23,.96);--edu-card-border-subtle: rgba(148,163,184,.12);--edu-card-border-mid: rgba(148,163,184,.14);--edu-card-glow-opacity: .08;--edu-card-transition: .2s ease}.edu-card{--card-color: var(--edu-accent, #8B5CF6);position:relative;overflow:hidden;border-radius:var(--edu-card-radius-xl);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--card-color) 20%,transparent),transparent 45%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--card-color) 10%,transparent),transparent 50%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--card-color) 6%,transparent),transparent 60%),linear-gradient(145deg,var(--edu-card-bg-base),var(--edu-card-bg-deep) 48%,var(--edu-card-bg-darker));border:1.5px solid color-mix(in srgb,var(--card-color) 30%,var(--edu-card-border-mid));box-shadow:var(--edu-card-shadow-lg),0 0 30px color-mix(in srgb,var(--card-color) var(--edu-card-glow-opacity),transparent),inset 0 0 0 1px #ffffff0a;transition:transform var(--edu-card-transition),border-color var(--edu-card-transition),box-shadow var(--edu-card-transition)}.edu-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,transparent 40%);pointer-events:none;z-index:0}.edu-card>*{position:relative;z-index:1}.edu-card--sm{border-radius:var(--edu-card-radius-md);padding:14px}.edu-card--hero{--edu-card-glow-opacity: .14;border-radius:var(--edu-card-radius-xl);border-color:color-mix(in srgb,var(--card-color) 45%,var(--edu-card-border-mid));box-shadow:var(--edu-card-shadow-lg),0 0 40px color-mix(in srgb,var(--card-color) .14,transparent),inset 0 0 0 1px #ffffff0f}.edu-card--minimal{border-radius:var(--edu-card-radius-md);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--card-color) 8%,transparent),transparent 50%),#ffffff0a;border:1px solid color-mix(in srgb,var(--card-color) 18%,rgba(255,255,255,.08));box-shadow:none;--edu-card-glow-opacity: 0}.edu-card--accent{--edu-card-glow-opacity: .12;border-color:color-mix(in srgb,var(--card-color) 50%,rgba(255,255,255,.12));box-shadow:var(--edu-card-shadow-md),0 0 24px color-mix(in srgb,var(--card-color) .12,transparent)}.edu-card--flat{background:var(--edu-card-bg-base);border:1px solid var(--edu-card-border-subtle);box-shadow:none;--edu-card-glow-opacity: 0}.edu-card--flat:before{display:none}.edu-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 50%,rgba(148,163,184,.2));box-shadow:var(--edu-card-shadow-lg),0 0 30px color-mix(in srgb,var(--card-color) .14,transparent)}.edu-card--minimal:hover{border-color:color-mix(in srgb,var(--card-color) 30%,rgba(255,255,255,.12));box-shadow:0 0 20px color-mix(in srgb,var(--card-color) .06,transparent)}.edu-card--flat:hover{border-color:color-mix(in srgb,var(--card-color) 25%,rgba(148,163,184,.15))}.edu-card.is-selected{border-color:var(--card-color);box-shadow:0 0 0 1px var(--card-color),var(--edu-card-shadow-lg),0 0 40px color-mix(in srgb,var(--card-color) .2,transparent)}.edu-card--click{cursor:pointer}.edu-card--click:active{transform:translateY(-1px) scale(.99)}.edu-summary-card{text-align:center;padding:14px 8px;border-radius:var(--edu-card-radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.edu-summary-card .edu-summary-icon{font-size:22px;display:block;margin-bottom:4px}.edu-summary-card strong{display:block;color:#fff;font-size:18px;font-weight:950}.edu-summary-card small{display:block;margin-top:1px;color:#ffffff73;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.edu-card--chameleon{--cham-pos: tr;--cham-x: 0;--cham-y: 0;--cham-rotate: 0deg;--cham-scale: .9;--cham-size: 64px}.edu-card--chameleon:after{content:"";position:absolute;width:var(--cham-size);height:var(--cham-size);background-image:var(--cham-pose, var(--chameleon-img, none));background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translate(var(--cham-x),var(--cham-y)) rotate(var(--cham-rotate)) scale(var(--cham-scale))}.edu-card--chameleon:hover:after,.edu-card--chameleon.is-visible:after{opacity:1}.edu-card--chameleon[data-cham-pos=tr]{--cham-x: 0;--cham-y: 0;--cham-rotate: -5deg;--cham-scale: .9;--cham-size: 64px}.edu-card--chameleon[data-cham-pos=tr]:after{top:-8px;right:-8px}.edu-card--chameleon[data-cham-pos=tl]{--cham-x: 0;--cham-y: 0;--cham-rotate: 5deg;--cham-scale: .9, -1;--cham-size: 64px}.edu-card--chameleon[data-cham-pos=tl]:after{top:-8px;left:-8px;transform:translate(var(--cham-x),var(--cham-y)) rotate(var(--cham-rotate)) scaleX(-1) scale(var(--cham-scale))}.edu-card--chameleon[data-cham-pos=br]{--cham-x: 0;--cham-y: 0;--cham-rotate: 10deg;--cham-scale: .85;--cham-size: 58px}.edu-card--chameleon[data-cham-pos=br]:after{bottom:-6px;right:-6px}.edu-card--chameleon[data-cham-pos=bl]{--cham-x: 0;--cham-y: 0;--cham-rotate: -10deg;--cham-scale: .85;--cham-size: 58px}.edu-card--chameleon[data-cham-pos=bl]:after{bottom:-6px;left:-6px;transform:translate(var(--cham-x),var(--cham-y)) rotate(var(--cham-rotate)) scaleX(-1) scale(var(--cham-scale))}.edu-card--chameleon[data-cham-pos=sr]{--cham-size: 50px}.edu-card--chameleon[data-cham-pos=sr]:after{top:50%;right:-12px;transform:translateY(-50%) rotate(-15deg) scale(.8)}.edu-card--chameleon[data-cham-pos=sl]{--cham-size: 50px}.edu-card--chameleon[data-cham-pos=sl]:after{top:50%;left:-12px;transform:translateY(-50%) scaleX(-1) rotate(-15deg) scale(.8)}.edu-card--chameleon:before{z-index:0}.edu-card--chameleon>*{z-index:1}.edu-card--chameleon{overflow:visible}@keyframes chameleonBreathe{0%,to{opacity:.7}50%{opacity:1}}.edu-card--chameleon.is-visible:after{animation:chameleonBreathe 3s ease-in-out infinite}.edu-card--chameleon-lg:after{width:80px!important;height:80px!important}.edu-card--chameleon-sm:after{width:40px!important;height:40px!important}