.dashboard-root{--color-bg:#191919;--color-surface:#1a1a1a;--color-surface-2:#1e1e1e;--color-surface-3:#222;--color-border:#ffffff14;--color-text:#e8e8f0;--color-text-dim:#6b6b80;--color-accent:#7ecfcf;--glass-blur:blur(20px);--glass-blur-sm:blur(10px);--glass-border:1px solid #ffffff14;--glass-border-light:1px solid #ffffff1a;--glass-shadow:0 4px 24px #0000004d;--glass-shadow-deep:0 8px 32px #0006;--glass-glow:inset 0 1px 0 #ffffff0a;--glass-highlight:inset 0 1px 0 #ffffff1a;--color-scrollbar-thumb:#ffffff14;--grain-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");--dash-card-pad:clamp(.55rem, 1.3vw, 1.5rem);--dash-card-gap:clamp(.75rem, 1.3vw, 1.5rem);--dash-banner-h:clamp(140px, 22vh, 380px);--dash-card-min-h:280px;--dash-icon-sz:clamp(.95rem, 1.25vw, 1.15rem);--dash-label-fz:clamp(.75rem, 1.05vw, 1rem);color:var(--color-text);-webkit-font-smoothing:antialiased}.dashboard-root,.dashboard-root *,.dashboard-root :before,.dashboard-root :after{border-color:var(--color-border)}.dashboard-root .glass-panel{-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative}.dashboard-root .glass-panel:before{content:"";background:var(--grain-texture);opacity:.03;pointer-events:none;z-index:1;border-radius:inherit;background-size:128px 128px;position:absolute;inset:0}.dashboard-root .glass-panel-sm{-webkit-backdrop-filter:var(--glass-blur-sm);box-shadow:var(--glass-glow);position:relative}.dashboard-root .glass-panel-sm:before{content:"";background:var(--grain-texture);opacity:.02;pointer-events:none;z-index:1;border-radius:inherit;background-size:128px 128px;position:absolute;inset:0}.dashboard-root{--tab-accent:var(--color-accent);--tab-accent-dim:#7ecfcf26}.dashboard-root[data-tab=home]{--tab-accent:#e8e8f0;--tab-accent-dim:#e8e8f014}.dashboard-root[data-tab=learn]{--tab-accent:#34d399;--tab-accent-dim:#34d3991f}.dashboard-root[data-tab=studio]{--tab-accent:#e8e8f0;--tab-accent-dim:#e8e8f014}.dashboard-root[data-tab=globe]{--tab-accent:#60a5fa;--tab-accent-dim:#60a5fa1f}.dashboard-root[data-tab=arcade]{--tab-accent:#a78bfa;--tab-accent-dim:#a78bfa1f}.dashboard-root .glass-panel-sm,.dashboard-root .glass-panel{transition:transform .2s,box-shadow .2s,filter .2s}.dashboard-root .dashboard-tab-content{animation:.15s ease-out dashFadeIn}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-root .progress-fill{animation:.4s ease-out progressGrow}@keyframes progressGrow{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.dashboard-root .flame-pulse{animation:2s ease-in-out infinite flamePulse}@keyframes flamePulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.dashboard-root .dashboard-tab-content,.dashboard-root .progress-fill,.dashboard-root .flame-pulse{animation:none}.dashboard-root .glass-panel-sm,.dashboard-root .glass-panel{transition:none}}.dashboard-root .player-range{appearance:none;cursor:pointer;background:0 0;align-items:center;height:12px;display:flex}.dashboard-root .player-range::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:2px;height:4px}.dashboard-root .player-range::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .15s}.dashboard-root .player-range:hover::-webkit-slider-thumb{opacity:1}.dashboard-root .player-range::-moz-range-track{background:#ffffff1a;border:none;border-radius:2px;height:4px}.dashboard-root .player-range::-moz-range-thumb{opacity:0;background:#fff;border:none;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.dashboard-root .player-range:hover::-moz-range-thumb{opacity:1}.dashboard-root .home-grid{gap:var(--dash-card-gap);grid-template-columns:1fr;grid-template-areas:"banner""quickstart""featured""calendar""recent""challenges";display:grid}@media (width>=768px){.dashboard-root{--dash-banner-h:clamp(200px, 32vh, 380px)}.dashboard-root .home-grid{grid-template-columns:1fr 1fr;grid-template-areas:"banner banner""quickstart featured""calendar calendar""recent challenges"}}@media (width>=1024px){.dashboard-root .home-grid{grid-template:"banner banner banner"minmax(360px,3fr)"calendar recent challenges"minmax(240px,2fr)/1fr 1fr 1fr;height:100%}}.dashboard-root .area-banner{min-width:0;height:var(--dash-banner-h);grid-area:banner;position:relative}.dashboard-root .area-quickstart{grid-area:quickstart;min-width:0}.dashboard-root .area-featured{grid-area:featured;min-width:0}.dashboard-root .area-calendar{grid-area:calendar;min-width:0;min-height:0}.dashboard-root .area-recent{grid-area:recent;min-width:0;min-height:0}.dashboard-root .area-challenges{grid-area:challenges;min-width:0;min-height:0}@media (width>=1024px){.dashboard-root .area-banner{height:auto}}.dashboard-root ::-webkit-scrollbar{width:6px;height:6px}.dashboard-root ::-webkit-scrollbar-track{background:0 0}.dashboard-root ::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}