:root{--fray:#6c3cff;--fray-dark:#4d28d9;--fray-light:#eee9ff;--battle:#ff5a1f;--battle-dark:#c2410c;--battle-light:#fff0e8;--rift-blue:#188bff;--cyan:#00d4ff;--navy:#171a26;--lavender:#c7b8ff;--success:#18b96b;--success-surface:#e9fff4;--danger:#f43f5e;--danger-surface:#ffe8ee;--warning:#f59e0b;--gold:#ffb800;--gold-surface:#fff7d6;--info:#188bff;--bg:#f7f5ff;--surface:#fff;--surface-raised:#fafaff;--text:#11131a;--text-2:#4b5166;--text-3:#7a8099;--border:#e2e5f2;--border-strong:#c5c9da;--d-bg:#0e1018;--d-surface:#171a26;--d-raised:#212535;--d-text:#f7f8ff;--d-text-2:#c0c5d8;--d-text-3:#8d94ad;--d-border:#303647;--d-border-strong:#4a5168;--grad-brand:linear-gradient(135deg, #6c3cff 0%, #188bff 100%);--grad-duel:linear-gradient(135deg, #4d28d9 0%, #c2410c 100%);--grad-xp:linear-gradient(90deg, #ffb800 0%, #ff5a1f 100%);--grad-victory:linear-gradient(135deg, #18b96b 0%, #00d4ff 100%);--grad-defeat:linear-gradient(135deg, #f43f5e 0%, #4d28d9 100%);--grad-fray:linear-gradient(135deg, #8b5cff 0%, #6c3cff 45%, #4d28d9 100%);--grad-spark:linear-gradient(135deg, #ffb800 0%, #ff5a1f 60%, #6c3cff 100%);--shadow-soft:0 4px 12px #11131a14;--shadow-card:0 8px 24px #11131a1a;--shadow-duel:0 12px 32px #6c3cff59;--shadow-glow-cyan:0 0 24px #00d4ff73;--shadow-glow-violet:0 0 28px #6c3cff73;--shadow-glow-orange:0 0 28px #ff5a1f73;--shadow-dark-soft:0 8px 24px #00000059;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-3xl:28px;--r-full:999px;--s-2xs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-2xl:48px;--s-3xl:64px;--font-head:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease-std:cubic-bezier(.2, .8, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1)}.frv,.frv *{box-sizing:border-box}.frv{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.frv h1,.frv h2,.frv h3,.frv h4{font-family:var(--font-head);margin:0}.frv p{margin:0}.frv button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.frv-dark{color:var(--d-text);--bg:var(--d-bg);--surface:var(--d-surface);--surface-raised:var(--d-raised);--text:var(--d-text);--text-2:var(--d-text-2);--text-3:var(--d-text-3);--border:var(--d-border);--border-strong:var(--d-border-strong)}@keyframes frv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.frv-eyebrow{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.frv-body{font-family:var(--font-body);font-size:13px;line-height:1.55}.frv-heading{font-family:var(--font-head);letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.2}.frv-title{font-family:var(--font-head);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.frv-display{font-family:var(--font-head);letter-spacing:-.04em;font-size:38px;font-weight:800;line-height:1.02}@keyframes frv-skel-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.frv-skel-line,.frv-skel-box,.frv-skel-avatar{background:linear-gradient(90deg,#0000000a 0%,#0000001a 50%,#0000000a 100%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite frv-skel-sweep;display:inline-block}.frv-dark .frv-skel-line,.frv-dark .frv-skel-box,.frv-dark .frv-skel-avatar{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/200% 100%}.frv-skel-line{border-radius:6px;height:12px}.frv-skel-box{border-radius:12px}.frv-skel-avatar{aspect-ratio:1;border-radius:50%}.frv-press{transition:transform .14s var(--ease-std), box-shadow .14s var(--ease-std)}.frv-press:active{transform:translateY(3px)}@keyframes frv-screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.frv-anim{animation:frv-screen-enter .22s var(--ease-std) both}@keyframes frv-pulse{0%,to{box-shadow:0 0 #6c3cff73}50%{box-shadow:0 0 28px 6px #6c3cffa6}}.frv-pulse{animation:1.8s ease-in-out infinite frv-pulse}@keyframes frv-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.92;transform:scale(1.05)}}.frv-breathe{animation:3.4s ease-in-out infinite frv-breathe}@keyframes frv-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.frv-shake{animation:frv-shake .36s var(--ease-std)}@keyframes frv-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.frv-pop{animation:frv-pop .36s var(--ease-bounce) both}@keyframes frv-spin{to{transform:rotate(360deg)}}@keyframes frv-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes frv-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.frv-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.frv-dots{background-image:radial-gradient(#6c3cff26 1px,#0000 1px);background-size:18px 18px}.frv-dots-dark{background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:18px 18px}.frv-scroll::-webkit-scrollbar{width:6px;height:6px}.frv-scroll::-webkit-scrollbar-thumb{background:#6c3cff40;border-radius:6px}html,body{background:var(--bg);height:100%;margin:0;padding:0}#app{height:100vh}.dash-nav-item{border-radius:var(--r-md);width:100%;font-family:var(--font-head);color:var(--text-2);transition:background .14s var(--ease-std), color .14s var(--ease-std);text-align:left;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.dash-nav-item:hover{background:var(--bg);color:var(--text)}.dash-nav-item.on{background:var(--fray-light);color:var(--fray-dark);font-weight:700}.frv-dark .dash-nav-item.on{color:var(--lavender);background:#6c3cff33}.adm-row:hover{background:var(--bg)}.adm-stat-link{transition:transform .14s var(--ease-std), box-shadow .14s var(--ease-std), border-color .14s var(--ease-std)}.adm-stat-link:hover{box-shadow:var(--shadow-card);border-color:var(--border-strong);transform:translateY(-2px)}.adm-stat-link:active{transform:translateY(0)}.dash-enter{opacity:1}::selection{background:#6c3cff38}input::placeholder{color:var(--text-3)}#app :focus-visible{outline:2px solid var(--fray);outline-offset:2px;border-radius:6px}#app :focus:not(:focus-visible){outline:none}@media (width<=768px){.dash-sidebar{z-index:200;height:100vh;box-shadow:var(--shadow-card);top:0;left:0;transform:translate(-100%);transition:transform .22s var(--ease-std)!important;position:fixed!important}.dash-sidebar.open{transform:translate(0)!important}.dash-overlay.open{display:block!important}.dash-content-pad{padding:16px!important}.dash-topbar{padding:0 14px!important}.frv-scroll table{min-width:600px}.dash-stat-grid{grid-template-columns:repeat(2,1fr)!important}.dash-two-col{grid-template-columns:1fr!important}.dash-learner-stats{gap:10px!important}.dash-bottom-nav{display:flex!important}main.frv-scroll{padding-bottom:80px!important}}@media (width<=560px){.dash-hide-narrow{display:none!important}}.frv-reduce-motion *,.frv-reduce-motion :before,.frv-reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dash-overlay{z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;position:fixed;inset:0}.dash-bottom-nav{z-index:100;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px env(safe-area-inset-bottom,0);gap:0;height:62px;display:none;position:fixed;bottom:0;left:0;right:0}.dash-bottom-nav button{font-family:var(--font-head);color:var(--text-3);border-radius:var(--r-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;transition:color .14s;display:flex}.dash-bottom-nav button.on{color:var(--fray-dark)}.frv-dark .dash-bottom-nav button.on{color:var(--lavender)}