@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";.fox-mascot{width:var(--fox-mascot-size, 144px);height:var(--fox-mascot-size, 144px);flex:0 0 var(--fox-mascot-size, 144px);display:grid;place-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint}.fox-mascot img{display:block;width:100%;height:100%;object-fit:contain}.login-bg-shape{position:absolute;z-index:0;display:grid;place-items:center;width:clamp(3.2rem,7vw,5rem);aspect-ratio:1;border:3px solid rgba(255,255,255,.88);border-radius:18px;box-shadow:0 12px 24px #0f172a1f;transform:rotate(-10deg);opacity:.86}html[data-theme=dark] .login-visual__bubble,html[data-theme=dark] .login-visual__bubble:after,html[data-theme=dark] .login-input,html[data-theme=dark] .password-toggle{color:var(--text);background:var(--input-bg);border-color:var(--border)}html[data-theme=dark] .login-input::placeholder{color:var(--text-muted)}html[data-theme=dark] .login-input:focus{background:var(--card-hover)}html[data-theme=dark] .login-form__hint,html[data-theme=dark] .login-form__saved{color:var(--text-secondary)}.login-bg-shape:after{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:#0f172a94}.login-bg-shape--blue{top:7%;left:5%;background:var(--lp-blue);box-shadow:0 8px 0 var(--lp-blue-dark),0 18px 28px #1cb0f638}.login-bg-shape--blue:after{content:"2"}.login-bg-shape--yellow{right:7%;top:12%;background:var(--lp-yellow);transform:rotate(12deg);box-shadow:0 8px 0 var(--lp-yellow-dark),0 18px 28px #ffc80038}.login-bg-shape--yellow:after{content:"+"}.login-bg-shape--green{left:9%;bottom:9%;background:var(--lp-green);transform:rotate(8deg);box-shadow:0 8px 0 var(--lp-green-dark),0 18px 28px #58cc0238}.login-bg-shape--green:after{content:"="}.login-scene{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,420px);align-items:stretch;gap:clamp(1rem,4vw,2rem);width:min(100%,920px)}.login-hero-panel{position:relative;min-height:470px;overflow:hidden;border:3px solid rgba(255,255,255,.86);border-radius:28px;background:linear-gradient(160deg,#ffffffc7,#ffffff61),linear-gradient(135deg,#1cb0f638,#58cc0233);box-shadow:0 18px 40px #0f172a29}.login-hero-panel:before{content:"";position:absolute;left:10%;right:10%;bottom:2.2rem;height:1rem;border-radius:999px;background:#0f172a1a}.login-mascot-wrap{position:absolute;left:50%;top:2.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(82%,310px);transform:translate(-50%)}.login-mascot-wrap .fox-mascot{--fox-mascot-size: clamp(7.5rem, 18vw, 9rem) !important}.login-speech-bubble{position:relative;max-width:260px;padding:.8rem 1rem;border:2px solid var(--lp-slate-200);border-radius:18px;background:#fff;color:var(--lp-slate-700);font-weight:900;line-height:1.25;text-align:center;box-shadow:0 5px 0 var(--lp-slate-200)}.login-speech-bubble:before{content:"";position:absolute;left:50%;top:-10px;width:18px;height:18px;border-left:2px solid var(--lp-slate-200);border-top:2px solid var(--lp-slate-200);background:#fff;transform:translate(-50%) rotate(45deg)}.login-mini-board{position:absolute;left:50%;bottom:3.4rem;display:grid;gap:.6rem;width:min(78%,290px);transform:translate(-50%) rotate(-2deg)}.login-mini-board__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;padding:.65rem .85rem;border:2px solid var(--lp-slate-200);border-radius:14px;background:#fffffff0;color:var(--lp-slate-700);font-size:1.05rem;font-weight:900;box-shadow:0 4px 0 var(--lp-slate-200)}.login-mini-board__row strong{display:inline-grid;place-items:center;min-width:2.6rem;min-height:2rem;padding:0 .55rem;border-radius:10px;background:var(--lp-yellow);color:#7a4f00;box-shadow:0 3px 0 var(--lp-yellow-dark)}.login-sparkle{position:absolute;z-index:1;display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 8px 18px #0f172a26}.login-sparkle--one{top:1.4rem;right:1.4rem;width:3rem;height:3rem;border-radius:16px;background:var(--lp-orange);transform:rotate(10deg)}.login-sparkle--two{left:1.3rem;top:8rem;width:2.7rem;height:2.7rem;border-radius:14px;background:var(--lp-blue);font-size:1.7rem;transform:rotate(-12deg)}.login-sparkle--three{right:2rem;bottom:9.5rem;width:2.7rem;height:2.7rem;border-radius:14px;background:var(--lp-red);font-size:1.5rem;transform:rotate(12deg)}.login-card__badge{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;max-width:100%;margin-bottom:1rem;padding:.4rem .75rem;border:2px solid rgba(88,204,2,.28);border-radius:999px;background:#58cc021f;color:var(--lp-green-dark);font-size:.86rem;font-weight:900;line-height:1.1}.login-subtitle{margin:.65rem 0 1.35rem;color:var(--lp-slate-500);font-size:1rem;font-weight:800;line-height:1.45}.login-form{display:grid;gap:1rem}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:1rem;top:50%;color:var(--lp-blue);transform:translateY(-50%);pointer-events:none}.login-card .label{color:var(--lp-slate-700);font-weight:900}.login-card .login-input{min-height:3.45rem;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--lp-slate-200);border-radius:16px;background:var(--lp-slate-50);color:var(--lp-slate-900);font-size:1.05rem;font-weight:800;box-shadow:0 4px 0 var(--lp-slate-200);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-input:focus{border-color:var(--lp-blue);background:#fff;box-shadow:0 4px 0 var(--lp-blue)}.login-submit{width:100%;margin-top:1.35rem;letter-spacing:0}.login-submit:disabled{cursor:not-allowed;opacity:.68;transform:none!important;box-shadow:0 6px #47a80280}.login-error{margin-top:1rem;text-align:center;border-radius:16px;font-weight:900}@media(max-width:768px){.login-scene{grid-template-columns:1fr;width:min(100%,430px)}.login-hero-panel{min-height:250px}.login-mascot-wrap{top:1.25rem;width:min(90%,330px);flex-direction:row;justify-content:center}.login-mascot-wrap .fox-mascot{--fox-mascot-size: 6rem !important;flex:0 0 auto}.login-speech-bubble{max-width:190px;font-size:.9rem;text-align:left}.login-speech-bubble:before{left:-9px;top:50%;transform:translateY(-50%) rotate(-45deg)}.login-mini-board{bottom:1.15rem;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 2rem);gap:.45rem;transform:translate(-50%)}.login-mini-board__row{min-height:4.2rem;flex-direction:column;justify-content:center;gap:.35rem;padding:.45rem;font-size:.85rem;text-align:center}.login-mini-board__row strong{min-width:2.2rem;min-height:1.6rem}.login-sparkle--two,.login-sparkle--three{display:none}}@media(max-width:480px){.login-bg-shape{display:none}.login-hero-panel{min-height:220px;border-radius:22px}.login-speech-bubble{padding:.65rem .75rem;font-size:.82rem}.login-card .login-input{min-height:3.25rem;font-size:1rem}}:root{--green: #58CC02;--green-dark: #46A302;--green-light: #d7ffb8;--blue: #1CB0F6;--blue-light: #ddf4ff;--purple: #CE82FF;--purple-light: #f3e8ff;--yellow: #FFD300;--yellow-light: #fff9db;--orange: #FF9600;--orange-light: #fff3e0;--red: #FF4B4B;--red-light: #ffe0e0;--bg: #F7F9FC;--bg-alt: #EEF2F7;--bg-secondary: var(--bg-alt);--card: #FFFFFF;--card-hover: #FAFBFE;--surface-raised: #FFFFFF;--surface-glass: rgba(255, 255, 255, .9);--surface-glass-soft: rgba(255, 255, 255, .7);--input-bg: #FFFFFF;--backdrop: rgba(15, 23, 42, .42);--text: #2B2B2B;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-on-color: #FFFFFF;--border: #E5E7EB;--border-hover: #D1D5DB;--mode-flash: var(--blue);--mode-flash-light: var(--blue-light);--mode-columns: var(--purple);--mode-columns-light: var(--purple-light);--mode-forsaj: var(--orange);--mode-forsaj-light: var(--orange-light);--mode-multiplier: var(--green);--mode-multiplier-light: var(--green-light);--font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-btn: 0 4px 0 var(--green-dark);--shadow-card: 0 2px 12px rgba(0, 0, 0, .06), 0 0 0 1px var(--border)}:root{--lp-green: #58cc02;--lp-green-dark: #47a802;--lp-blue: #1cb0f6;--lp-blue-dark: #1899d6;--lp-blue-deeper: #1455c0;--lp-purple: #9b59b6;--lp-yellow: #ffc800;--lp-orange: #ff9600;--lp-red: #ff4b4b;--lp-slate-50: #f8fafc;--lp-slate-100: #f1f5f9;--lp-slate-200: #e2e8f0;--lp-slate-300: #cbd5e1;--lp-slate-400: #94a3b8;--lp-slate-500: #64748b;--lp-slate-600: #475569;--lp-slate-700: #334155;--lp-slate-800: #1e293b;--lp-slate-900: #0f172a;--lp-shadow-card: 0 10px 30px rgba(0, 0, 0, .08);--lp-shadow-hover: 0 20px 40px rgba(0, 0, 0, .14);--lp-radius-xl: 24px;--lp-radius-2xl: 32px}html[data-theme=dark]{--bg: #0f172a;--bg-alt: #111827;--bg-secondary: #111827;--card: #1e293b;--card-hover: #263449;--surface-raised: #263449;--surface-glass: rgba(30, 41, 59, .94);--surface-glass-soft: rgba(15, 23, 42, .78);--input-bg: #111827;--backdrop: rgba(2, 6, 23, .72);--text: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #334155;--border-hover: #475569;--green-light: #19380f;--blue-light: #12364b;--purple-light: #362548;--yellow-light: #453a0a;--orange-light: #462b0d;--red-light: #4a2028;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--shadow: 0 4px 16px rgba(0, 0, 0, .34);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .42);--shadow-card: 0 2px 14px rgba(0, 0, 0, .32), 0 0 0 1px var(--border);--lp-slate-50: #0f172a;--lp-slate-100: #111827;--lp-slate-200: #334155;--lp-slate-300: #475569;--lp-slate-400: #94a3b8;--lp-slate-500: #cbd5e1;--lp-slate-600: #dbe4ef;--lp-slate-700: #e2e8f0;--lp-slate-800: #f1f5f9;--lp-slate-900: #f8fafc;--lp-shadow-card: 0 10px 30px rgba(0, 0, 0, .34);--lp-shadow-hover: 0 20px 40px rgba(0, 0, 0, .46)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:inherit}.btn-danger:focus-visible{outline-color:var(--red)}.btn-secondary:focus-visible,.btn-ghost:focus-visible{outline-color:var(--blue);outline-offset:3px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}img,svg,video{max-width:100%}html,body{overflow-x:clip}.app-container{display:flex;flex-direction:column;min-height:100vh}.page{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.page.page--teacher-workspace{position:relative;isolation:isolate;max-width:none;margin:0;padding:0;overflow:hidden;background:radial-gradient(circle at 5% 2%,rgba(117,218,167,.34),transparent 29rem),radial-gradient(circle at 94% 8%,rgba(122,183,255,.3),transparent 27rem),linear-gradient(135deg,#edfff4,#f8fffb 47%,#eef7ff)}.page.page--teacher-workspace:before,.page.page--teacher-workspace:after{position:absolute;z-index:0;border-radius:50%;content:"";pointer-events:none}.page.page--teacher-workspace:before{top:21rem;right:-10rem;width:24rem;height:24rem;border:3rem solid rgba(83,145,232,.09)}.page.page--teacher-workspace:after{bottom:-9rem;left:-8rem;width:21rem;height:21rem;border:2.5rem solid rgba(28,178,105,.09)}.page.page--teacher-workspace>*{position:relative;z-index:1}@media(max-width:768px){.page.page--teacher-workspace{padding:0}}.navbar{position:sticky;top:0;left:0;right:0;z-index:50;background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:.5px solid rgba(255,255,255,.7)}.navbar-progress{height:6px;background:var(--green);transform-origin:left center}.navbar-inner{height:4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.navbar-left{display:flex;align-items:center;gap:.6rem;min-width:0}.navbar-actions{justify-self:end;display:flex;align-items:center;gap:.75rem}.navbar-game-back-slot{display:flex;align-items:center;flex-shrink:0}.navbar-game-slot{display:flex;align-items:center;justify-content:center;min-width:0}.game-header-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.navbar-brand{display:flex;align-items:center;gap:.5rem;cursor:pointer}.navbar-logo{width:2.5rem;height:2.5rem;display:block;object-fit:contain;flex-shrink:0}.navbar-name{font-family:"Inter",var(--font);font-weight:800;font-size:1.375rem;color:var(--text);letter-spacing:-.02em}.navbar-account{position:relative}.navbar-avatar-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.navbar-avatar-circle{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #58cc024d;transition:box-shadow .15s ease;overflow:hidden}.navbar-avatar-btn:hover .navbar-avatar-circle{box-shadow:0 2px 12px #58cc0280}.navbar-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.navbar-account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:220px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px #0000001f;padding:.5rem 0;z-index:100;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-account-name{padding:.5rem 1rem .15rem;font-weight:700;font-size:.9rem;color:var(--text)}.navbar-account-divider{height:1px;background:var(--border);margin:.25rem 0}.navbar-account-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--text);text-decoration:none;background:none;border:none;cursor:pointer;transition:background .1s ease}.navbar-account-item:hover{background:var(--bg-secondary)}.navbar-account-logout{color:var(--red)}.navbar-lang{position:relative}.navbar-lang-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);font-weight:700;font-size:.8rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.navbar-lang-btn:hover{border-color:var(--green);box-shadow:0 2px 10px #58cc022e}.navbar-lang-code{line-height:1}.navbar-lang-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:150px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px #0000001f;padding:.5rem 0;z-index:100;animation:dropdownFadeIn .15s ease}.navbar-lang-item{display:block;width:100%;text-align:left;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--text);background:none;border:none;cursor:pointer;transition:background .1s ease}.navbar-lang-item:hover{background:var(--bg-secondary)}.navbar-lang-item.is-active{color:var(--green-dark);font-weight:800}.navbar-theme-btn{display:grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.navbar-theme-btn:hover{border-color:var(--blue);box-shadow:0 2px 10px #1cb0f633}html[data-theme=dark] .navbar{background:#0f172ac7;border-bottom-color:#475569b8}html[data-theme=dark] .navbar-account-dropdown,html[data-theme=dark] .navbar-lang-btn,html[data-theme=dark] .navbar-lang-dropdown{background:var(--card);box-shadow:var(--shadow-lg)}html[data-theme=dark] .page.page--teacher-workspace{background:radial-gradient(circle at 5% 2%,rgba(88,204,2,.13),transparent 29rem),radial-gradient(circle at 94% 8%,rgba(28,176,246,.14),transparent 27rem),linear-gradient(135deg,#0b1424,#0f172a 47%,#111b30)}html[data-theme=dark] .page.page--teacher-workspace:before{border-color:#1cb0f617}html[data-theme=dark] .page.page--teacher-workspace:after{border-color:#58cc0214}html[data-theme=dark] .login-page{color:var(--text);background:radial-gradient(circle at 16% 20%,rgba(255,200,0,.12) 0 9rem,transparent 9.2rem),radial-gradient(circle at 84% 14%,rgba(28,176,246,.14) 0 8rem,transparent 8.2rem),radial-gradient(circle at 14% 88%,rgba(88,204,2,.11) 0 9rem,transparent 9.2rem),linear-gradient(135deg,#0b1424,#111827 48%,#102016)}html[data-theme=dark] .login-page:before{background-image:linear-gradient(rgba(28,176,246,.09) 2px,transparent 2px),linear-gradient(90deg,rgba(28,176,246,.09) 2px,transparent 2px),radial-gradient(circle at 1px 1px,rgba(226,232,240,.1) 1px,transparent 0)}html[data-theme=dark] .login-page:after{color:#e2e8f00f}html[data-theme=dark] .login-card{color:var(--text);background:#1e293bf5;border-color:var(--border);box-shadow:0 10px #0b1220,0 24px 60px #00000073}html[data-theme=dark] .login-title{color:var(--text)}html[data-theme=dark] .btn-3d--secondary{color:var(--text);background:var(--card);border-color:var(--border);box-shadow:0 6px #0b1220}html[data-theme=dark] .btn-3d--secondary:hover:not(:disabled){background:var(--card-hover);box-shadow:0 8px #0b1220}html[data-theme=dark] .badge-primary,html[data-theme=dark] .badge-success,html[data-theme=dark] .msg-success{color:#8eea55}html[data-theme=dark] .badge-error,html[data-theme=dark] .msg-error{color:#ff8b8b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.4rem;border:none;border-radius:var(--r-pill);font-family:var(--font);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--green);color:var(--text-on-color);box-shadow:0 4px 0 var(--green-dark)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--green-dark)}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--green-dark)}.btn-secondary{background:var(--card);color:var(--text);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 var(--border);border-color:var(--border-hover)}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--border)}.btn-ghost{background:transparent;color:var(--text-secondary);border:2px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-alt);color:var(--text)}.btn-danger{background:var(--red);color:var(--text-on-color);box-shadow:0 4px #cc3c3c}.btn-danger:hover:not(:disabled){transform:translateY(-2px)}.btn-danger:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #cc3c3c}.btn-success{background:var(--green);color:var(--text-on-color);box-shadow:0 4px 0 var(--green-dark)}.btn-lg{padding:1rem 2.5rem;font-size:1.15rem}.btn-sm{padding:.4rem .85rem;font-size:.8rem;min-height:40px;min-width:40px}@media(min-width:768px){.btn-sm{min-height:44px;min-width:44px}}.btn-icon{padding:.5rem;min-width:36px;min-height:36px;border-radius:var(--r)}.btn-3d{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,Nunito,sans-serif;font-weight:800;border:none;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease;text-decoration:none;letter-spacing:.01em}.btn-3d:active{transform:translateY(3px)!important}.btn-3d--primary{background:var(--lp-yellow);color:#7a4f00;box-shadow:0 6px #c99800}.btn-3d--primary:hover{background:#ffe033;transform:translateY(-2px);box-shadow:0 8px #c99800}.btn-3d--secondary{background:#fff;color:var(--lp-slate-700);box-shadow:0 6px 0 var(--lp-slate-200);border:2px solid var(--lp-slate-200)}.btn-3d--secondary:hover{background:var(--lp-slate-50);transform:translateY(-2px);box-shadow:0 8px 0 var(--lp-slate-300)}.btn-3d--accent{background:var(--lp-green);color:#fff;box-shadow:0 6px 0 var(--lp-green-dark)}.btn-3d--accent:hover{background:#6ade09;transform:translateY(-2px);box-shadow:0 8px 0 var(--lp-green-dark)}.btn-3d--sm{padding:.5rem 1rem;font-size:.875rem;border-radius:14px}.btn-3d--md{padding:.75rem 1.5rem;font-size:1rem;border-radius:18px}.btn-3d--lg{padding:1rem 2rem;font-size:1.125rem;border-radius:20px}.card{background:var(--card);border:2px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.1rem;font-weight:700;color:var(--text)}.skeleton-line{height:14px;border-radius:999px;background:linear-gradient(90deg,var(--bg-alt),#e8e8e8,var(--bg-alt));background-size:200% 100%;animation:shimmer 1.2s infinite linear;margin-bottom:.75rem}.skeleton-line.short{width:60%}.worksheet-print-frame{position:fixed;right:0;bottom:0;width:0;height:0;border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:200;padding:1rem}.modal-card{width:min(520px,100%);background:var(--card);border:2px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:1.2rem}.input{width:100%;padding:.75rem 1rem;background:var(--card);border:2px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--font);font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1cb0f626}.input-lg{padding:1rem 1.5rem;font-size:1.5rem;text-align:center;font-weight:800;letter-spacing:.05em;border-radius:var(--r-lg)}.label{display:block;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.03em}.form-group{margin-bottom:1rem}.select{width:100%;padding:.7rem 1rem;background:var(--card);border:2px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;outline:none;transition:border-color .2s}.select:focus{border-color:var(--blue)}.feedback{padding:.5rem 1.25rem;border-radius:var(--r-pill);font-weight:700;font-size:.9rem}.feedback.correct{background:var(--green-light);color:var(--green-dark);animation:correctFlash .5s ease}.feedback.incorrect{background:var(--red-light);color:var(--red);animation:incorrectShake .5s ease}@keyframes correctFlash{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes incorrectShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.table-container{overflow-x:auto;border-radius:var(--r-lg);border:2px solid var(--border);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;background:var(--card)}thead{background:var(--bg-alt)}th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}td{padding:.75rem 1rem;font-size:.9rem;font-weight:600;border-top:1px solid var(--border);color:var(--text)}tr:hover{background:var(--bg-alt)}.form-btn-row{display:flex;gap:1rem}.form-row{display:flex;gap:.75rem}.login-page{--lp-green: #58cc02;--lp-green-dark: #47a802;--lp-blue: #1cb0f6;--lp-blue-dark: #1899d6;--lp-yellow: #ffc800;--lp-yellow-dark: #c99800;--lp-orange: #ff9600;--lp-red: #ff4b4b;--lp-slate-50: #f8fafc;--lp-slate-100: #f1f5f9;--lp-slate-200: #e2e8f0;--lp-slate-300: #cbd5e1;--lp-slate-500: #64748b;--lp-slate-700: #334155;--lp-slate-900: #0f172a;position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 104px);width:100%;overflow:hidden;padding:clamp(1rem,3vw,2rem);border-radius:var(--r-xl);color:var(--lp-slate-900);background:radial-gradient(circle at 16% 20%,rgba(255,200,0,.34) 0 9rem,transparent 9.2rem),radial-gradient(circle at 84% 14%,rgba(28,176,246,.28) 0 8rem,transparent 8.2rem),radial-gradient(circle at 14% 88%,rgba(88,204,2,.25) 0 9rem,transparent 9.2rem),linear-gradient(135deg,#f2fbff,#fff9df 48%,#f1ffe8)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(28,176,246,.08) 2px,transparent 2px),linear-gradient(90deg,rgba(28,176,246,.08) 2px,transparent 2px),radial-gradient(circle at 1px 1px,rgba(15,23,42,.08) 1px,transparent 0);background-position:center;background-size:54px 54px,54px 54px,18px 18px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);opacity:.42}.login-page:after{content:"1 2 3 + - x =";position:absolute;right:-2rem;bottom:1rem;z-index:0;max-width:13rem;color:#0f172a0f;font-size:clamp(3.4rem,9vw,6rem);font-weight:900;line-height:.9;letter-spacing:0;transform:rotate(-8deg);pointer-events:none}.login-card{width:100%;max-width:420px;align-self:center;padding:clamp(1.25rem,4vw,2rem);border:3px solid var(--lp-slate-200);border-radius:28px;background:#fffffff5;box-shadow:0 10px 0 var(--lp-slate-200),0 24px 60px #0f172a29}.login-title{margin:0;color:var(--lp-slate-900);font-size:clamp(1.9rem,5vw,2.55rem);font-weight:900;line-height:1.05;letter-spacing:0}@media(max-width:768px){.login-page{min-height:calc(100vh - 92px);padding:1rem;border-radius:20px}.btn-sm{min-height:44px}}@media(max-width:640px){.table-stack table,.table-stack thead,.table-stack tbody,.table-stack tr,.table-stack td{display:block}.table-stack{overflow-x:visible;border:none;box-shadow:none}.table-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.table-stack tr{border:1px solid var(--border);border-radius:var(--r);margin-bottom:.75rem;background:var(--card);padding:.25rem .75rem;box-shadow:var(--shadow-sm)}.table-stack td{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:none;padding:.5rem 0;font-size:.9rem;text-align:right}.table-stack td:before{content:attr(data-label);font-weight:800;color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;text-align:left}.table-stack td[data-label=""]{justify-content:flex-end;flex-wrap:wrap}.table-stack td[data-label=""]:before{content:none}}@media(max-width:480px){.login-page{margin:-.25rem;width:calc(100% + .5rem);padding:.75rem}.login-card{border-radius:22px;box-shadow:0 7px 0 var(--lp-slate-200),0 18px 42px #0f172a29}.login-title{font-size:clamp(1.65rem,10vw,2.05rem)}.feedback{font-size:.95rem}.page{padding:1.25rem 1rem;max-width:100%}.navbar{padding:.5rem .75rem}.navbar-inner{gap:.5rem}.navbar-actions{gap:.25rem}.navbar-lang-btn{width:2.25rem;height:2.25rem;justify-content:center;padding:0}.navbar-lang-code{display:none}.navbar-left{gap:.4rem}.navbar-logo{width:2rem;height:2rem}.navbar-name{font-size:1.1rem}.navbar-game-slot{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.game-header-controls{flex-wrap:nowrap;gap:.4rem}.navbar-avatar-btn{min-width:44px;min-height:44px;justify-content:center}.btn-lg{padding:.8rem 1.5rem;font-size:1rem}.card-header{flex-wrap:wrap;gap:.75rem}.form-btn-row,.form-row{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn .35s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 1.5s infinite}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes taskSlideIn{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.task-transition{animation:taskSlideIn .3s ease}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .7rem;border-radius:var(--r-pill);font-size:.75rem;font-weight:700}.badge-primary,.badge-success{background:var(--green-light);color:var(--green-dark)}.badge-error{background:var(--red-light);color:var(--red)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-orange{background:var(--orange-light);color:var(--orange)}.msg{padding:.6rem .9rem;border-radius:var(--r-md, 10px);font-size:.9rem;font-weight:600}.msg-success{background:var(--green-light);color:var(--green-dark)}.msg-error{background:var(--red-light);color:var(--red)}