/* Learn by Playing V5.7 — Global EdTech SaaS refinements */
:root{--v57-navy:#10213d;--v57-blue:#356ae6;--v57-cyan:#2bb8ca;--v57-green:#24a36b;--v57-amber:#d99025;--v57-surface:#fff;--v57-bg:#f4f7fb;--v57-line:#e3e9f2}
body[data-experience="teacher"]{background:var(--v57-bg)!important;animation:none!important}
body[data-experience="teacher"]:before,body[data-experience="teacher"]:after,#screen-teacher:before,#screen-teacher:after{display:none!important;animation:none!important;content:none!important}
#screen-teacher *{animation:none!important}
#screen-teacher .teacher-main .btn:hover{transform:none!important}
.teacher-sidebar{background:linear-gradient(180deg,#122441,#0d1b32)!important}.teacher-brand-mark{background:#fff!important;color:#173a72!important}.teacher-topbar{background:rgba(255,255,255,.98)!important;backdrop-filter:none!important}.teacher-content{max-width:1480px;margin:0 auto;width:100%}
.dashboard-welcome{background:linear-gradient(120deg,#ffffff,#f5f8ff)!important;border:1px solid var(--v57-line);border-radius:18px;padding:24px}.dashboard-welcome h1{letter-spacing:-.035em}
.v57-insights{margin-top:18px}.insight-chip{font-size:11px;padding:6px 9px;border-radius:999px;background:#eef5ff;color:#2d5db9;font-weight:750}.attention-list{display:grid;gap:9px}.attention-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid #edf1f6;border-radius:12px;padding:11px 12px;background:#fff}.attention-row small{display:block;color:#76839a;margin-top:2px}.attention-dot{width:9px;height:9px;border-radius:50%;background:#2fa46d}.attention-row.medium .attention-dot{background:#e19a2a}.attention-row.high .attention-dot{background:#dc5b64}.attention-stats{display:flex;gap:7px;flex-wrap:wrap}.attention-stats span{font-size:10px;border-radius:999px;background:#f4f7fa;padding:5px 7px;color:#5e6b80}.attention-empty{display:flex;gap:12px;align-items:center;padding:18px;background:#f8fafc;border-radius:13px}.attention-empty i{font-size:24px;color:#356ae6}.attention-empty small{display:block;color:#77859a;margin-top:3px}.next-action-card{padding:18px;border-radius:14px;background:#f5f8ff;border:1px solid #dce7fb;line-height:1.5;color:#2a3a54}.learning-pulse{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 0;border-top:1px solid #edf1f6}.learning-pulse span{color:#748198;font-size:12px}.learning-pulse b{font-size:12px;color:#234d9d}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-kpi{background:#fff;border:1px solid var(--v57-line);border-radius:15px;padding:18px}.admin-kpi span{font-size:11px;color:#75839a;text-transform:uppercase;letter-spacing:.06em;font-weight:750}.admin-kpi strong{display:block;font-size:27px;color:#17233a;margin:7px 0 3px}.admin-kpi small{color:#8a95a7}.beta-progress>div:first-child{display:flex;justify-content:space-between;margin:14px 0 8px}.plan-catalog{display:grid;gap:8px}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #edf1f6;padding:12px;border-radius:12px}.plan-row small{display:block;color:#7b8799;margin-top:3px}.admin-plan-select{min-height:36px!important;padding:6px 8px!important}.feedback-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7faff;border:1px solid #dce8fb;border-radius:14px;padding:15px}.feedback-callout small{display:block;color:#718098;margin-top:3px}
/* Student experience: isolate decorative layers so moving effects never cross text glyphs. */
body[data-experience="student"]{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.student-theme-surface{position:relative;isolation:isolate;overflow-x:hidden;background-color:var(--bg)!important}.student-theme-surface:before,.student-theme-surface:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;transform:none!important;filter:none!important;will-change:auto!important}
.student-theme-surface.fx-scan:after{background:linear-gradient(180deg,transparent 0%,rgba(53,208,255,.035) 48%,transparent 52%);animation:none!important}.student-theme-surface.fx-particles:before{background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.2px);background-size:36px 36px;opacity:.24;animation:none!important}.student-theme-surface.fx-pulse:before{background:radial-gradient(circle at 12% 8%,var(--glow),transparent 32%);animation:none!important}.student-theme-surface.fx-float:before{background:radial-gradient(circle at 88% 18%,var(--glow),transparent 28%);animation:none!important}
body[data-student-theme="technology"] .student-theme-surface{background-image:linear-gradient(rgba(53,208,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(53,208,255,.045) 1px,transparent 1px),linear-gradient(135deg,#07111f,#09192d)!important;background-size:30px 30px,30px 30px,auto!important}
body[data-student-theme="cyber"] .student-theme-surface{background-image:radial-gradient(circle at 10% 20%,rgba(34,211,238,.12),transparent 25%),linear-gradient(135deg,#031516,#062124)!important}
body[data-student-theme="science"] .student-theme-surface{background-image:radial-gradient(circle at 20% 15%,rgba(34,197,94,.15),transparent 27%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.12),transparent 24%),linear-gradient(135deg,#061713,#0a241c)!important}
body[data-student-theme="space"] .student-theme-surface{background-image:radial-gradient(circle at 20% 10%,rgba(129,140,248,.18),transparent 28%),radial-gradient(circle at 75% 20%,rgba(236,72,153,.12),transparent 22%),linear-gradient(135deg,#070719,#11102a)!important}
body[data-student-theme="math"] .student-theme-surface{background-image:linear-gradient(30deg,rgba(245,158,11,.045) 12%,transparent 12.5%,transparent 87%,rgba(245,158,11,.045) 87.5%,rgba(245,158,11,.045)),linear-gradient(150deg,rgba(239,68,68,.04) 12%,transparent 12.5%,transparent 87%,rgba(239,68,68,.04) 87.5%),linear-gradient(135deg,#1a1105,#26180a)!important;background-size:42px 72px,42px 72px,auto!important}
body[data-student-theme="history"] .student-theme-surface{background-image:linear-gradient(rgba(214,167,86,.04),rgba(214,167,86,.04)),linear-gradient(135deg,#17110b,#2a2117)!important}
body[data-student-theme="language"] .student-theme-surface{background-image:linear-gradient(90deg,rgba(236,72,153,.055) 1px,transparent 1px),linear-gradient(135deg,#18091a,#26112a)!important;background-size:46px 100%,auto!important}
body[data-student-theme="nature"] .student-theme-surface{background-image:radial-gradient(ellipse at 10% 15%,rgba(132,204,22,.14),transparent 28%),radial-gradient(ellipse at 85% 75%,rgba(20,184,166,.11),transparent 30%),linear-gradient(135deg,#0d1708,#172810)!important}
body[data-student-theme="business"] .student-theme-surface{background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.035) 1px,transparent 1px),linear-gradient(135deg,#07131a,#10232d)!important;background-size:44px 44px,44px 44px,auto!important}
body[data-student-theme="arts"] .student-theme-surface{background-image:radial-gradient(circle at 12% 18%,rgba(244,114,182,.16),transparent 23%),radial-gradient(circle at 82% 22%,rgba(167,139,250,.14),transparent 24%),linear-gradient(135deg,#190b17,#2b1328)!important}
#screen-game .question,#screen-student-home .card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}.question.enter{animation:questionInV57 .18s ease-out!important}@keyframes questionInV57{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.attention-row{grid-template-columns:auto 1fr}.attention-stats{grid-column:2}.feedback-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.admin-kpi-grid{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.student-theme-surface *{animation:none!important;transition:none!important}}
.public-beta-badge{display:inline-flex;align-items:center;gap:7px;margin:12px auto 0;padding:8px 11px;border-radius:999px;background:#eef6ff;border:1px solid #d3e6ff;color:#315b9b;font-size:12px;font-weight:700}.public-beta-badge.hidden{display:none!important}