@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#1e3a5f;--primary-hover:#152843;--primary-light:#eff6ff;--accent:#2563eb;--accent-light:#dbeafe;--accent-orange:#f97316;--accent-orange-light:#ffedd5;--secondary:#10b981;--secondary-hover:#059669;--secondary-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--danger-hover:#dc2626;--warning:#f59e0b;--warning-light:#fef3c7;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--bg-main:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 2px 4px #0f172a08, 0 1px 2px #0f172a05;--shadow:0 8px 20px -4px #0f172a0d, 0 4px 8px -3px #0f172a08;--shadow-lg:0 16px 32px -6px #0f172a14, 0 8px 16px -4px #0f172a0a;--shadow-pill:0 4px 12px #0f172a14;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px}html{box-sizing:border-box;-webkit-text-size-adjust:100%;width:100%;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;justify-content:center;width:100%;max-width:100vw;min-height:100dvh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}#root{background-color:var(--bg-main);width:100%;max-width:580px;min-height:100dvh;padding-top:calc(env(safe-area-inset-top,0px) + 7px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box;flex-direction:column;margin:0 auto;transition:max-width .2s;display:flex;position:relative;overflow-x:hidden;box-shadow:0 20px 40px #0f172a0f}@media (width>=768px){#root{max-width:680px}}.teacher-layout{max-width:1400px!important}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.25}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #e2e8f0d9;padding:1.35rem;position:relative}.card-elevated{box-shadow:var(--shadow-lg);border:1px solid #e2e8f099}.btn{border-radius:var(--radius);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #1e3a5f40}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1.5px);box-shadow:0 6px 18px #1e3a5f52}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:#cbd5e1}.btn-pill{border-radius:var(--radius-full)}.input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-main);background-color:#fff;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb26}.icon-squircle{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s;display:flex}.icon-squircle-mint{color:#10b981;background-color:#ecfdf5}.icon-squircle-blue{color:#2563eb;background-color:#eff6ff}.icon-squircle-orange{color:#ea580c;background-color:#fff7ed}.icon-squircle-amber{color:#d97706;background-color:#fef3c7}.icon-squircle-purple{color:#7c3aed;background-color:#f5f3ff}.icon-squircle-rose{color:#e11d48;background-color:#ffe4e6}.study-screen{box-sizing:border-box;flex-direction:column;justify-content:flex-start;gap:.6rem;width:100%;max-width:600px;min-height:auto;margin:0 auto;padding:.75rem 1rem 1rem;display:flex;position:relative}.study-top-bar{flex-direction:column;flex-shrink:0;gap:.45rem;display:flex}.study-question-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #e2e8f0d9;flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.kahoot-stack{flex-direction:column;gap:.45rem;width:100%;display:flex}.kahoot-btn{border:2px solid var(--border);width:100%;min-height:48px;box-shadow:0 3px 0 var(--border);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:.65rem;padding:.55rem .85rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.kahoot-btn:active:not(:disabled){box-shadow:0 1px 0 var(--border);transform:translateY(2px)}.kahoot-btn-0{border-color:#fecaca;box-shadow:0 3px #fca5a5}.kahoot-btn-0:hover:not(:disabled){background-color:#fef2f2;border-color:#f87171;transform:translateY(-1px);box-shadow:0 4px #f87171}.kahoot-btn-1{border-color:#bfdbfe;box-shadow:0 3px #93c5fd}.kahoot-btn-1:hover:not(:disabled){background-color:#eff6ff;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 4px #60a5fa}.kahoot-btn-2{border-color:#fde68a;box-shadow:0 3px #fcd34d}.kahoot-btn-2:hover:not(:disabled){background-color:#fffbeb;border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px #fbbf24}.kahoot-btn-3{border-color:#a7f3d0;box-shadow:0 3px #6ee7b7}.kahoot-btn-3:hover:not(:disabled){background-color:#ecfdf5;border-color:#34d399;transform:translateY(-1px);box-shadow:0 4px #34d399}.kahoot-btn.is-correct{transform:scale(1.008);color:#065f46!important;background-color:#ecfdf5!important;border-color:#10b981!important;box-shadow:0 3px #059669!important}.kahoot-btn.is-wrong{color:#991b1b!important;background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 3px #dc2626!important}.kahoot-btn.is-dimmed{opacity:.45;filter:grayscale(30%);cursor:default}.kahoot-badge{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:32px;height:32px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 2px 5px #0000001f}.kahoot-badge-0{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.kahoot-badge-1{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.kahoot-badge-2{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.kahoot-badge-3{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.kahoot-text{color:var(--text-main);flex:1;font-size:.94rem;font-weight:700;line-height:1.3}.study-footer{width:100%;margin-top:.15rem}.week-strip{color:#94a3b8;background-color:#1e293b;border-radius:18px;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.75rem .85rem;display:flex}.week-day-pill{border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;min-width:36px;padding:.35rem .45rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.week-day-pill.active{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);font-weight:800;box-shadow:0 4px 10px #f9731659}.week-day-pill.completed .dot{background-color:#10b981;border-radius:50%;width:5px;height:5px}.week-day-pill.active.completed .dot{background-color:#fff}.fade-in{animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pop-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.game-xp-pill{color:#854d0e;border-radius:var(--radius-full);background:linear-gradient(135deg,#fef08a 0%,#fde047 100%);align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #eab30840}.game-word-card{text-align:left;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.15rem;display:flex;position:relative;box-shadow:0 4px 12px -2px #0f172a0a}.practice-tab-container{background-color:#f1f5f9;border:1px solid #e2e8f0d9;border-radius:18px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.35rem;display:grid}.practice-tab-btn{cursor:pointer;color:var(--text-muted);background-color:#0000;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.88rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.practice-tab-btn.active{color:var(--primary);background-color:#fff;box-shadow:0 4px 12px #0f172a14}.filter-card{box-shadow:var(--shadow);background-color:#fff;border:1.5px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:1.15rem;padding:1.25rem 1.15rem;display:flex}.filter-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.78rem;font-weight:800;display:flex}.class-pill-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.class-pill-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;box-shadow:none;background-color:#f8fafc;border-radius:14px;justify-content:center;align-items:center;padding:.7rem .4rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.class-pill-btn:hover:not(.active){color:var(--text-main);background-color:#f1f5f9;border-color:#cbd5e1}.class-pill-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:800;box-shadow:0 4px 12px #2563eb40}.status-pill-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.status-pill-btn{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;box-shadow:none;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem .5rem;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.status-pill-all{border:1.5px solid var(--border);color:var(--text-muted);background-color:#f8fafc}.status-pill-all:hover:not(.active){color:var(--text-main);background-color:#f1f5f9}.status-pill-all.active{background-color:var(--primary);color:#fff;border-color:var(--primary);font-weight:800;box-shadow:0 4px 12px #1e3a5f40}.status-pill-weak{color:#b45309;background-color:#fffbeb;border:1.5px solid #fde68a}.status-pill-weak:hover:not(.active){background-color:#fef3c7}.status-pill-weak.active{color:#fff;background-color:#d97706;border-color:#d97706;font-weight:800;box-shadow:0 4px 12px #d9770640}.status-pill-learned{color:#047857;background-color:#ecfdf5;border:1.5px solid #a7f3d0}.status-pill-learned:hover:not(.active){background-color:#d1fae5}.status-pill-learned.active{color:#fff;background-color:#059669;border-color:#059669;font-weight:800;box-shadow:0 4px 12px #05966940}.custom-theme-select{border:1.5px solid var(--border);width:100%;color:var(--text-main);box-shadow:var(--shadow-sm);cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.15rem;border-radius:16px;padding:.8rem 2.5rem .8rem 1rem;font-size:.88rem;font-weight:700;transition:all .2s}.custom-theme-select:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}.flip-card-container{perspective:1000px;width:100%}.flip-card-inner{width:100%;height:340px;min-height:340px;transform-style:preserve-3d;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .5s cubic-bezier(.4,.2,.2,1);position:relative}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;box-sizing:border-box;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:1.5rem 1.25rem;transition:all .2s;display:flex;position:absolute}.flip-card-theme-0 .flip-card-front{background:linear-gradient(165deg,#fff 65%,#fef2f2 100%);border:2.5px solid #fecaca;box-shadow:0 6px #fca5a5,0 12px 24px -4px #ef444414}.flip-card-theme-0 .flip-card-back{background:linear-gradient(150deg,#fef2f2 0%,#fff 100%);border:2.5px solid #f87171;transform:rotateY(180deg);box-shadow:0 6px #ef4444,0 12px 24px -4px #ef44441f}.flip-card-theme-1 .flip-card-front{background:linear-gradient(165deg,#fff 65%,#eff6ff 100%);border:2.5px solid #bfdbfe;box-shadow:0 6px #93c5fd,0 12px 24px -4px #2563eb14}.flip-card-theme-1 .flip-card-back{background:linear-gradient(150deg,#eff6ff 0%,#fff 100%);border:2.5px solid #60a5fa;transform:rotateY(180deg);box-shadow:0 6px #3b82f6,0 12px 24px -4px #2563eb1f}.flip-card-theme-2 .flip-card-front{background:linear-gradient(165deg,#fff 65%,#fffbeb 100%);border:2.5px solid #fde68a;box-shadow:0 6px #fcd34d,0 12px 24px -4px #d9770614}.flip-card-theme-2 .flip-card-back{background:linear-gradient(150deg,#fffbeb 0%,#fff 100%);border:2.5px solid #fbbf24;transform:rotateY(180deg);box-shadow:0 6px #f59e0b,0 12px 24px -4px #d977061f}.flip-card-theme-3 .flip-card-front{background:linear-gradient(165deg,#fff 65%,#ecfdf5 100%);border:2.5px solid #a7f3d0;box-shadow:0 6px #6ee7b7,0 12px 24px -4px #10b98114}.flip-card-theme-3 .flip-card-back{background:linear-gradient(150deg,#ecfdf5 0%,#fff 100%);border:2.5px solid #34d399;transform:rotateY(180deg);box-shadow:0 6px #10b981,0 12px 24px -4px #10b9811f}.game-audio-btn{border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.86rem;font-weight:800;transition:all .12s cubic-bezier(.4,0,.2,1);display:inline-flex}.game-audio-btn:active{transform:translateY(2px)}.game-audio-btn-0{color:#ef4444;background-color:#fef2f2;border-color:#fecaca;box-shadow:0 3px #fca5a5}.game-audio-btn-0:hover{background-color:#fee2e2}.game-audio-btn-1{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe;box-shadow:0 3px #93c5fd}.game-audio-btn-1:hover{background-color:#dbeafe}.game-audio-btn-2{color:#d97706;background-color:#fffbeb;border-color:#fde68a;box-shadow:0 3px #fcd34d}.game-audio-btn-2:hover{background-color:#fef3c7}.game-audio-btn-3{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0;box-shadow:0 3px #6ee7b7}.game-audio-btn-3:hover{background-color:#d1fae5}.game-flip-chip{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.45rem;padding:.4rem .95rem;font-size:.76rem;font-weight:800;transition:all .2s;display:inline-flex}.game-flip-chip-0{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.game-flip-chip-1{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.game-flip-chip-2{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.game-flip-chip-3{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.game-nav-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid;border-radius:20px;justify-content:center;align-items:center;gap:.45rem;padding:.95rem 1.25rem;font-size:.96rem;font-weight:800;transition:all .12s cubic-bezier(.4,0,.2,1);display:flex}.game-nav-btn:active:not(:disabled){transform:translateY(2px)}.game-nav-btn-prev{color:var(--text-main);background-color:#fff;border-color:#cbd5e1;box-shadow:0 4px #94a3b8}.game-nav-btn-prev:hover:not(:disabled){background-color:#f8fafc}.game-nav-btn-prev:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.game-nav-btn-next{color:#fff;background-color:#2563eb;border-color:#1d4ed8;box-shadow:0 4px #1e40af}.game-nav-btn-next:hover:not(:disabled){background-color:#1d4ed8}.game-nav-btn-finish{color:#fff;background-color:#10b981;border-color:#059669;box-shadow:0 4px #047857}.game-nav-btn-finish:hover:not(:disabled){background-color:#059669}@media print{body{background-color:#fff!important;display:block!important}#root{max-width:100%!important;box-shadow:none!important;padding:0!important}.no-print{display:none!important}}.badge-item-hover:hover{transform:translateY(-3px)scale(1.03)}.badge-item-hover:active{transform:translateY(0)scale(.98)}@keyframes splashPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes splashBar{0%{transform:translate(-100%)}50%{transform:translate(60%)}to{transform:translate(220%)}}.badge-flip-container{perspective:1000px}.badge-flipper{width:100%;height:100%;min-height:200px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .55s cubic-bezier(.34,1.56,.64,1);position:relative}.badge-flipper.flipped{transform:rotateY(180deg)}.badge-face{backface-visibility:hidden;border-radius:var(--radius);box-sizing:border-box;width:100%;height:100%;position:absolute;inset:0}.badge-face-front{transform:rotateY(0)translateZ(1px)}.badge-face-back{transform:rotateY(180deg)translateZ(1px)}