@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Press+Start+2P&family=VT323&family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;800&family=Share+Tech+Mono&family=Black+Ops+One&display=swap";:root{--ds-space-1:.25rem;--ds-space-2:.5rem;--ds-space-3:.75rem;--ds-space-4:1rem;--ds-space-5:1.5rem;--ds-space-6:2rem;--ds-space-7:3rem;--ds-radius-sm:.5rem;--ds-radius-md:.875rem;--ds-radius-lg:1.25rem;--ds-radius-xl:1.75rem;--ds-radius-pill:999px;--ds-shadow-sm:0 8px 20px #0f172a24;--ds-shadow-md:0 18px 40px #0f172a33;--ds-shadow-lg:0 24px 56px #0f172a47;--ds-focus-ring:0 0 0 3px #6366f147;--ds-font-arcade:"Press Start 2P", monospace;--ds-font-arcade-readable:"VT323", monospace;--ds-font-war:"Black Ops One", cursive;--ds-font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-transition-fast:.16s ease;--ds-transition-base:.22s ease}[data-surface]{color:var(--ds-text);background:var(--ds-bg)}[data-surface] *,[data-surface] :before,[data-surface] :after{box-sizing:border-box}[data-surface] button,[data-surface] input,[data-surface] textarea,[data-surface] select{font:inherit}[data-surface] :focus-visible{box-shadow:var(--ds-focus-ring);outline:none}[data-surface=student][data-theme=dark],[data-surface=student]:not([data-theme]){--ds-bg:radial-gradient(circle at top, #1a1a24 0%, #050505 62%, #020202 100%);--ds-panel:#080c18e0;--ds-panel-strong:#0f172af0;--ds-panel-soft:#1e293bb8;--ds-text:#f8fafc;--ds-text-muted:#a5b4cc;--ds-border:#00f3ff42;--ds-accent:#00f3ff;--ds-accent-strong:#39ff14;--ds-accent-alt:#ff00ea;--ds-accent-soft:#00f3ff24;--ds-success:#39ff14;--ds-warning:#ffe600;--ds-danger:#ff4d6d;--ds-shadow:0 0 0 1px #00f3ff2e, 0 18px 50px #0000008c;--ds-glow:0 0 18px #00f3ff4d;--ds-focus-ring:0 0 0 3px #00f3ff47;--student-surface-bg:#050505;--student-surface-bg-image:radial-gradient(circle at center, #1a1a24 0%, #050505 100%);--student-surface-contrast:#050505;--student-text-primary:var(--ds-text);--student-color-accent-cyan:var(--ds-accent);--student-color-accent-pink:var(--ds-accent-alt);--student-color-accent-warm:#f59e0b;--student-glow-cyan:#00f3ff80;--student-glow-cyan-soft:#00f3ff66;--student-glow-cyan-inset:#00f3ff33;--student-glow-cyan-strong:#00f3ffcc;--student-glow-pink-soft:#ff00ea66;--student-glow-pink-inset:#ff00ea33;--student-glow-pink-strong:#ff00eacc;--student-topbar-bg:#050505e6;--student-topbar-border:#00f3ff24;--student-button-muted-border:#334155;--student-button-muted-text:#94a3b8;--student-button-muted-hover-bg:#f59e0b1a;--student-button-primary-bg:#050505;--student-button-primary-hover-bg:#ff00ea;--student-button-primary-hover-text:#050505;--student-button-secondary-hover-bg:#00f3ff;--student-button-secondary-hover-text:#050505}[data-surface=student][data-theme=light]{--ds-bg:linear-gradient(180deg, #f7f8ff 0%, #eef3ff 100%);--ds-panel:#ffffffeb;--ds-panel-strong:#fff;--ds-panel-soft:#e2e8f0cc;--ds-text:#1f2a44;--ds-text-muted:#52607a;--ds-border:#6366f138;--ds-accent:#6366f1;--ds-accent-strong:#0f9d58;--ds-accent-alt:#d946ef;--ds-accent-soft:#6366f11f;--ds-success:#16a34a;--ds-warning:#ca8a04;--ds-danger:#dc2626;--ds-shadow:0 0 0 1px #6366f11a, 0 18px 38px #6366f11f;--ds-glow:0 10px 30px #6366f11f;--ds-focus-ring:0 0 0 3px #6366f138;--student-surface-bg-light:#f5f5f5;--student-surface-bg-image-light:none;--student-text-primary-light:var(--ds-text);--student-topbar-bg-light:#ffffffeb;--student-topbar-border-light:#e2e8f0;--student-color-accent-primary-light:var(--ds-accent);--student-button-muted-text-light:#475569;--student-button-muted-border-light:#cbd5e1;--student-button-muted-hover-bg-light:#6366f114;--student-button-primary-bg-light:#fff;--student-button-primary-hover-bg-light:var(--ds-accent);--student-button-primary-hover-text-light:#fff;--student-button-secondary-hover-bg-light:var(--ds-accent);--student-button-secondary-hover-text-light:#fff;--student-shadow-light-accent:#6366f14d}[data-surface=teacher][data-theme=dark],html[data-theme=dark] [data-surface=teacher],[data-surface=teacher]:not([data-theme]){--ds-bg:linear-gradient(180deg, #0f1117 0%, #151926 100%);--ds-panel:#161822e6;--ds-panel-strong:#1e2030f2;--ds-panel-soft:#3341552e;--ds-text:#e2e8f0;--ds-text-muted:#94a3b8;--ds-border:#ffffff1a;--ds-accent:#6366f1;--ds-accent-strong:#8b5cf6;--ds-accent-alt:#0ea5e9;--ds-accent-soft:#6366f11f;--ds-success:#22c55e;--ds-warning:#f59e0b;--ds-danger:#ef4444;--ds-shadow:0 18px 44px #00000057;--ds-glow:0 12px 28px #6366f12e;--ds-focus-ring:0 0 0 3px #6366f13d;--teacher-font-sans:var(--ds-font-ui);--teacher-font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--teacher-radius-sm:8px;--teacher-radius-md:12px;--teacher-radius-lg:16px;--teacher-radius-xl:20px;--teacher-radius-full:999px;--teacher-transition-fast:.15s ease;--teacher-transition-med:.25s ease;--teacher-transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--teacher-bg-primary:#0f1117;--teacher-bg-secondary:#161822;--teacher-bg-tertiary:#1e2030;--teacher-bg-card:#1e2030bf;--teacher-bg-card-hover:#282a3ed9;--teacher-bg-glass:#1e203099;--teacher-bg-input:#161822e6;--teacher-bg-input-focus:#1e2030;--teacher-bg-modal:#000000b3;--teacher-border-primary:#ffffff14;--teacher-border-hover:#ffffff26;--teacher-border-focus:#6366f1;--teacher-text-primary:#e2e8f0;--teacher-text-secondary:#94a3b8;--teacher-text-muted:#64748b;--teacher-text-inverse:#0f1117;--teacher-accent-primary:#6366f1;--teacher-accent-primary-hover:#818cf8;--teacher-accent-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--teacher-accent-success:#22c55e;--teacher-accent-success-hover:#16a34a;--teacher-accent-success-bg:#22c55e1f;--teacher-accent-danger:#ef4444;--teacher-accent-danger-hover:#dc2626;--teacher-accent-danger-bg:#ef44441f;--teacher-accent-warning:#f59e0b;--teacher-accent-warning-bg:#f59e0b1f;--teacher-accent-info:#3b82f6;--teacher-accent-info-bg:#3b82f61f;--teacher-kpi-bg:linear-gradient(135deg, #6366f114, #8b5cf60a);--teacher-kpi-border:#6366f133;--teacher-shadow-sm:0 2px 8px #0000004d;--teacher-shadow-md:0 4px 16px #0006;--teacher-shadow-lg:0 8px 32px #00000080;--teacher-shadow-glow:0 0 20px #6366f126;--teacher-sidebar-width:240px;--teacher-sidebar-collapsed:64px}[data-surface=teacher][data-theme=light],html[data-theme=light] [data-surface=teacher]{--ds-bg:linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);--ds-panel:#ffffffeb;--ds-panel-strong:#fff;--ds-panel-soft:#e2e8f0cc;--ds-text:#1e293b;--ds-text-muted:#64748b;--ds-border:#0f172a17;--ds-accent:#4f46e5;--ds-accent-strong:#7c3aed;--ds-accent-alt:#0284c7;--ds-accent-soft:#4f46e51a;--ds-success:#15803d;--ds-warning:#d97706;--ds-danger:#dc2626;--ds-shadow:0 16px 36px #0f172a1a;--ds-glow:0 12px 26px #4f46e51a;--ds-focus-ring:0 0 0 3px #4f46e52e;--teacher-bg-primary:#f8fafc;--teacher-bg-secondary:#fff;--teacher-bg-tertiary:#f1f5f9;--teacher-bg-card:#ffffffd9;--teacher-bg-card-hover:#fffffff2;--teacher-bg-glass:#ffffffb3;--teacher-bg-input:#fff;--teacher-bg-input-focus:#fff;--teacher-bg-modal:#0006;--teacher-border-primary:#00000014;--teacher-border-hover:#00000026;--teacher-border-focus:#6366f1;--teacher-text-primary:#1e293b;--teacher-text-secondary:#475569;--teacher-text-muted:#94a3b8;--teacher-text-inverse:#fff;--teacher-accent-primary:#6366f1;--teacher-accent-primary-hover:#4f46e5;--teacher-accent-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--teacher-accent-success:#16a34a;--teacher-accent-success-hover:#15803d;--teacher-accent-success-bg:#16a34a14;--teacher-accent-danger:#dc2626;--teacher-accent-danger-hover:#b91c1c;--teacher-accent-danger-bg:#dc262614;--teacher-accent-warning:#d97706;--teacher-accent-warning-bg:#d9770614;--teacher-accent-info:#2563eb;--teacher-accent-info-bg:#2563eb14;--teacher-kpi-bg:linear-gradient(135deg, #6366f10f, #8b5cf608);--teacher-kpi-border:#6366f126;--teacher-shadow-sm:0 1px 3px #00000014;--teacher-shadow-md:0 4px 12px #0000001a;--teacher-shadow-lg:0 8px 24px #0000001f;--teacher-shadow-glow:0 0 20px #6366f11a}[data-surface=student]{font-family:var(--ds-font-arcade-readable)}[data-surface=student] .ds-student-surface{border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-bg);box-shadow:var(--ds-shadow);color:var(--ds-text);position:relative;overflow:hidden}[data-surface=student] .ds-student-surface:after{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(#ffffff0b,#ffffff0b 1px,#0000 1px 4px);position:absolute;inset:0}[data-surface=student] .ds-student-frame{z-index:1;gap:var(--ds-space-4);padding:var(--ds-space-5);display:grid;position:relative}[data-surface=student] .ds-student-kicker,[data-surface=student] .ds-student-title{font-family:var(--ds-font-arcade);text-transform:uppercase}[data-surface=student] .ds-student-kicker{color:var(--ds-accent);letter-spacing:.08em;text-shadow:var(--ds-glow);font-size:.65rem}[data-surface=student] .ds-student-title{font-size:clamp(.85rem,1vw + .7rem,1.15rem);line-height:1.5}[data-surface=student] .ds-student-copy{color:var(--ds-text-muted);font-size:1.45rem;line-height:1.15}[data-surface=student] .ds-student-demo-grid,[data-surface=student] .ds-student-stats{gap:var(--ds-space-3);display:grid}[data-surface=student] .ds-student-demo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}[data-surface=student] .ds-student-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}[data-surface=student] .ds-student-stat,[data-surface=student] .ds-student-card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:linear-gradient(180deg, var(--ds-panel) 0%, var(--ds-panel-strong) 100%);box-shadow:inset 0 0 0 1px #ffffff05}[data-surface=student] .ds-student-card{padding:var(--ds-space-4)}[data-surface=student] .ds-student-stat{padding:var(--ds-space-3)}[data-surface=student] .ds-student-stat-label{margin-bottom:var(--ds-space-2);color:var(--ds-text-muted);font-size:1rem;display:block}[data-surface=student] .ds-student-stat-value{font-family:var(--ds-font-arcade);color:var(--ds-accent-strong);font-size:.95rem}[data-surface=student] .ds-student-chip{align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-accent-soft);color:var(--ds-accent);font-family:var(--ds-font-arcade);padding:.35rem .8rem;font-size:.55rem;display:inline-flex}[data-surface=student] .ds-student-actions{gap:var(--ds-space-3);flex-wrap:wrap;display:flex}[data-surface=student] .ds-student-button{border-radius:var(--ds-radius-md);border:2px solid var(--ds-accent-alt);background:var(--ds-panel-soft);min-height:44px;color:var(--ds-accent-alt);cursor:pointer;font-family:var(--ds-font-arcade);text-transform:uppercase;transition:transform var(--ds-transition-fast), box-shadow var(--ds-transition-fast), background var(--ds-transition-fast), color var(--ds-transition-fast);padding:.85rem 1rem;font-size:.58rem;box-shadow:0 0 18px #ff00ea33}[data-surface=student] .ds-student-button:hover{transform:translateY(-2px)}[data-surface=student] .ds-student-button--primary{background:linear-gradient(#ff00ea2e 0%,#ff00ea14 100%)}[data-surface=student] .ds-student-button--primary:hover{background:var(--ds-accent-alt);color:#050505}[data-surface=student] .ds-student-button--secondary{border-color:var(--ds-accent);color:var(--ds-accent);box-shadow:0 0 18px #00f3ff2e}[data-surface=student] .ds-student-button--secondary:hover{background:var(--ds-accent);color:#050505}[data-surface=student] .ds-student-button--ghost{color:var(--ds-text-muted);background:0 0;border-style:dashed}[data-surface=student] .ds-student-field{gap:var(--ds-space-2);display:grid}[data-surface=student] .ds-student-label{font-family:var(--ds-font-arcade);color:var(--ds-warning);text-transform:uppercase;font-size:.55rem}[data-surface=student] .ds-student-input{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-panel);width:100%;min-height:44px;color:var(--ds-text);padding:.85rem 1rem;font-size:1.35rem}[data-surface=student] .ds-student-input::placeholder{color:var(--ds-text-muted)}[data-surface=teacher]{font-family:var(--ds-font-ui)}[data-surface=teacher] .ds-teacher-surface{border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-bg);box-shadow:var(--ds-shadow);color:var(--ds-text)}[data-surface=teacher] .ds-teacher-frame{gap:var(--ds-space-4);padding:var(--ds-space-5);display:grid}[data-surface=teacher] .ds-teacher-eyebrow{color:var(--ds-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}[data-surface=teacher] .ds-teacher-title{font-size:clamp(1.1rem,1.2vw + .95rem,1.45rem);font-weight:700;line-height:1.2}[data-surface=teacher] .ds-teacher-copy{color:var(--ds-text-muted);font-size:.98rem;line-height:1.6}[data-surface=teacher] .ds-teacher-grid,[data-surface=teacher] .ds-teacher-metrics{gap:var(--ds-space-3);display:grid}[data-surface=teacher] .ds-teacher-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}[data-surface=teacher] .ds-teacher-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}[data-surface=teacher] .ds-teacher-card,[data-surface=teacher] .ds-teacher-metric{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:linear-gradient(180deg, var(--ds-panel) 0%, var(--ds-panel-strong) 100%)}[data-surface=teacher] .ds-teacher-card{padding:var(--ds-space-4)}[data-surface=teacher] .ds-teacher-metric{padding:var(--ds-space-3)}[data-surface=teacher] .ds-teacher-metric-label{margin-bottom:var(--ds-space-2);color:var(--ds-text-muted);font-size:.84rem;display:block}[data-surface=teacher] .ds-teacher-metric-value{color:var(--ds-text);font-size:1.35rem;font-weight:700}[data-surface=teacher] .ds-teacher-badge{align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-accent-soft);color:var(--ds-accent);padding:.35rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}[data-surface=teacher] .ds-teacher-actions{gap:var(--ds-space-3);flex-wrap:wrap;display:flex}[data-surface=teacher] .ds-teacher-button{border-radius:var(--ds-radius-md);cursor:pointer;min-height:44px;transition:transform var(--ds-transition-fast), border-color var(--ds-transition-fast), background var(--ds-transition-fast), color var(--ds-transition-fast);border:1px solid #0000;padding:.8rem 1rem;font-size:.92rem;font-weight:600}[data-surface=teacher] .ds-teacher-button:hover{transform:translateY(-1px)}[data-surface=teacher] .ds-teacher-button--primary{background:var(--ds-accent);color:#fff;box-shadow:var(--ds-glow)}[data-surface=teacher] .ds-teacher-button--secondary{background:var(--ds-panel-soft);color:var(--ds-text);border-color:var(--ds-border)}[data-surface=teacher] .ds-teacher-button--ghost{color:var(--ds-text-muted);border-color:var(--ds-border);background:0 0}[data-surface=teacher] .ds-teacher-field{gap:var(--ds-space-2);display:grid}[data-surface=teacher] .ds-teacher-label{color:var(--ds-text-muted);font-size:.82rem;font-weight:600}[data-surface=teacher] .ds-teacher-input{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-panel);width:100%;min-height:44px;color:var(--ds-text);padding:.85rem 1rem;font-size:.96rem}[data-surface=teacher] .ds-teacher-input::placeholder{color:var(--ds-text-muted)}:root{--color-neon-green:#39ff14;--color-neon-pink:#ff00ea;--color-neon-blue:#3b82f6;--color-neon-yellow:#ffe600;--color-neon-purple:#8b5cf6;--color-arcade-bg:#050505;--color-arcade-deep:#0f172a;--color-arcade-surface:#1e293b;--color-arcade-border:#334155;--color-arcade-text:#e2e8f0;--color-arcade-muted:#94a3b8;--color-wm-red:#ff003c;--color-wm-red-glow:#ff003c66;--color-wm-blue:#00f3ff;--color-wm-green:#0aff00;--color-wm-yellow:#ffea00;--color-wm-bg:#0a0008;--color-wm-surface:#14000ad9;--color-wm-border:#ff003c4d;--font-warmind:"Black Ops One", cursive;--color-teacher-bg:#f8f9fa;--color-teacher-surface:#fff;--color-teacher-primary:#4a90d9;--color-teacher-text:#1a1a2e;--color-teacher-muted:#6c757d;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--font-retro:"Press Start 2P", monospace;--font-retro-readable:"VT323", monospace;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:Nunito,system-ui,sans-serif}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.evg{color:#f8fafc;background:radial-gradient(circle at top,#1f1147 0%,#09090f 55%,#050507 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:VT323,system-ui,sans-serif;display:flex}.evg__card{text-align:center;background:#0f172ad9;border:1px solid #22d3ee40;border-radius:16px;width:100%;max-width:480px;padding:40px 32px;box-shadow:0 0 40px #22d3ee14}.evg__title{color:#22d3ee;text-shadow:0 0 16px #22d3ee59;margin:0 0 16px;font-family:"Press Start 2P",cursive;font-size:clamp(1rem,2.5vw,1.4rem);line-height:1.6}.evg__email{color:#facc15;word-break:break-word;margin:0 0 12px;font-size:1.6rem}.evg__desc{color:#94a3b8;margin:0 0 28px;font-size:1.35rem;line-height:1.4}.evg__actions{flex-direction:column;gap:12px;display:flex}.evg__btn{cursor:pointer;border-radius:999px;width:100%;padding:14px 18px;font-family:VT323,system-ui,sans-serif;font-size:1.3rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.evg__btn:disabled{opacity:.6;cursor:not-allowed}.evg__btn--primary{color:#fff;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;box-shadow:0 0 18px #06b6d433}.evg__btn--primary:hover:not(:disabled){box-shadow:0 0 28px #06b6d459}.evg__btn--primary:focus-visible{outline-offset:3px;outline:3px solid #facc15e6}.evg__btn--secondary{color:#f8fafc;background:0 0;border:1px solid #f8fafc4d}.evg__btn--secondary:hover:not(:disabled){color:#22d3ee;border-color:#22d3ee66}.evg__btn--secondary:focus-visible{outline-offset:3px;outline:3px solid #facc15e6}.evg__status{border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:1.2rem}.evg__status--success{color:#86efac;background:#14532d4d}.evg__status--error{color:#fca5a5;background:#7f1d1d4d}@media (width<=640px){.evg{padding:16px}.evg__card{padding:32px 20px}}.ls-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:2rem 1rem;display:flex}.ls-fullpage{min-height:60vh}.ls-dots{gap:8px;display:flex}.ls-dot{background:var(--color-neon-green,#39ff14);width:12px;height:12px;box-shadow:0 0 8px var(--color-neon-green,#39ff14), 0 0 20px var(--color-neon-green,#39ff1466);border-radius:50%;animation:1.2s ease-in-out infinite ls-bounce}.ls-dot:nth-child(2){background:var(--color-neon-blue,#00f3ff);box-shadow:0 0 8px var(--color-neon-blue,#00f3ff), 0 0 20px var(--color-neon-blue,#00f3ff66);animation-delay:.2s}.ls-dot:nth-child(3){background:var(--color-neon-yellow,#fc0);box-shadow:0 0 8px var(--color-neon-yellow,#fc0), 0 0 20px var(--color-neon-yellow,#fc06);animation-delay:.4s}@keyframes ls-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ls-message-arcade{color:var(--color-arcade-muted,#94a3b8);font-family:var(--font-body,"VT323", monospace);letter-spacing:.5px;text-align:center;margin:0;font-size:1.1rem}.ls-arcade.ls-sm .ls-dot{width:8px;height:8px}.ls-arcade.ls-sm .ls-message-arcade{font-size:.9rem}.ls-arcade.ls-lg .ls-dot{width:16px;height:16px}.ls-arcade.ls-lg .ls-message-arcade{font-size:1.3rem}.ls-ring{border:3px solid #64748b40;border-top-color:var(--accent-primary,#3b82f6);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite ls-spin}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-message-pro{color:var(--text-secondary,#64748b);text-align:center;margin:0;font-size:.95rem}.ls-professional.ls-sm .ls-ring{border-width:2px;width:24px;height:24px}.ls-professional.ls-sm .ls-message-pro{font-size:.85rem}.ls-professional.ls-lg .ls-ring{border-width:4px;width:48px;height:48px}.ls-professional.ls-lg .ls-message-pro{font-size:1.1rem}.rivalry-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:380px;display:flex;position:fixed;top:20px;right:20px}.rivalry-toast{pointer-events:auto;color:#e0e0e0;background:#1a1a2e;border:2px solid #ff3232;border-radius:14px;padding:16px;font-family:VT323,Courier New,monospace;animation:.4s cubic-bezier(.34,1.56,.64,1) rivalryToastIn;position:relative;overflow:hidden;box-shadow:0 0 20px #ff323259,0 8px 32px #0009}.rivalry-toast:before{content:"";background:linear-gradient(90deg,#ff3232,#f60,#ff3232);height:3px;animation:2s ease-in-out infinite rivalryToastGlow;position:absolute;top:0;left:0;right:0}@keyframes rivalryToastIn{0%{opacity:0;transform:translate(40px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes rivalryToastGlow{0%,to{opacity:.7}50%{opacity:1}}.rivalry-toast-incoming{background:linear-gradient(135deg,#1a1a2e 0%,#2a1020 100%);border-color:#ff3232}.rivalry-toast-accepted{background:linear-gradient(135deg,#1a1a2e 0%,#102a10 100%);border-color:#39ff14;box-shadow:0 0 20px #39ff144d,0 8px 32px #0009}.rivalry-toast-accepted:before{background:linear-gradient(90deg,#39ff14,#0f8,#39ff14)}.rivalry-toast-declined{background:linear-gradient(135deg,#1a1a2e 0%,#1a1a1a 100%);border-color:#666;box-shadow:0 0 12px #64646433,0 8px 32px #0009}.rivalry-toast-declined:before{background:linear-gradient(90deg,#666,#888,#666)}.rivalry-toast-result.rivalry-toast-won{background:linear-gradient(135deg,#1a1a2e 0%,#2a2510 100%);border-color:gold;box-shadow:0 0 20px #ffd70059,0 8px 32px #0009}.rivalry-toast-won:before{background:linear-gradient(90deg,gold,#fa0,gold)}.rivalry-toast-won .rivalry-toast-title{color:gold;text-shadow:0 0 10px #ffd70080}.rivalry-toast-result.rivalry-toast-lost{background:linear-gradient(135deg,#1a1a2e 0%,#2a1010 100%);border-color:#f55;box-shadow:0 0 20px #ff323240,0 8px 32px #0009}.rivalry-toast-lost:before{background:linear-gradient(90deg,#f55,#ff3232,#f55)}.rivalry-toast-lost .rivalry-toast-title{color:#f55;text-shadow:0 0 10px #ff323280}.rivalry-toast-result.rivalry-toast-tie{background:linear-gradient(135deg,#1a1a2e 0%,#102025 100%);border-color:#00f3ff;box-shadow:0 0 20px #00f3ff40,0 8px 32px #0009}.rivalry-toast-tie:before{background:linear-gradient(90deg,#00f3ff,#0af,#00f3ff)}.rivalry-toast-tie .rivalry-toast-title{color:#00f3ff;text-shadow:0 0 10px #00f3ff80}.rivalry-toast-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rivalry-toast-icon{font-size:1.5rem}.rivalry-toast-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-family:"Press Start 2P",cursive;font-size:.75rem}.rivalry-toast-incoming .rivalry-toast-title{color:#f55;text-shadow:0 0 10px #ff323280}.rivalry-toast-accepted .rivalry-toast-title{color:#39ff14;text-shadow:0 0 10px #39ff1480}.rivalry-toast-body{color:#ccc;margin-bottom:12px;font-size:1.1rem;line-height:1.4}.rivalry-toast-body strong{color:#fff}.rivalry-toast-metric{color:#00f3ff;font-weight:700}.rivalry-toast-actions{gap:8px;display:flex}.rivalry-toast-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:2px solid;border-radius:8px;flex:1;padding:8px 12px;font-family:"Press Start 2P",cursive;font-size:.6rem;transition:all .2s}.rivalry-toast-accept{color:#39ff14;background:#39ff1426;border-color:#39ff14}.rivalry-toast-accept:hover{background:#39ff144d;transform:scale(1.03);box-shadow:0 0 12px #39ff1466}.rivalry-toast-decline{color:#f55;background:#ff32321a;border-color:#f55}.rivalry-toast-decline:hover{background:#ff323240;transform:scale(1.03);box-shadow:0 0 12px #ff32324d}.rivalry-toast-btn:focus-visible{outline-offset:2px;outline:2px solid #00f3ff}.rivalry-toast-dismiss{color:#666;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;top:8px;right:10px}.rivalry-toast-dismiss:hover{color:#fff}@media (width<=480px){.rivalry-toast-container{max-width:none;top:12px;left:12px;right:12px}.rivalry-toast{padding:12px}.rivalry-toast-title{font-size:.65rem}.rivalry-toast-btn{padding:6px 8px;font-size:.55rem}}.neon-icon-wrapper{--glow-blur:8px;z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.neon-icon-svg{filter:drop-shadow(0 0 var(--glow-blur) var(--neon-color));transition:filter .2s,transform .2s}.neon-icon-wrapper:hover .neon-icon-svg{filter:drop-shadow(0 0 calc(var(--glow-blur) * 1.5) var(--neon-color));transform:scale(1.05)}.arb-container{z-index:9000;pointer-events:none;flex-direction:column;gap:8px;width:90%;max-width:600px;animation:.4s arbFadeIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes arbFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.arb-card{pointer-events:auto;border:1px solid var(--arb-accent,#00f3ff);cursor:pointer;text-align:left;font-family:var(--font-system);background:linear-gradient(145deg,#0d0d14 0%,#111128 100%);border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:10px 14px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00f3ff33}.arb-card:before{content:"";background:linear-gradient(90deg, transparent, var(--arb-accent,#00f3ff), transparent);height:1px;animation:3s linear infinite arbScanline;position:absolute;top:0;left:0;right:0}@keyframes arbScanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.arb-card:hover{border-color:var(--arb-accent,#00f3ff);transform:translateY(-2px);box-shadow:0 4px 16px #00f3ff40,0 0 20px #00f3ff1a}.arb-card:focus-visible{outline:2px solid var(--arb-accent,#00f3ff);outline-offset:2px}.arb-live{color:#ef4444;text-transform:uppercase;letter-spacing:1px;align-self:flex-start;align-items:center;gap:5px;font-family:"Press Start 2P",cursive;font-size:.35rem;display:inline-flex}.arb-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite arbPulse;box-shadow:0 0 6px #ef4444,0 0 12px #ef444466}@keyframes arbPulse{0%,to{opacity:1;box-shadow:0 0 6px #ef4444}50%{opacity:.4;box-shadow:0 0 2px #ef4444}}.arb-scores{flex-wrap:nowrap;align-items:center;gap:10px;display:flex;overflow:hidden}.arb-player{align-items:center;gap:5px;min-width:0;display:flex}.arb-player-label{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.8rem;font-weight:700;overflow:hidden}.arb-player-leading .arb-player-label{color:#e2e8f0}.arb-player-score{white-space:nowrap;text-shadow:0 0 6px;font-family:VT323,monospace;font-size:1.1rem}.arb-vs{color:#ff3232;text-shadow:0 0 6px #ff323266;flex-shrink:0;font-family:"Press Start 2P",cursive;font-size:.4rem}.arb-divider{color:#334155;flex-shrink:0;font-size:1rem;line-height:1}.arb-countdown{color:#fbbf24;white-space:nowrap;text-shadow:0 0 6px #fbbf244d;letter-spacing:.5px;flex-shrink:0;margin-left:auto;font-family:"Press Start 2P",cursive;font-size:.35rem}.arb-gap-bar{background:#1e293b;border-radius:2px;height:4px;display:flex;overflow:hidden}.arb-gap-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.arb-gap-fill-left{background:linear-gradient(90deg,#00f3ff,#08f);border-radius:2px 0 0 2px;box-shadow:0 0 4px #00f3ff66}.arb-gap-fill-right{background:linear-gradient(90deg,#ff6b6b,#ff3232);border-radius:0 2px 2px 0;box-shadow:0 0 4px #ff323266}@media (width<=600px){.arb-scores{flex-wrap:wrap;gap:6px}.arb-player-label{max-width:60px;font-size:.75rem}.arb-player-score{font-size:.95rem}.arb-divider{display:none}.arb-countdown{text-align:right;width:100%;margin-top:2px}}.student-layout[data-surface=student]{background-color:var(--student-surface-bg,#050505);background-image:var(--student-surface-bg-image,radial-gradient(circle at center, #1a1a24 0%, #050505 100%));min-height:100vh;color:var(--student-text-primary,#f8fafc);font-family:Nunito,sans-serif}.student-layout[data-surface=student][data-theme=light]{background-color:var(--student-surface-bg-light,#f5f5f5);background-image:var(--student-surface-bg-image-light,none);color:var(--student-text-primary-light,#1a1a2e)}.student-topbar{z-index:1001;background:var(--student-topbar-bg,#050505e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--student-topbar-border,#222);justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.student-layout[data-surface=student][data-theme=light] .student-topbar{background:var(--student-topbar-bg-light,#ffffffeb);border-bottom-color:var(--student-topbar-border-light,#e2e8f0)}.student-topbar-left{align-items:center;gap:12px;display:flex}.student-topbar-back{border:1px solid var(--student-button-muted-border,#334155);color:var(--student-button-muted-text,#94a3b8);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-family:"Press Start 2P",cursive;font-size:.65rem;transition:all .2s}.student-topbar-back:hover{color:var(--student-color-accent-cyan,#00f3ff);border-color:var(--student-color-accent-cyan,#00f3ff);text-shadow:0 0 6px var(--student-glow-cyan-soft,#00f3ff66)}.student-topbar-name{color:var(--student-color-accent-cyan,#00f3ff);text-shadow:0 0 8px var(--student-glow-cyan,#00f3ff80);text-transform:uppercase;font-family:"Press Start 2P",cursive;font-size:.7rem}.student-layout[data-surface=student][data-theme=light] .student-topbar-name{color:var(--student-color-accent-primary-light,#6366f1);text-shadow:none}.student-topbar-btn{background:var(--student-button-primary-bg,#050505);border:2px solid var(--student-color-accent-pink,#ff00ea);color:var(--student-color-accent-pink,#ff00ea);cursor:pointer;text-transform:uppercase;box-shadow:0 0 10px var(--student-glow-pink-soft,#ff00ea66), inset 0 0 5px var(--student-glow-pink-inset,#ff00ea33);border-radius:6px;padding:6px 12px;font-family:"Press Start 2P",cursive;font-size:.65rem;transition:all .2s}.student-topbar-btn:hover{background:var(--student-button-primary-hover-bg,#ff00ea);color:var(--student-button-primary-hover-text,#050505);box-shadow:0 0 15px var(--student-glow-pink-strong,#ff00eacc);transform:translateY(-2px)}.student-layout[data-surface=student][data-theme=light] .student-topbar-btn{background:var(--student-button-primary-bg-light,#fff);border-color:var(--student-color-accent-primary-light,#6366f1);color:var(--student-color-accent-primary-light,#6366f1);box-shadow:none}.student-layout[data-surface=student][data-theme=light] .student-topbar-btn:hover{background:var(--student-button-primary-hover-bg-light,#6366f1);color:var(--student-button-primary-hover-text-light,#fff);box-shadow:0 2px 8px var(--student-shadow-light-accent,#6366f14d)}.student-main{flex-direction:column;align-items:center;width:100%;padding:40px 20px;display:flex}.student-main:has(>.sim-page){align-items:stretch;padding:0}.student-topbar-right{align-items:center;gap:8px;display:flex}.student-topbar-theme{border:1px solid var(--student-button-muted-border,#334155);color:var(--student-button-muted-text,#94a3b8);cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px;font-size:1rem;line-height:1;transition:all .2s}.student-topbar-theme:hover{border-color:var(--student-color-accent-warm,#f59e0b);background:var(--student-button-muted-hover-bg,#f59e0b1a)}.student-layout[data-surface=student][data-theme=light] .student-topbar-back{color:var(--student-button-muted-text-light,#475569);border-color:var(--student-button-muted-border-light,#cbd5e1)}.student-layout[data-surface=student][data-theme=light] .student-topbar-back:hover{color:var(--student-color-accent-primary-light,#6366f1);border-color:var(--student-color-accent-primary-light,#6366f1);text-shadow:none}.student-layout[data-surface=student][data-theme=light] .student-topbar-theme{color:var(--student-button-muted-text-light,#475569);border-color:var(--student-button-muted-border-light,#cbd5e1)}.student-layout[data-surface=student][data-theme=light] .student-topbar-theme:hover{border-color:var(--student-color-accent-primary-light,#6366f1);background:var(--student-button-muted-hover-bg-light,#6366f114)}.teacher-layout{background:var(--teacher-bg-primary,var(--bg-primary,#0f1117));min-height:100vh;color:var(--teacher-text-primary,var(--text-primary,#e2e8f0));font-family:var(--teacher-font-sans,var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));flex-direction:column;display:flex}.teacher-topbar{background:var(--teacher-bg-secondary,var(--bg-secondary,#161822));border-bottom:1px solid var(--teacher-border-primary,var(--border-primary,#ffffff14));z-index:150;justify-content:flex-end;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.teacher-topbar-left{display:none}.teacher-topbar-logo{background:var(--teacher-accent-gradient,linear-gradient(135deg, #6366f1, #8b5cf6));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:900;display:none}.teacher-topbar-badge{display:none}.teacher-topbar-right{align-items:center;gap:14px;display:flex}.teacher-topbar-name{color:var(--teacher-text-secondary,var(--text-secondary,#94a3b8));font-size:.88rem;font-weight:700}.teacher-topbar-btn{background:var(--teacher-bg-tertiary,var(--bg-tertiary,#1e2030));color:var(--teacher-text-primary,var(--text-primary,#e2e8f0));border:1px solid var(--teacher-border-primary,var(--border-primary,#ffffff14));border-radius:var(--teacher-radius-md,8px);cursor:pointer;transition:all var(--teacher-transition-fast,.15s ease);padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:700}.teacher-topbar-btn:hover{background:var(--teacher-bg-card-hover,var(--bg-card-hover,#282a3ed9));border-color:var(--teacher-border-hover,var(--border-hover,#ffffff26))}.teacher-main{flex:1}.skip-nav{z-index:9999;background:var(--student-color-accent-cyan,#00f3ff);color:var(--student-surface-contrast,#050505);border-radius:0 0 6px;padding:8px 16px;font-size:.9rem;font-weight:700;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-nav:focus{left:0}.solo-layout[data-surface=student]{background-color:var(--student-surface-bg,#050505);background-image:var(--student-surface-bg-image,radial-gradient(circle at center, #1a1a24 0%, #050505 100%));min-height:100vh;color:var(--student-text-primary,#f8fafc);flex-direction:column;font-family:Nunito,sans-serif;display:flex}.solo-layout[data-surface=student][data-theme=light]{background-color:var(--student-surface-bg-light,#f5f5f5);background-image:var(--student-surface-bg-image-light,none);color:var(--student-text-primary-light,#1a1a2e)}.solo-layout[data-surface=student][data-theme=light] .solo-footer{border-top-color:var(--student-topbar-border-light,#e2e8f0);background:linear-gradient(#6366f108 0%,#fffffff0 100%)}.solo-layout[data-surface=student][data-theme=light] .solo-footer-link,.solo-layout[data-surface=student][data-theme=light] .solo-footer-link:hover{color:var(--student-color-accent-primary-light,#6366f1);text-shadow:none}.solo-layout[data-surface=student][data-theme=light] .solo-footer:before{background:linear-gradient(90deg, transparent 0%, var(--student-color-accent-primary-light,#6366f1) 50%, transparent 100%)}.solo-layout[data-surface=student][data-theme=light] .solo-footer-link+.solo-footer-link:before{color:var(--student-text-muted-light,#1a1a2e73)}.solo-layout[data-surface=student][data-theme=light] .solo-footer-link:focus-visible{outline-color:var(--student-color-accent-primary-light,#6366f1)}.solo-topbar{z-index:1001;background:var(--student-topbar-bg,#050505e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--student-topbar-border,#222);justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.solo-layout[data-surface=student][data-theme=light] .solo-topbar{background:var(--student-topbar-bg-light,#ffffffeb);border-bottom-color:var(--student-topbar-border-light,#e2e8f0)}.solo-topbar-left{align-items:center;gap:12px;display:flex}.solo-topbar-back{border:1px solid var(--student-button-muted-border,#334155);color:var(--student-button-muted-text,#94a3b8);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:32px;padding:6px 14px;font-family:"Press Start 2P",cursive;font-size:.62rem;transition:all .2s;display:flex}.solo-topbar-back:hover{color:var(--student-color-accent-cyan,#00f3ff);border-color:var(--student-color-accent-cyan,#00f3ff);text-shadow:0 0 6px var(--student-glow-cyan-soft,#00f3ff66)}.solo-topbar-name{color:var(--student-color-accent-cyan,#00f3ff);text-shadow:0 0 8px var(--student-glow-cyan,#00f3ff80);text-transform:uppercase;font-family:"Press Start 2P",cursive;font-size:.7rem}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-name{color:var(--student-color-accent-primary-light,#6366f1);text-shadow:none}.solo-topbar-btn{background:var(--student-button-primary-bg,#050505);border:2px solid var(--student-color-accent-pink,#ff00ea);color:var(--student-color-accent-pink,#ff00ea);cursor:pointer;text-transform:uppercase;box-sizing:border-box;min-height:40px;box-shadow:0 0 10px var(--student-glow-pink-soft,#ff00ea66), inset 0 0 5px var(--student-glow-pink-inset,#ff00ea33);border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:.7rem;transition:all .2s;display:flex}.btn-icon{justify-content:center;align-items:center;line-height:1;display:flex}.solo-topbar-btn:hover{background:var(--student-button-primary-hover-bg,#ff00ea);color:var(--student-button-primary-hover-text,#050505);box-shadow:0 0 15px var(--student-glow-pink-strong,#ff00eacc);transform:translateY(-2px)}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-btn{background:var(--student-button-primary-bg-light,#fff);border-color:var(--student-color-accent-primary-light,#6366f1);color:var(--student-color-accent-primary-light,#6366f1);box-shadow:none}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-btn:hover{background:var(--student-button-primary-hover-bg-light,#6366f1);color:var(--student-button-primary-hover-text-light,#fff);box-shadow:0 2px 8px var(--student-shadow-light-accent,#6366f14d)}.settings-btn{border-color:var(--student-color-accent-cyan,#00f3ff);color:var(--student-color-accent-cyan,#00f3ff);box-shadow:0 0 10px var(--student-glow-cyan-soft,#00f3ff66), inset 0 0 5px var(--student-glow-cyan-inset,#00f3ff33)}.settings-btn:hover{background:var(--student-button-secondary-hover-bg,#00f3ff);color:var(--student-button-secondary-hover-text,#050505);box-shadow:0 0 15px var(--student-glow-cyan-strong,#00f3ffcc)}.solo-layout[data-surface=student][data-theme=light] .settings-btn{border-color:var(--student-color-accent-primary-light,#6366f1);color:var(--student-color-accent-primary-light,#6366f1)}.solo-layout[data-surface=student][data-theme=light] .settings-btn:hover{background:var(--student-button-secondary-hover-bg-light,#6366f1);color:var(--student-button-secondary-hover-text-light,#fff)}.solo-main{flex-direction:column;flex:1;align-items:center;width:100%;padding:40px 20px;display:flex}.solo-footer{border-top:1px solid var(--student-topbar-border,#222);background:linear-gradient(#00f3ff05 0%,#0505056b 100%);justify-content:center;align-items:center;gap:18px;width:100%;padding:18px 20px 24px;display:flex;position:relative}.solo-footer:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--student-color-accent-cyan,#00f3ff) 50%, transparent 100%);opacity:.45;width:min(220px,100% - 48px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.solo-footer-link{color:var(--student-color-accent-cyan,#00f3ff);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 8px var(--student-glow-cyan-soft,#00f3ff59);opacity:.9;font-family:"Press Start 2P",cursive;font-size:.62rem;text-decoration:none;transition:color .2s,text-shadow .2s,transform .2s,opacity .2s}.solo-footer-link+.solo-footer-link:before{content:"/";color:var(--student-text-muted,#f8fafc8c);text-shadow:none;margin-right:18px}.solo-footer-link:hover{color:var(--student-color-accent-pink,#ff00ea);text-shadow:0 0 10px var(--student-glow-pink-soft,#ff00ea66);opacity:1;transform:translateY(-1px)}.solo-footer-link:focus-visible{outline:2px solid var(--student-color-accent-cyan,#00f3ff);outline-offset:4px;border-radius:4px}.solo-topbar-right{align-items:center;gap:12px;display:flex}.solo-topbar-theme{border:1px solid var(--student-button-muted-border,#334155);color:var(--student-button-muted-text,#94a3b8);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:6px 14px;font-size:1rem;line-height:1;transition:all .2s;display:flex}.solo-topbar-theme:hover{border-color:var(--student-color-accent-warm,#f59e0b);background:var(--student-button-muted-hover-bg,#f59e0b1a)}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-back{color:var(--student-button-muted-text-light,#475569);border-color:var(--student-button-muted-border-light,#cbd5e1)}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-back:hover{color:var(--student-color-accent-primary-light,#6366f1);border-color:var(--student-color-accent-primary-light,#6366f1);text-shadow:none}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-theme{color:var(--student-button-muted-text-light,#475569);border-color:var(--student-button-muted-border-light,#cbd5e1)}.solo-layout[data-surface=student][data-theme=light] .solo-topbar-theme:hover{border-color:var(--student-color-accent-primary-light,#6366f1);background:var(--student-button-muted-hover-bg-light,#6366f114)}@media (width<=768px){.hide-on-mobile{display:none!important}.solo-topbar{padding:10px 12px}.solo-main{padding:24px 16px}.solo-footer{padding:16px}}@media (width<=480px){.solo-topbar-name{display:none}.solo-topbar-left,.solo-topbar-right{gap:8px}.solo-topbar-btn,.solo-topbar-back,.solo-topbar-theme{justify-content:center;align-items:center;min-height:36px;padding:8px 10px;font-size:1rem;line-height:1;display:flex}.solo-main{padding:12px 10px}.solo-footer{gap:14px;padding:14px 10px 18px}.solo-footer-link+.solo-footer-link:before{margin-right:14px}.solo-footer-link{font-size:.56rem}}.arcade-no-padding{max-width:100%!important;padding:0!important}@keyframes xpToastSlideIn{0%{opacity:0;transform:translate(60px)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes xpAmountPop{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes xpGlow{0%,to{text-shadow:0 0 8px #ffe60080}50%{text-shadow:0 0 20px #ffe600e6,0 0 40px #ffc8004d}}@keyframes xpBarFill{0%{width:0%}}@keyframes xpLevelUpSlide{0%{opacity:0;transform:translateY(20px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.05)}35%{transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes xpBurstPulse{0%{opacity:0;transform:scale(.3)}30%{opacity:.6;transform:scale(1.2)}to{opacity:0;transform:scale(2.5)}}@keyframes xpLevelShine{0%{background-position:-200%}to{background-position:200%}}.xp-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.xp-toast{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0a0a18 0%,#0d0f2a 50%,#0f1035 100%);border:1px solid #ffe6004d;border-radius:14px;flex-direction:column;gap:8px;min-width:260px;max-width:320px;padding:14px 18px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards xpToastSlideIn;display:flex;box-shadow:0 8px 32px #0009,0 0 20px #ffe6001a,inset 0 1px #ffffff0d}.xp-toast-header{align-items:center;gap:8px;display:flex}.xp-toast-icon{flex-shrink:0;font-size:1.3rem;animation:1.5s infinite xpGlow}.xp-toast-amount{color:#ffe600;text-shadow:0 0 12px #ffe60080;letter-spacing:.5px;flex-shrink:0;font-family:"Press Start 2P",cursive;font-size:.85rem;animation:.5s xpAmountPop}.xp-toast-label{font-family:var(--font-system,-apple-system, sans-serif);color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.xp-toast-level-section{flex-direction:column;gap:5px;display:flex}.xp-toast-level-row{align-items:center;gap:6px;display:flex}.xp-toast-level-badge{color:#00f3ff;text-shadow:0 0 8px #00f3ff66;background:#00f3ff1a;border:1px solid #00f3ff40;border-radius:6px;flex-shrink:0;padding:2px 7px;font-family:"Press Start 2P",cursive;font-size:.55rem}.xp-toast-level-title{font-family:var(--font-system,-apple-system, sans-serif);color:#e2e8f0;text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;font-weight:700}.xp-toast-xp-label{color:#64748b;flex-shrink:0;margin-left:auto;font-family:VT323,monospace;font-size:.75rem}.xp-toast-progress-track{background:#ffffff0f;border-radius:3px;height:6px;position:relative;overflow:hidden}.xp-toast-progress-fill{background:linear-gradient(90deg,#00f3ff,#39ff14,#ffe600) 0 0/200% 100%;border-radius:3px;height:100%;transition:width .8s cubic-bezier(.25,.46,.45,.94);animation:.8s ease-out xpBarFill;box-shadow:0 0 8px #00f3ff66,0 0 16px #39ff1433}.xp-levelup-banner{z-index:10000;pointer-events:none;background:linear-gradient(145deg,#0d0d1a 0%,#111140 100%);border:2px solid #ffe60080;border-radius:20px;align-items:center;gap:12px;padding:20px 36px;animation:6s cubic-bezier(.16,1,.3,1) forwards xpLevelUpSlide;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ffe60040,0 0 100px #00f3ff1a,inset 0 2px #ffffff14}.xp-levelup-burst{pointer-events:none;background:radial-gradient(circle,#ffe6004d 0%,#0000 70%);border-radius:50%;animation:1.5s ease-out xpBurstPulse;position:absolute;inset:-40px}.xp-levelup-icon{flex-shrink:0;font-size:2rem}.xp-levelup-text{color:#ffe600;text-shadow:0 0 16px #ffe60099,0 0 32px #ffc8004d;font-family:"Press Start 2P",cursive;font-size:1rem;animation:1s infinite xpGlow}.xp-levelup-level{color:#00f3ff;text-shadow:0 0 12px #00f3ff80;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00f3ff,#39ff14,#00f3ff) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-family:"Press Start 2P",cursive;font-size:.9rem;animation:2s linear infinite xpLevelShine}.xp-levelup-title{font-family:var(--font-system,-apple-system, sans-serif);color:#e2e8f0;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}@media (width<=480px){.xp-toast-container{bottom:12px;left:12px;right:12px}.xp-toast{min-width:unset;max-width:unset}.xp-levelup-banner{gap:8px;padding:14px 20px}.xp-levelup-text{font-size:.7rem}.xp-levelup-level{font-size:.65rem}}.login-page{background:linear-gradient(135deg,#1a0a2e 0%,#0f0720 50%,#050505 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:48px 36px;box-shadow:0 25px 60px #00000080}.login-logo{filter:drop-shadow(0 0 20px #39ff1466);width:120px;height:auto;margin-bottom:12px}.login-title{color:#39ff14;text-shadow:0 0 15px #39ff1480;margin-bottom:8px;font-family:"Press Start 2P",cursive,system-ui;font-size:1.6rem}.login-subtitle{color:#94a3b8;margin-bottom:28px;font-size:.95rem}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{text-align:left;flex-direction:column;gap:.45rem;display:flex}.login-label{color:#d7e2f0;letter-spacing:.01em;font-size:.86rem;font-weight:600}.login-help-text{color:#8ea2bd;margin:0;font-size:.8rem;line-height:1.4}.login-input{color:#f8fafc;box-sizing:border-box;background:#0006;border:2px solid #ffffff1a;border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#00f3ff;outline:none;box-shadow:0 0 15px #00f3ff4d}.login-input::placeholder{color:#64748b}.login-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}.login-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 15px #8b5cf666}.login-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699}.login-btn.secondary{color:#94a3b8;background:0 0;border:1px solid #ffffff26}.login-btn.secondary:hover{color:#f8fafc;background:#ffffff0d;border-color:#ffffff4d}.login-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#ef4444;margin-top:4px;font-size:.85rem;font-weight:600}.forgot-password-link{color:#94a3b8;text-align:right;cursor:pointer;background:0 0;border:none;margin-top:-6px;margin-bottom:8px;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s}.forgot-password-link:hover{color:#00f3ff;text-decoration:underline}.forgot-password-form{margin-top:24px}.reset-success{color:#f8fafc;background:#39ff141a;border:1px solid #39ff144d;border-radius:12px;margin:24px 0;padding:24px}.reset-success-icon{margin-bottom:12px;color:#4ade80;filter:drop-shadow(0 0 12px #4ade8059);width:2.5rem;height:2.5rem;margin-inline:auto;display:block}.login-legal-copy{text-align:center;color:#a8b6cb;margin-top:1.5rem;font-size:.82rem;line-height:1.6}.login-legal-link{color:#7dd3fc}.login-legal-link:hover,.login-legal-link:focus-visible{color:#bae6fd}.login-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);flex:1;height:1px}.login-divider span{color:#64748b;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:.8rem}.login-btn.google{color:#3c4043;background:#fff;border:1px solid #fff3;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex;box-shadow:0 2px 8px #0003}.login-btn.google:hover:not(:disabled){background:#f1f3f4;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.login-btn.google:focus-visible{outline-offset:2px;outline:2px solid #4285f4}.google-icon{flex-shrink:0}.role-picker-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#050505d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.role-picker-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);text-align:center;background:#0f0720cc;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:760px;padding:56px 48px;animation:.4s cubic-bezier(.16,1,.3,1) role-picker-fade-in;box-shadow:0 30px 80px #000c,inset 0 1px #ffffff1a}@keyframes role-picker-fade-in{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.role-picker-title{color:#39ff14;text-shadow:0 0 20px #39ff1466;margin-bottom:12px;font-family:"Press Start 2P",cursive,system-ui;font-size:1.4rem;line-height:1.6}.role-picker-subtitle{color:#cbd5e1;margin-bottom:40px;font-size:1.15rem;font-weight:500}.role-picker-buttons{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.role-picker-btn{cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:36px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.role-picker-btn:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff0f 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.role-picker-btn:hover:before{opacity:1}.role-picker-btn:hover:not(:disabled){transform:translateY(-6px)}.role-picker-btn.teacher:hover:not(:disabled){background:#a855f714;border-color:#a855f7;box-shadow:0 16px 40px #a855f740,inset 0 0 0 1px #a855f726}.role-picker-btn.student:hover:not(:disabled){background:#06b6d414;border-color:#06b6d4;box-shadow:0 16px 40px #06b6d440,inset 0 0 0 1px #06b6d426}.role-picker-btn.solo:hover:not(:disabled){background:#22c55e14;border-color:#22c55e;box-shadow:0 16px 40px #22c55e40,inset 0 0 0 1px #22c55e26}.role-picker-btn:focus-visible{outline-offset:4px;outline:2px solid #39ff14}.role-picker-btn:disabled{opacity:.72;cursor:not-allowed;transform:none!important}.role-picker-btn.is-coming-soon{background:#0f172a8c;border-color:#94a3b833;box-shadow:inset 0 0 0 1px #94a3b814}.role-picker-btn.is-coming-soon:before,.role-picker-btn.is-coming-soon:hover:before{opacity:0}.role-picker-btn.is-coming-soon .role-picker-emoji,.role-picker-btn.is-coming-soon .role-picker-label{opacity:.78}.role-picker-btn.is-coming-soon .role-picker-description{color:#7b8aa3}.role-picker-badge{color:#fcd34d;letter-spacing:.08em;text-transform:uppercase;background:#fbbf2424;border:1px solid #fbbf2473;border-radius:999px;padding:.35rem .6rem;font-size:.68rem;font-weight:800;position:absolute;top:14px;right:14px}.role-picker-auto-card{max-width:420px}.role-picker-auto-card .login-subtitle{margin-bottom:0}.role-picker-emoji{filter:drop-shadow(0 4px 12px #0000004d);margin-bottom:8px;font-size:3.2rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.role-picker-btn:hover:not(:disabled) .role-picker-emoji{transform:scale(1.15)translateY(-6px)}.role-picker-label{color:#f8fafc;letter-spacing:.02em;font-size:1.15rem;font-weight:700}.role-picker-description{color:#94a3b8;font-size:.9rem;font-weight:400;line-height:1.5}.role-picker-loading{color:#94a3b8;margin-top:24px;font-size:.9rem;animation:1.5s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.role-picker-error{color:#fff;z-index:1001;background:#ef4444f2;border-radius:14px;padding:14px 28px;font-weight:500;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #ef44444d}@media (width<=768px){.role-picker-buttons{grid-template-columns:1fr;gap:16px}.role-picker-card{padding:40px 24px}}@media (width<=480px){.role-picker-title{font-size:1.1rem;line-height:1.4}.role-picker-subtitle{margin-bottom:24px;font-size:1rem}.role-picker-emoji{font-size:2.5rem}.role-picker-btn{gap:12px;padding:24px 20px}.login-card{padding:32px 24px}.login-title{font-size:1.3rem}.login-logo{width:100px}}.badge-tooltip{z-index:9999;pointer-events:none;white-space:nowrap;background:linear-gradient(145deg,#0d0d12 0%,#111128 100%);border:1px solid #ffe60059;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;animation:.15s badgeTooltipIn;display:flex;position:fixed;box-shadow:0 4px 20px #0009,0 0 12px #ffe6001a}@keyframes badgeTooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.badge-tooltip-icon{flex-shrink:0;font-size:1.1rem}.badge-tooltip-info{flex-direction:column;gap:2px;display:flex}.badge-tooltip-label{font-family:var(--font-system);color:#ffe600;text-shadow:0 0 6px #ffe6004d;font-size:.8rem;font-weight:700}.badge-tooltip-date{font-family:var(--font-system);color:#94a3b8;font-size:.7rem}[data-student-theme=light] .badge-tooltip{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:#6366f14d;box-shadow:0 4px 20px #0000001a}[data-student-theme=light] .badge-tooltip-label{color:#6366f1;text-shadow:none}.cw-container{background:linear-gradient(145deg,#0d0d14 0%,#111128 100%);border:2px solid #39ff144d;border-radius:14px;margin-bottom:14px;padding:16px 18px;animation:.4s cwFadeIn;position:relative;overflow:hidden;box-shadow:0 0 12px #39ff1414}.cw-container:before{content:"";background:linear-gradient(90deg,#0000,#39ff14,#0000);height:2px;animation:3s linear infinite cwScanline;position:absolute;top:0;left:0;right:0}@keyframes cwFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cwScanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cw-container.cw-complete{border-color:#ffe60066;box-shadow:0 0 20px #ffe6001f}.cw-container.cw-complete:before{background:linear-gradient(90deg,#0000,#ffe600,#0000)}.cw-celebration{color:#ffe600;text-shadow:0 0 10px #ffe60080;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#ffe60026 0%,#39ff141a 100%);border-bottom:1px solid #ffe60040;justify-content:center;align-items:center;gap:8px;margin:-16px -18px 12px;padding:8px;font-family:"Press Start 2P",cursive;font-size:.55rem;animation:2s infinite cwCelebrationPulse;display:flex}@keyframes cwCelebrationPulse{0%,to{text-shadow:0 0 10px #ffe60080}50%{text-shadow:0 0 20px #ffe600cc,0 0 30px #39ff144d}}.cw-celebration-icon{font-size:1rem;animation:1.5s infinite cwBounce}@keyframes cwBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cw-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cw-title{color:#e2e8f0;align-items:center;gap:8px;margin:0;font-family:VT323,monospace;font-size:1.2rem;font-weight:600;display:flex}.cw-flag{font-size:1rem}.cw-countdown{color:#fbbf24;white-space:nowrap;text-shadow:0 0 6px #fbbf244d;letter-spacing:.5px;font-family:"Press Start 2P",cursive;font-size:.5rem}.cw-bar-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.cw-bar-track{background:#1e293b;border:1px solid #334155;border-radius:5px;flex:1;height:10px;overflow:hidden}.cw-bar-fill{background:linear-gradient(90deg,#39ff14,#00f3ff);border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px #39ff1480}.cw-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;height:100%;animation:1.5s infinite cwShimmer;position:absolute;top:0;right:0}@keyframes cwShimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.cw-complete .cw-bar-fill{background:linear-gradient(90deg,#ffe600,#39ff14);box-shadow:0 0 12px #ffe60080}.cw-bar-text{color:#94a3b8;white-space:nowrap;text-align:right;min-width:110px;font-family:VT323,monospace;font-size:1rem}.cw-footer{font-family:var(--font-system);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.cw-goal-type{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cw-reward{color:#39ff14;text-shadow:0 0 4px #39ff1433;font-weight:700}@media (width<=600px){.cw-header{flex-direction:column;align-items:flex-start;gap:6px}.cw-bar-row{flex-direction:column;align-items:stretch}.cw-bar-text{text-align:left;min-width:auto}}.rw-container{background:linear-gradient(145deg,#0d0d14 0%,#111128 100%);border:2px solid #ff32324d;border-radius:14px;margin-bottom:14px;padding:16px 18px;animation:.4s rwFadeIn;position:relative;overflow:hidden;box-shadow:0 0 12px #ff323214}.rw-container:before{content:"";background:linear-gradient(90deg,#0000,#ff3232,#00f3ff,#0000);height:2px;animation:3s linear infinite rwScanline;position:absolute;top:0;left:0;right:0}@keyframes rwFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rwScanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rw-container.rw-complete{border-color:#ffe60066;box-shadow:0 0 20px #ffe6001f}.rw-container.rw-complete:before{background:linear-gradient(90deg,#0000,#ffe600,#0000)}.rw-container.rw-pending{border-color:#fbbf2459;box-shadow:0 0 10px #fbbf2414}.rw-container.rw-pending:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000)}.rw-container.rw-declined{opacity:.6;border-color:#64748b4d}.rw-container.rw-declined:before{display:none}.rw-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rw-title{color:#e2e8f0;align-items:center;gap:6px;font-family:VT323,monospace;font-size:1.2rem;font-weight:600;display:flex}.rw-countdown{color:#fbbf24;white-space:nowrap;text-shadow:0 0 6px #fbbf244d;letter-spacing:.5px;font-family:"Press Start 2P",cursive;font-size:.45rem}.rw-status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-family:"Press Start 2P",cursive;font-size:.4rem}.rw-status-pending{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.rw-status-declined{color:#64748b;background:#64748b26;border:1px solid #64748b4d}.rw-players{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rw-player{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.rw-player-ahead .rw-avatar{border-color:#39ff14;box-shadow:0 0 14px #39ff1480}.rw-avatar{color:#94a3b8;background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-family:"Press Start 2P",cursive;font-size:.7rem;transition:all .3s;display:flex}.rw-avatar-self{color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 8px #00f3ff4d}.rw-player-name{font-family:var(--font-system);color:#e2e8f0;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.rw-player-score{color:#00f3ff;text-shadow:0 0 6px #00f3ff4d;white-space:nowrap;font-family:VT323,monospace;font-size:1.1rem}.rw-vs{color:#ff3232;text-shadow:0 0 10px #ff323280;flex-shrink:0;padding:0 4px;font-family:"Press Start 2P",cursive;font-size:.7rem}.rw-gap-section{margin-bottom:6px}.rw-gap-bar{background:#1e293b;border:1px solid #334155;border-radius:4px;height:8px;margin-bottom:4px;display:flex;overflow:hidden}.rw-gap-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.rw-gap-fill-left{background:linear-gradient(90deg,#00f3ff,#08f);border-radius:4px 0 0 4px;box-shadow:0 0 6px #00f3ff66}.rw-gap-fill-right{background:linear-gradient(90deg,#ff6b6b,#ff3232);border-radius:0 4px 4px 0;box-shadow:0 0 6px #ff323266}.rw-gap-label{text-align:center;color:#64748b;font-family:VT323,monospace;font-size:.85rem}.rw-result{text-align:center;color:#ffe600;text-shadow:0 0 10px #ffe60080;background:linear-gradient(135deg,#ffe6001a,#39ff140d);border:1px solid #ffe60033;border-radius:8px;margin-top:4px;padding:8px;font-family:"Press Start 2P",cursive;font-size:.55rem;animation:2s infinite rwResultPulse}@keyframes rwResultPulse{0%,to{text-shadow:0 0 10px #ffe60080}50%{text-shadow:0 0 20px #ffe600cc,0 0 30px #39ff144d}}.rw-pending-actions{justify-content:center;gap:12px;margin-top:10px;display:flex}.rw-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:2px solid;border-radius:8px;padding:8px 20px;font-family:"Press Start 2P",cursive;font-size:.45rem;transition:all .2s}.rw-btn-accept{color:#39ff14;background:#39ff1414;border-color:#39ff14}.rw-btn-accept:hover{color:#050505;background:#39ff14;box-shadow:0 0 16px #39ff1480}.rw-btn-decline{color:#ef4444;background:#ef444414;border-color:#ef4444}.rw-btn-decline:hover{color:#fff;background:#ef4444;box-shadow:0 0 16px #ef444480}.rw-waiting{text-align:center;font-family:var(--font-system);color:#64748b;margin-top:8px;font-size:.8rem;font-style:italic;animation:3s infinite rwWaitingPulse}@keyframes rwWaitingPulse{0%,to{opacity:.7}50%{opacity:1}}@media (width<=600px){.rw-players{gap:8px}.rw-avatar{width:36px;height:36px;font-size:.6rem}.rw-player-score{font-size:.95rem}.rw-vs{font-size:.55rem}.rw-pending-actions{flex-direction:column;gap:8px}}.sd-page{width:100%;max-width:960px;margin:0 auto;padding:20px;animation:.5s sdFadeIn}@keyframes sdFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sd-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sd-title{color:#39ff14;text-shadow:0 0 20px #39ff1480,0 0 40px #39ff1433;letter-spacing:2px;align-items:center;gap:10px;font-family:"Press Start 2P",cursive;font-size:1.6rem;display:flex}.sd-title-logo{filter:drop-shadow(0 0 10px #39ff1480);width:64px;height:auto}.sd-join-trigger{color:#39ff14;font-family:var(--font-system);cursor:pointer;white-space:nowrap;text-shadow:0 0 8px #39ff144d;background:0 0;border:1px solid #39ff14;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.sd-join-trigger:hover{color:#050505;text-shadow:none;background:#39ff14;box-shadow:0 0 16px #39ff1480}.sd-tab-bar{scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.sd-tab-bar::-webkit-scrollbar{display:none}.sd-tab-pill{color:#64748b;font-family:var(--font-system);cursor:pointer;white-space:nowrap;background:#ffffff08;border:2px solid #1e293b;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .25s;display:flex;position:relative}.sd-tab-pill:hover{color:#94a3b8;background:#ffffff0f;border-color:#334155}.sd-tab-pill.active{color:#00f3ff;text-shadow:0 0 10px #00f3ff66;background:linear-gradient(145deg,#00f3ff1a 0%,#00f3ff0d 100%);border-color:#00f3ff;box-shadow:0 0 16px #00f3ff26,0 0 4px #00f3ff4d}.sd-tab-pill-icon{flex-shrink:0;font-size:1rem}.sd-tab-pill-label{flex-shrink:0}.sd-tab-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:2px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;display:flex}.sd-tab-content{animation:.3s sdTabIn}@keyframes sdTabIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sd-urgent-banner{font-family:var(--font-system);color:#fbbf24;background:linear-gradient(135deg,#f59e0b1f 0%,#ef444414 100%);border:1px solid #f59e0b59;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 18px;font-size:.9rem;font-weight:600;animation:3s infinite sdPulseGlow;display:flex}@keyframes sdPulseGlow{0%,to{box-shadow:0 0 8px #f59e0b26}50%{box-shadow:0 0 16px #f59e0b40}}.sd-urgent-icon{flex-shrink:0;font-size:1.1rem}.sd-urgent-overdue{color:#f87171;font-weight:700}.sd-filter-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.sd-filter-pills{gap:6px;display:flex}.sd-filter-pill{color:#64748b;font-family:var(--font-system);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;border:1px solid #1e293b;border-radius:8px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.sd-filter-pill:hover{color:#94a3b8;border-color:#334155}.sd-filter-pill.active{color:#39ff14;text-shadow:0 0 6px #39ff144d;background:#39ff1414;border-color:#39ff14}.sd-class-dropdown{color:#94a3b8;font-family:var(--font-system);cursor:pointer;appearance:none;background:#111115 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #1e293b;border-radius:8px;padding:6px 28px 6px 12px;font-size:.8rem;font-weight:600;transition:border-color .2s}.sd-class-dropdown:hover,.sd-class-dropdown:focus{border-color:#00f3ff;outline:none}.sd-filter-empty{text-align:center;color:#475569;font-family:var(--font-system);padding:20px 0;font-size:.9rem;font-style:italic}.sd-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.sd-stat-widget{text-align:center;transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);background:linear-gradient(145deg,#111115 0%,#0f172a 100%);border:2px solid #222;border-radius:14px;padding:18px 12px;position:relative;overflow:hidden}.sd-stat-widget:before{content:"";opacity:0;height:3px;transition:opacity var(--transition-normal);background:linear-gradient(90deg,#0000,#00f3ff66,#0000);position:absolute;top:0;left:0;right:0}.sd-stat-widget:hover{border-color:#00f3ff55;transform:translateY(-3px);box-shadow:0 8px 24px #0006,0 0 15px #00f3ff1a}.sd-stat-widget:hover:before{opacity:1}.sd-stat-icon{margin-bottom:6px;font-size:1.5rem}.sd-stat-value{color:#00f3ff;text-shadow:0 0 10px #00f3ff66;margin-bottom:6px;font-family:"Press Start 2P",cursive;font-size:1.2rem}.sd-stat-label{font-family:var(--font-system);color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.sd-section-title{color:#ffe600;text-shadow:0 0 8px #ffe6004d;letter-spacing:1px;margin-bottom:20px;font-family:"Press Start 2P",cursive;font-size:.85rem}.sd-loading{text-align:center;color:#94a3b8;padding:40px 0;font-size:1.1rem}.sd-error{text-align:center;color:#ef4444;padding:40px 0;font-size:1rem}.sd-empty-state{text-align:center;background:#111115;border:2px dashed #334155;border-radius:16px;padding:48px 24px;animation:.6s sdFadeIn}.sd-empty-icon{margin-bottom:16px;font-size:3rem;animation:2s infinite sdBounce}@keyframes sdBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sd-empty-text{color:#94a3b8;margin-bottom:24px;font-size:1.05rem;line-height:1.6}.sd-class-group{margin-bottom:28px}.sd-class-name{color:#00f3ff;text-shadow:0 0 6px #00f3ff4d;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #1e293b;margin-bottom:14px;padding-bottom:8px;font-family:"Press Start 2P",cursive;font-size:.65rem}.sd-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.sd-assignment-card{cursor:pointer;background:linear-gradient(145deg,#111115 0%,#0f172a 100%);border:2px solid #1e293b;border-radius:14px;padding:18px;transition:all .25s;position:relative;overflow:hidden}.sd-assignment-card:after{content:"";opacity:0;height:2px;transition:opacity var(--transition-normal);background:linear-gradient(90deg,#0000,#00f3ff4d,#0000);position:absolute;bottom:0;left:0;right:0}.sd-assignment-card:hover{border-color:#334155;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 32px #00000080,0 0 20px #00f3ff14}.sd-assignment-card:hover:after{opacity:1}.sd-assignment-card.sd-overdue{border-color:#ef4444;box-shadow:0 0 15px #ef444426}.sd-overdue-badge{color:#fff;letter-spacing:1px;background:#ef4444;border-radius:4px;padding:3px 8px;font-family:"Press Start 2P",cursive;font-size:.45rem;animation:2s infinite sdPulse;position:absolute;top:8px;right:8px}@keyframes sdPulse{0%,to{opacity:1}50%{opacity:.7}}.sd-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sd-type-badge{font-family:var(--font-system);white-space:nowrap;border:1px solid;border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:700}.sd-status-badge{font-family:var(--font-system);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.sd-status-badge.status-not-started{color:#f87171;background:#ef44441f}.sd-status-badge.status-in-progress{color:#fbbf24;background:#f59e0b1f}.sd-status-badge.status-completed{color:#34d399;background:#10b9811f}.sd-status-badge.status-excused{color:#94a3b8;background:#64748b26}.sd-assignment-card.sd-excused{opacity:.55;border-color:#334155}.sd-assignment-card.sd-excused:hover{box-shadow:none;border-color:#334155;transform:none}.sd-card-title{font-family:var(--font-system);color:#e2e8f0;margin-bottom:10px;font-size:1.05rem;font-weight:700;line-height:1.4}.sd-card-footer{font-family:var(--font-system);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.sd-due-date{color:#64748b}.sd-due-date.overdue{color:#f87171;font-weight:700}.sd-score{color:#34d399;font-size:.85rem;font-weight:700}.sd-arcade-bar{cursor:pointer;font-family:var(--font-system);border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 16px;transition:all .25s;display:flex}.sd-arcade-bar:hover{transform:translateY(-2px)}.sd-arcade-bar-locked{color:#64748b;background:linear-gradient(145deg,#111115 0%,#0f172a 100%);border:1px solid #334155}.sd-arcade-bar-locked:hover{border-color:#475569;box-shadow:0 4px 12px #0000004d}.sd-arcade-bar-unlocked{color:#39ff14;background:linear-gradient(145deg,#0d1a0d 0%,#0f2a15 100%);border:1px solid #39ff1444;box-shadow:0 0 10px #39ff141a}.sd-arcade-bar-unlocked:hover{border-color:#39ff1488;box-shadow:0 0 20px #39ff1433}.sd-arcade-bar-icon{flex-shrink:0;font-size:1.1rem}.sd-arcade-bar-label{letter-spacing:1px;text-transform:uppercase;flex-shrink:0;font-family:"Press Start 2P",cursive;font-size:.5rem}.sd-arcade-bar-progress{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.sd-arcade-bar-track{background:#1e293b;border-radius:3px;width:80px;height:6px;overflow:hidden}.sd-arcade-bar-fill{background:linear-gradient(90deg,#39ff14,#00f3ff);border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 6px #39ff1466}.sd-arcade-bar-text{color:#94a3b8;min-width:28px;font-size:.7rem;font-weight:700}.sd-lb-section{margin-bottom:24px}.sd-lb-disabled-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.sd-lb-disabled-item{font-family:var(--font-system);color:#94a3b8;background:#ffffff05;border:1px solid #1e293b;border-radius:10px;padding:12px 18px;font-size:.85rem}.sd-lb-disabled-text{color:#475569;font-style:italic}.sd-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s sdOverlayIn;display:flex;position:fixed;inset:0}@keyframes sdOverlayIn{0%{opacity:0}to{opacity:1}}.sd-modal{background:linear-gradient(145deg,#111115 0%,#0f172a 100%);border:2px solid #1e293b;border-radius:18px;width:90%;max-width:400px;padding:36px;animation:.3s sdModalIn;position:relative;box-shadow:0 24px 64px #0009,0 0 30px #00f3ff0d}@keyframes sdModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sd-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:all .2s;position:absolute;top:14px;right:14px}.sd-modal-close:hover{color:#e2e8f0;background:#ffffff0d}.sd-modal-title{color:#39ff14;text-shadow:0 0 10px #39ff1466;text-align:center;margin-bottom:10px;font-family:"Press Start 2P",cursive;font-size:.9rem}.sd-modal-subtitle{font-family:var(--font-system);color:#94a3b8;text-align:center;margin-bottom:24px;font-size:.9rem}.sd-join-form{box-sizing:border-box;justify-content:center;gap:10px;width:100%;display:flex}.sd-join-input{color:#f8fafc;letter-spacing:3px;text-transform:uppercase;text-align:center;min-width:0;transition:border-color var(--transition-normal);box-sizing:border-box;background:#1e293b;border:2px solid #334155;border-radius:8px;flex:1;padding:12px 16px;font-family:"Press Start 2P",cursive;font-size:.8rem}.sd-join-input:focus{border-color:#00f3ff;outline:none;box-shadow:0 0 12px #00f3ff4d}.sd-join-input::placeholder{font-family:var(--font-system);letter-spacing:normal;text-transform:none;color:#475569;font-size:.85rem}.sd-join-btn{color:#39ff14;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:#050505;border:2px solid #39ff14;border-radius:8px;flex-shrink:0;padding:12px 18px;font-family:"Press Start 2P",cursive;font-size:.7rem;transition:all .2s;box-shadow:0 0 10px #39ff144d}.sd-join-btn:hover:not(:disabled){color:#050505;background:#39ff14;box-shadow:0 0 20px #39ff1499}.sd-join-btn:disabled{opacity:.4;cursor:default}.sd-join-error{color:#ef4444;text-align:center;margin-top:12px;font-size:.85rem}.sd-lb-container{background:linear-gradient(145deg,#0d0d12 0%,#111128 100%);border:2px solid #1e293b;border-radius:14px;margin-bottom:18px;transition:border-color .3s;overflow:hidden}.sd-lb-container:hover{border-color:#ffe60044}.sd-lb-header{cursor:pointer;color:#ffe600;text-shadow:0 0 10px #ffe60066;letter-spacing:1px;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-family:"Press Start 2P",cursive;font-size:.6rem;display:flex}.sd-lb-toggle{color:#64748b;font-size:.7rem}.sd-lb-body{padding:0 18px 16px;animation:.3s sdFadeIn}.sd-lb-range-bar{background:#0a0a10;border:1px solid #1e293b;border-radius:8px;gap:2px;margin-bottom:12px;padding:3px;display:flex}.sd-lb-range-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 8px;font-family:VT323,monospace;font-size:1.25rem;font-weight:600;transition:all .2s}.sd-lb-range-btn:hover{color:#94a3b8;background:#ffffff0a}.sd-lb-range-btn.active{color:#00f3ff;background:#00f3ff1a;box-shadow:0 0 8px #00f3ff26}.sd-lb-tabs{border-bottom:1px solid #1e293b;gap:4px;margin-bottom:14px;padding-bottom:10px;display:flex}.sd-lb-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 10px;font-family:VT323,monospace;font-size:1.25rem;font-weight:600;transition:all .2s}.sd-lb-tab:hover{color:#94a3b8;background:#1e293b}.sd-lb-tab.active{color:#ffe600;text-shadow:0 0 6px #ffe6004d;background:#ffe60014;border-color:#ffe6004d}.sd-lb-loading,.sd-lb-empty{text-align:center;color:#64748b;padding:20px 0;font-size:.85rem}@keyframes sdPodiumRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sd-lb-podium{justify-content:center;align-items:flex-end;gap:8px;margin-bottom:18px;padding:10px 0 0;display:flex}.sd-lb-pedestal{opacity:0;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:120px;animation:.5s forwards sdPodiumRise;display:flex}.sd-lb-pedestal-medal{margin-bottom:2px;font-size:1.6rem}.sd-lb-pedestal-1 .sd-lb-pedestal-medal{filter:drop-shadow(0 0 8px #ffe60099);font-size:2rem}.sd-lb-pedestal-avatar{color:#e2e8f0;background:linear-gradient(145deg,#1e293b,#334155);border:2px solid #475569;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:"Press Start 2P",cursive;font-size:.7rem;transition:border-color .3s,box-shadow .3s;display:flex}.sd-lb-pedestal-avatar-gold{color:#ffe600;background:linear-gradient(145deg,#1a1800,#2a2600);border-color:#ffe600;width:48px;height:48px;font-size:.85rem;box-shadow:0 0 16px #ffe60040}.sd-lb-pedestal-avatar-self{color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 12px #00f3ff4d}.sd-lb-pedestal-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;padding:0 4px;font-family:VT323,monospace;font-size:1rem;font-weight:600;overflow:hidden}.sd-lb-pedestal-value{color:#39ff14;text-shadow:0 0 6px #39ff144d;width:100%;font-family:"Press Start 2P",cursive;font-size:.65rem}.sd-lb-xp-info{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.sd-lb-row .sd-lb-xp-info{align-items:flex-end}.sd-lb-xp-bar{background:#1e293b;border:1px solid #000;border-radius:3px;width:100%;max-width:80px;height:6px;overflow:hidden}.sd-lb-xp-fill{background:linear-gradient(90deg,#39ff14,#00f3ff);border-radius:2px;height:100%;transition:width .5s;box-shadow:0 0 8px #39ff1480}.sd-lb-pedestal-block{text-align:center;letter-spacing:1px;border-radius:6px 6px 0 0;width:100%;margin-top:4px;font-family:"Press Start 2P",cursive;font-size:.65rem}.sd-lb-block-1{color:#ffe600;text-shadow:0 0 8px #ffe60066;background:linear-gradient(#ffe60033 0%,#ffe6000d 100%);border:1px solid #ffe6004d;border-bottom:none;padding:14px 8px 10px}.sd-lb-block-2{color:silver;background:linear-gradient(#c0c0c026 0%,#c0c0c008 100%);border:1px solid #c0c0c033;border-bottom:none;padding:10px 8px 8px}.sd-lb-block-3{color:#cd7f32;background:linear-gradient(#cd7f3226 0%,#cd7f3208 100%);border:1px solid #cd7f3233;border-bottom:none;padding:8px 8px 6px}.sd-lb-list{flex-direction:column;gap:2px;display:flex}.sd-lb-rest{border-top:1px solid #1e293b;padding-top:6px}.sd-lb-row{border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s,transform .4s;display:flex}.sd-lb-row:hover{background:#ffffff08}.sd-lb-row-self{background:#00f3ff0f;border:1px solid #00f3ff26}.sd-lb-row-self:hover{background:#00f3ff1a}.sd-lb-row-top{border-bottom:1px solid #ffe6000f}.sd-lb-rank{color:#64748b;text-align:center;flex-shrink:0;min-width:36px;font-family:VT323,monospace;font-size:1.35rem;font-weight:700}.sd-lb-rank-1{color:#ffe600;font-size:1.5rem}.sd-lb-rank-2{color:silver}.sd-lb-rank-3{color:#cd7f32}.sd-lb-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:VT323,monospace;font-size:1.35rem;font-weight:600;overflow:hidden}.sd-lb-row-self .sd-lb-name{color:#00f3ff;text-shadow:0 0 8px #00f3ff66}.sd-lb-value{color:#39ff14;text-shadow:0 0 6px #39ff144d;text-align:right;flex-shrink:0;justify-content:flex-end;min-width:50px;font-family:"Press Start 2P",cursive;font-size:.75rem;display:flex}.sd-lb-separator{text-align:center;color:#334155;letter-spacing:4px;padding:4px 0;font-size:.9rem}.sd-lb-nudge{font-family:var(--font-system);color:#00f3ff;text-align:center;text-shadow:0 0 6px #00f3ff33;background:#00f3ff0a;border:1px solid #00f3ff26;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.8rem;font-weight:600;animation:.4s sdFadeIn}.sd-lb-live-dot{vertical-align:middle;background:#475569;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:10px;display:inline-block}.sd-lb-live-dot-on{background:#39ff14;animation:2s infinite sdLivePulse;box-shadow:0 0 8px #39ff1499,0 0 16px #39ff144d}@keyframes sdLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.sd-lb-live-label{font-family:var(--font-system);text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;color:#475569;margin-left:5px;font-size:.6rem;font-weight:700}.sd-lb-live-dot-on+.sd-lb-live-label{color:#39ff14;text-shadow:0 0 6px #39ff144d}.sd-lb-rank-change{font-family:var(--font-system);vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.7rem;font-weight:800;animation:.3s sdRankBadgeIn;display:inline-block}@keyframes sdRankBadgeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sd-lb-rank-change-up{color:#39ff14;text-shadow:0 0 6px #39ff1480;background:#39ff141f}.sd-lb-rank-change-down{color:#f87171;opacity:.7;background:#f871711a}.sd-lb-badges{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;margin-right:8px;display:flex}.sd-lb-badge-icon{cursor:default;border-radius:4px;padding:2px;font-size:.85rem;line-height:1;transition:transform .15s,background .15s;position:relative}.sd-lb-badge-icon:hover,.sd-lb-badge-icon:focus{background:#ffe6001a;outline:none;transform:scale(1.25)}.sd-my-badges-section{border-top:1px solid #1e293b}.sd-my-badges-header{cursor:pointer;color:#ffe600;text-shadow:0 0 8px #ffe6004d;letter-spacing:1px;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 18px;font-family:"Press Start 2P",cursive;font-size:.55rem;transition:background .15s;display:flex}.sd-my-badges-header:hover{background:#ffe60008}.sd-my-badges-body{padding:0 18px 16px;animation:.3s sdFadeIn}.sd-my-badges{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sd-my-badge-slot{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.sd-my-badge-earned{background:#ffe6000f;border:1px solid #ffe60033}.sd-my-badge-earned:hover{background:#ffe6001a;border-color:#ffe60066}.sd-my-badge-locked{opacity:.6;background:#ffffff05;border:1px solid #1e293b}.sd-my-badge-locked:hover{opacity:.8}.sd-my-badge-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem;line-height:1}.sd-my-badge-locked .sd-my-badge-icon{filter:grayscale();opacity:.5}.sd-my-badge-info{flex-direction:column;gap:3px;min-width:0;display:flex}.sd-my-badge-label{font-family:var(--font-system);color:#e2e8f0;font-size:.8rem;font-weight:700}.sd-my-badge-earned .sd-my-badge-label{color:#ffe600;text-shadow:0 0 6px #ffe6004d}.sd-my-badge-date{font-family:var(--font-system);color:#34d399;font-size:.7rem}.sd-my-badge-desc{font-family:var(--font-system);color:#64748b;font-size:.7rem;font-style:italic}.sd-my-badge-progress-wrap{flex-direction:column;gap:3px;margin-top:2px;display:flex}.sd-my-badge-progress{background:#1e293b;border-radius:3px;width:100%;height:5px;overflow:hidden}.sd-my-badge-progress-fill{background:linear-gradient(90deg,#39ff14,#00f3ff);border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 6px #39ff1466}.sd-my-badge-progress-text{font-family:var(--font-system);color:#94a3b8;font-size:.65rem}@media (width<=480px){.sd-my-badges{grid-template-columns:1fr}.sd-lb-badges{gap:1px}.sd-lb-badge-icon{font-size:.75rem}}[data-student-theme=light] .sd-my-badges-header{color:#6366f1;text-shadow:none}[data-student-theme=light] .sd-my-badge-earned{background:#6366f10f;border-color:#6366f133}[data-student-theme=light] .sd-my-badge-earned .sd-my-badge-label{color:#6366f1;text-shadow:none}[data-student-theme=light] .sd-my-badge-locked{background:#00000005;border-color:#e2e8f0}[data-student-theme=light] .sd-my-badge-label{color:#1e293b}[data-student-theme=light] .sd-my-badge-progress{background:#e2e8f0}@media (width<=480px){.sd-lb-podium{gap:4px}.sd-lb-pedestal-avatar{width:34px;height:34px;font-size:.6rem}.sd-lb-pedestal-avatar-gold{width:40px;height:40px;font-size:.7rem}.sd-lb-pedestal-name{font-size:.6rem}.sd-lb-pedestal-value{font-size:.45rem}.sd-lb-range-btn{padding:5px 4px;font-size:.6rem}}.sd-behavior-widget{background:linear-gradient(145deg,#0d0d12 0%,#111128 100%);border:2px solid #1e293b;border-radius:14px;margin-bottom:24px;padding:18px;transition:border-color .3s}.sd-behavior-widget:hover{border-color:#ffe60044}.sd-behavior-header{color:#ffe600;text-shadow:0 0 10px #ffe60066;letter-spacing:1px;margin-bottom:14px;font-family:"Press Start 2P",cursive;font-size:.6rem}.sd-behavior-days{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.sd-behavior-day{flex-direction:column;align-items:center;gap:4px;display:flex}.sd-behavior-day-label{font-family:var(--font-system);color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.sd-behavior-score{font-family:"Press Start 2P",cursive;font-size:1rem;font-weight:700}.sd-behavior-footer{font-family:var(--font-system);color:#94a3b8;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding-top:10px;font-size:.8rem;display:flex}.sd-recs-container{background:linear-gradient(145deg,#0d0d12 0%,#111128 100%);border:2px solid #1e293b;border-radius:14px;margin-bottom:24px;transition:border-color .3s;overflow:hidden}.sd-recs-container:hover{border-color:#00f3ff33}.sd-recs-header-bar{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 18px;display:flex}.sd-recs-title{color:#00f3ff;text-shadow:0 0 10px #00f3ff66;letter-spacing:1px;font-family:"Press Start 2P",cursive;font-size:.6rem}.sd-recs-count{font-family:var(--font-system);color:#64748b;margin-left:auto;font-size:.7rem;font-weight:600}.sd-recs-toggle{color:#64748b;flex-shrink:0;font-size:.7rem}.sd-recs-loading{text-align:center;color:#64748b;font-family:var(--font-system);padding:20px 18px;font-size:.85rem}.sd-recs-body{padding:0 18px 16px;animation:.3s sdFadeIn}.sd-recs-empty{color:#64748b;font-family:var(--font-system);justify-content:center;align-items:center;gap:10px;padding:16px 0;font-size:.9rem;display:flex}.sd-recs-empty-icon{font-size:1.2rem}.sd-recs-list{flex-direction:column;gap:8px;display:flex}.sd-rec-card{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #1e293b;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.sd-rec-card:hover{border-color:var(--rec-color,#334155);box-shadow:0 0 16px var(--rec-glow,transparent);background:#ffffff0a;transform:translate(4px)}.sd-rec-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.3rem}.sd-rec-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sd-rec-title{font-family:var(--font-system);color:#e2e8f0;font-size:.9rem;font-weight:700;line-height:1.3}.sd-rec-subtitle{font-family:var(--font-system);color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sd-rec-cta{font-family:var(--font-system);color:var(--rec-color,#00f3ff);text-shadow:0 0 8px var(--rec-glow,transparent);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:700;transition:text-shadow .2s}.sd-rec-card:hover .sd-rec-cta{text-shadow:0 0 14px var(--rec-glow,transparent)}@media (width<=768px){.sd-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.sd-stat-value{font-size:1rem}.sd-title{font-size:1.2rem}.sd-cards-grid{grid-template-columns:1fr}.sd-tab-pill-label{display:none}.sd-tab-pill{padding:10px 14px}.sd-tab-pill-icon{font-size:1.2rem}}@media (width<=480px){.sd-page{padding:12px}.sd-stat-widget{padding:14px 8px}.sd-stat-icon{font-size:1.2rem}.sd-stat-value{font-size:.85rem}.sd-header{flex-direction:column;align-items:stretch;gap:12px}.sd-title,.sd-join-trigger{text-align:center}.sd-filter-row{flex-direction:column;align-items:stretch}.sd-filter-pills{justify-content:center}.sd-class-dropdown{width:100%}.sd-rec-card{gap:10px;padding:10px 12px}.sd-rec-cta{display:none}.sd-rec-icon{width:26px;font-size:1.1rem}.sd-arcade-bar-track{width:60px}.sd-modal{margin:0 12px;padding:28px 20px}}[data-student-theme=light] .sd-title{color:#6366f1;text-shadow:none}[data-student-theme=light] .sd-join-trigger{color:#6366f1;text-shadow:none;border-color:#6366f1}[data-student-theme=light] .sd-join-trigger:hover{color:#fff;background:#6366f1;box-shadow:0 2px 12px #6366f14d}[data-student-theme=light] .sd-tab-pill{color:#64748b;background:#00000005;border-color:#e2e8f0}[data-student-theme=light] .sd-tab-pill:hover{color:#334155;background:#0000000a;border-color:#cbd5e1}[data-student-theme=light] .sd-tab-pill.active{color:#6366f1;text-shadow:none;background:#6366f114;border-color:#6366f1;box-shadow:0 0 8px #6366f11f}[data-student-theme=light] .sd-stat-widget{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:#e2e8f0}[data-student-theme=light] .sd-stat-widget:before{background:linear-gradient(90deg,#0000,#6366f166,#0000)}[data-student-theme=light] .sd-stat-widget:hover{border-color:#6366f1;box-shadow:0 4px 16px #00000014}[data-student-theme=light] .sd-stat-value{color:#6366f1;text-shadow:none}[data-student-theme=light] .sd-stat-label{color:#64748b}[data-student-theme=light] .sd-class-name{color:#6366f1;text-shadow:none;border-bottom-color:#e2e8f0}[data-student-theme=light] .sd-assignment-card{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:#e2e8f0}[data-student-theme=light] .sd-assignment-card:after{background:linear-gradient(90deg,#0000,#6366f14d,#0000)}[data-student-theme=light] .sd-assignment-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014}[data-student-theme=light] .sd-card-title{color:#1e293b}[data-student-theme=light] .sd-filter-pill{color:#64748b;background:#00000005;border-color:#e2e8f0}[data-student-theme=light] .sd-filter-pill:hover{color:#334155;border-color:#cbd5e1}[data-student-theme=light] .sd-filter-pill.active{color:#6366f1;text-shadow:none;background:#6366f114;border-color:#6366f1}[data-student-theme=light] .sd-class-dropdown{color:#334155;background:#fff;border-color:#e2e8f0}[data-student-theme=light] .sd-empty-state{background:#fff;border-color:#e2e8f0}[data-student-theme=light] .sd-modal{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:#e2e8f0;box-shadow:0 24px 64px #00000026}[data-student-theme=light] .sd-modal-title{color:#6366f1;text-shadow:none}[data-student-theme=light] .sd-join-input{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}[data-student-theme=light] .sd-join-input:focus{border-color:#6366f1;box-shadow:0 0 8px #6366f133}[data-student-theme=light] .sd-join-btn{color:#6366f1;box-shadow:none;background:#fff;border-color:#6366f1}[data-student-theme=light] .sd-join-btn:hover:not(:disabled){color:#fff;background:#6366f1}[data-student-theme=light] .sd-arcade-bar-locked{color:#64748b;background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);border-color:#e2e8f0}[data-student-theme=light] .sd-arcade-bar-unlocked{color:#16a34a;box-shadow:none;background:linear-gradient(145deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#22c55e4d}[data-student-theme=light] .sd-arcade-bar-track{background:#e2e8f0}[data-student-theme=light] .sd-urgent-banner{background:linear-gradient(135deg,#f59e0b14 0%,#ef44440d 100%);border-color:#f59e0b40}[data-student-theme=light] .sd-lb-disabled-item{background:#fff;border-color:#e2e8f0}[data-student-theme=light] .sd-behavior-widget{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%)!important;border-color:#e2e8f0!important}[data-student-theme=light] .sd-loading{color:#64748b}[data-student-theme=light] .sd-modal-close:hover{background:#0000000d}[data-student-theme=light] .sd-rec-section{background:#fff!important;border-color:#e2e8f0!important}[data-student-theme=light] .sd-rec-card{background:#f1f5f9!important;border-color:#e2e8f0!important}[data-student-theme=light] .sd-rec-card:hover{background:#f8fafc!important;border-color:#6366f1!important}.sd-live-games-section{grid-template-columns:1fr;gap:12px;margin-bottom:18px;display:grid}.sd-live-game-card{animation:1.5s ease-in-out infinite alternate sdLiveFlash;position:relative;overflow:hidden;cursor:pointer!important;background:linear-gradient(145deg,#1a0020 0%,#0d001a 60%,#0a0015 100%)!important;border:2px solid #f0f!important}.sd-live-game-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ff00ff0f 25%,#00f3ff0f 50%,#0000 75%);width:200%;height:100%;animation:3s linear infinite sdLiveSweep;position:absolute;top:0;left:-100%}.sd-live-game-card:after{content:"";background:linear-gradient(90deg,#f0f,#00f3ff,#f0f) 0 0/200% 100%;height:3px;animation:2s linear infinite sdLiveBar;position:absolute;bottom:0;left:0;right:0;opacity:1!important}.sd-live-game-card:hover{border-color:#00f3ff!important;transform:translateY(-4px)scale(1.02)!important;box-shadow:0 12px 40px #ff00ff4d,0 0 30px #00f3ff26!important}@keyframes sdLiveFlash{0%{border-color:#f0f;box-shadow:0 0 12px #ff00ff4d,0 0 24px #ff00ff1a,inset 0 0 20px #ff00ff0d}to{border-color:#00f3ff;box-shadow:0 0 18px #00f3ff66,0 0 36px #00f3ff26,inset 0 0 20px #00f3ff0d}}@keyframes sdLiveSweep{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes sdLiveBar{0%{background-position:0 0}to{background-position:200% 0}}.sd-live-badge{color:#fff;letter-spacing:1.5px;z-index:1;background:#ef4444;border-radius:6px;padding:4px 10px;font-family:"Press Start 2P",cursive;font-size:.5rem;animation:1s ease-in-out infinite sdLivePulse;position:absolute;top:10px;right:10px;box-shadow:0 0 12px #ef444499}.sd-status-live{color:#f6f;text-shadow:0 0 8px #ff00ff80;background:#ff00ff26;font-weight:800}.sd-live-class-name{color:#94a3b8;font-size:.8rem}.sd-live-join{color:#39ff14;letter-spacing:1px;text-shadow:0 0 8px #39ff1480;font-family:"Press Start 2P",cursive;font-size:.6rem;animation:2s ease-in-out infinite sdJoinPulse}@keyframes sdJoinPulse{0%,to{opacity:1}50%{opacity:.7;text-shadow:0 0 14px #39ff14cc}}[data-student-theme=light] .sd-live-game-card{background:linear-gradient(145deg,#fdf2f8 0%,#f5f3ff 100%)!important;border-color:#d946ef!important}[data-student-theme=light] .sd-live-game-card:hover{box-shadow:0 12px 40px #d946ef33,0 0 20px #3b82f61a!important}[data-student-theme=light] .sd-live-join{color:#16a34a;text-shadow:none}[data-student-theme=light] .sd-live-class-name{color:#64748b}.sd-lb-challenge-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff32324d;border-radius:6px;flex-shrink:0;margin-left:6px;padding:4px 8px;font-size:.85rem;line-height:1;transition:all .2s}.sd-lb-challenge-btn:hover{background:#ff323226;border-color:#ff3232;transform:scale(1.1);box-shadow:0 0 10px #ff32324d}.sd-lb-challenge-btn:focus-visible{outline-offset:2px;outline:2px solid #ff3232}.sd-lb-pedestal-challenge{margin-top:4px;padding:3px 6px;font-size:.75rem}.sd-lb-rivalry-badge{color:#ff6b6b;background:#ff323226;border:1px solid #ff32324d;border-radius:6px;margin-left:8px;padding:3px 8px;font-family:"Press Start 2P",cursive;font-size:.45rem;animation:2s infinite sdRivalryBadgePulse}@keyframes sdRivalryBadgePulse{0%,to{box-shadow:0 0 4px #ff323233}50%{box-shadow:0 0 12px #ff323266}}.sd-lb-rivalries-section{border-top:1px solid #1e293b;margin-top:4px}.sd-lb-rivalries-header{color:#ff6b6b;cursor:pointer;background:#ff32320a;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:VT323,monospace;font-size:1.1rem;transition:background .2s;display:flex}.sd-lb-rivalries-header:hover{background:#ff323214}.sd-lb-rivalries-body{padding:12px 16px 8px}.sd-lb-rivalry-group{margin-bottom:4px}.sd-challenge-modal{max-width:440px}.sd-challenge-metric-picker{margin-bottom:20px}.sd-challenge-label{font-family:var(--font-system);color:#94a3b8;margin-bottom:10px;font-size:.8rem;font-weight:600;display:block}.sd-challenge-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sd-challenge-metric-btn{color:#94a3b8;font-family:var(--font-system);cursor:pointer;white-space:nowrap;background:#ffffff08;border:2px solid #1e293b;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.sd-challenge-metric-btn:hover{color:#e2e8f0;border-color:#334155}.sd-challenge-metric-btn.active{color:#ff6b6b;text-shadow:0 0 6px #ff32324d;background:#ff32321a;border-color:#ff3232;box-shadow:0 0 10px #ff323226}.sd-challenge-error{font-family:var(--font-system);color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.8rem}.sd-challenge-send-btn{width:100%;margin-top:4px;color:#ff3232!important;border-color:#ff3232!important}.sd-challenge-send-btn:hover:not(:disabled){color:#fff!important;background:#ff3232!important;box-shadow:0 0 20px #ff323280!important}.sd-challenge-duration-picker{margin-bottom:20px}.sd-challenge-duration-row{align-items:center;gap:8px;display:flex}.sd-challenge-duration-input{color:#e2e8f0;text-align:center;appearance:textfield;background:#0b0e17;border:2px solid #1e293b;border-radius:8px;width:80px;padding:8px 10px;font-family:VT323,monospace;font-size:1.1rem}.sd-challenge-duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sd-challenge-duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sd-challenge-duration-input:focus{border-color:#ff3232;outline:none;box-shadow:0 0 8px #ff323233}.sd-challenge-duration-unit{color:#e2e8f0;font-family:var(--font-system);cursor:pointer;background:#0b0e17;border:2px solid #1e293b;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem}.sd-challenge-duration-unit:focus{border-color:#ff3232;outline:none}.sd-lb-discovery-banner{background:linear-gradient(135deg,#ff323214,#ff64000d);border:1px solid #ff323240;border-radius:10px;align-items:center;gap:12px;margin:8px 0;padding:12px 16px;animation:3s ease-in-out infinite discoveryPulse;display:flex}@keyframes discoveryPulse{0%,to{border-color:#ff323240}50%{border-color:#ff323280;box-shadow:0 0 12px #ff32321a}}.sd-lb-discovery-icon{flex-shrink:0;font-size:1.5rem}.sd-lb-discovery-text{flex-direction:column;flex:1;gap:2px;display:flex}.sd-lb-discovery-text strong{color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px;font-family:"Press Start 2P",cursive;font-size:.55rem}.sd-lb-discovery-text span{font-family:var(--font-system);color:#94a3b8;font-size:.8rem}.sd-lb-discovery-dismiss{color:#475569;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1.1rem;line-height:1;transition:color .2s}.sd-lb-discovery-dismiss:hover{color:#e2e8f0}.sd-rivalry-discovery-banner{cursor:pointer;background:linear-gradient(135deg,#ff32321f,#ff780014,#ff32320f);border:2px solid #ff323259;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0 4px;padding:16px 20px;transition:all .3s;animation:3s ease-in-out infinite sdDiscoveryGlow;display:flex}.sd-rivalry-discovery-banner:hover{background:linear-gradient(135deg,#ff32322e,#ff78001f,#ff32321a);border-color:#ff3232;transform:translateY(-1px);box-shadow:0 0 24px #ff323233}@keyframes sdDiscoveryGlow{0%,to{box-shadow:0 0 8px #ff32321a}50%{box-shadow:0 0 16px #ff323233}}.sd-rivalry-discovery-left{align-items:center;gap:14px;display:flex}.sd-rivalry-discovery-icon{filter:drop-shadow(0 0 6px #ff323266);font-size:2rem;line-height:1}.sd-rivalry-discovery-content{text-align:left;flex-direction:column;gap:3px;display:flex}.sd-rivalry-discovery-content strong{color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 10px #ff32324d;font-family:"Press Start 2P",cursive;font-size:.65rem}.sd-rivalry-discovery-content span{font-family:var(--font-system);color:#94a3b8;font-size:.8rem}.sd-rivalry-discovery-arrow{color:#ff3232;font-size:1.5rem;transition:transform .2s}.sd-rivalry-discovery-banner:hover .sd-rivalry-discovery-arrow{transform:translate(4px)}@media (width<=480px){.sd-rivalry-discovery-banner{padding:12px 14px}.sd-rivalry-discovery-icon{font-size:1.5rem}.sd-rivalry-discovery-content strong{font-size:.55rem}}