/* Level atmosphere is presentation only. Live speed rounds keep their arena. */
.student-level-shell:not([data-runner="active"]){--level-bg-1:var(--level-day-bg-1,#eaf6ff);--level-bg-2:var(--level-day-bg-2,#f7fbff);--level-bg-3:var(--level-day-bg-3,#e6f1fa);--level-surface:var(--level-day-surface,#ffffffd9);--level-soft:var(--level-day-accent-soft,#d9f0ff);--level-border:var(--level-day-border,#5caee87a);--level-glow:var(--level-day-glow,#49abf438);--level-highlight:var(--level-day-highlight,#54afff);--level-progress:var(--level-day-progress,linear-gradient(90deg,#359bdc,#b8ebff));background:radial-gradient(ellipse at 95% 12%,var(--level-glow),transparent 48%),radial-gradient(ellipse at 0 68%,var(--level-soft),transparent 52%),linear-gradient(150deg,var(--level-bg-1),var(--level-bg-2) 46%,var(--level-bg-3))!important;--student-surface:var(--level-surface);--student-border:var(--level-border)}
[data-student-theme="night"] .student-level-shell:not([data-runner="active"]),.student-level-shell[data-student-theme="night"]:not([data-runner="active"]){--level-bg-1:var(--level-night-bg-1);--level-bg-2:var(--level-night-bg-2);--level-bg-3:var(--level-night-bg-3);--level-surface:var(--level-night-surface);--level-soft:var(--level-night-accent-soft);--level-border:var(--level-night-border);--level-glow:var(--level-night-glow);--level-highlight:var(--level-night-highlight);--level-progress:var(--level-night-progress)}
.student-level-shell:not([data-runner="active"]) :is(.learning-card,.learning-overview,.account-card,.speed-best-preview,.speed-entry-rule,.student-profile-card,.growth-summary){background:var(--level-surface);border-color:var(--level-border);box-shadow:inset 0 1px 0 #ffffff50,0 5px 20px var(--level-glow)}
.student-level-shell:not([data-runner="active"]) :is(.growth-frame,.visual-profile-grid>div,.account-profile){background:linear-gradient(145deg,var(--level-surface),var(--level-soft));border-color:var(--level-border)}
.student-level-shell[data-level="gold"]:not([data-runner="active"]) .growth-frame{box-shadow:inset 0 0 0 3px var(--level-bg-2),inset 0 0 0 4px var(--level-border),0 6px 24px var(--level-glow)}
.student-level-shell[data-level="ruby"]:not([data-runner="active"]) .growth-frame{background-image:radial-gradient(ellipse at 100% 0,var(--level-glow),transparent 65%),linear-gradient(145deg,var(--level-surface),var(--level-soft));border-radius:23px 12px 23px 12px}
.student-level-shell:not([data-runner="active"]) .visual-hero{background:radial-gradient(ellipse at 80% 60%,var(--level-soft),transparent 65%),linear-gradient(125deg,var(--level-bg-1),var(--level-bg-3))}
.student-level-shell:not([data-runner="active"]) .visual-hero::before{opacity:.11}
.student-level-shell[data-level="ruby"]:not([data-runner="active"]) .visual-hero::before{animation:level-orbit 32s linear infinite}
.visual-character-halo{position:absolute;width:65%;height:75%;right:0;bottom:0;background:radial-gradient(ellipse,var(--level-glow),transparent 65%);pointer-events:none;animation:level-halo 6.3s ease-in-out infinite}
.student-level-shell:not([data-runner="active"]) .visual-character{transform-origin:bottom center;animation:level-breathe 5s ease-in-out infinite}
.student-level-shell:not([data-runner="active"]) .visual-plus{animation:level-float 4.8s ease-in-out infinite}
.student-level-shell:not([data-runner="active"]) .visual-star{animation:level-float 6.3s ease-in-out infinite}
.student-level-shell:not([data-runner="active"]) .visual-cube{animation:level-float 7.2s ease-in-out infinite}
.level-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.level-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--level-highlight);opacity:.3;animation:level-float 7.2s ease-in-out infinite}.level-particles i:nth-child(1){left:15%;top:16%}.level-particles i:nth-child(2){left:44%;top:70%;animation-delay:-2s}.level-particles i:nth-child(3){left:58%;top:24%;animation-delay:-4s}.level-particles i:nth-child(4){left:88%;top:48%;animation-delay:-1s}.level-particles i:nth-child(5){left:24%;top:87%;animation-delay:-3s}
[data-level="silver"] .level-particles i:nth-child(n+3){display:none}[data-level="gold"] .level-particles i{border-radius:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:10px;height:10px}[data-level="gold"] .level-particles i:nth-child(5){display:none}[data-level="ruby"] .level-particles i{border-radius:0;transform:rotate(45deg);width:7px;height:7px}
.visual-level-badge[data-badge-level]{position:relative;color:var(--level-highlight);background:var(--level-soft)}.visual-level-badge[data-badge-level] img{animation:level-badge 3.8s ease-in-out infinite}.visual-level-badge[data-badge-level="silver"] img{animation-name:level-badge-silver}
.visual-streak-art{position:relative;display:inline-flex;width:48px;height:48px;flex-shrink:0}.visual-streak-art .visual-art{width:48px;height:48px}.streak-flame{position:absolute;right:0;bottom:2px;width:13px;height:18px;border-radius:75% 20% 65% 65%;background:linear-gradient(#ff9630,#ffd85c);transform:rotate(18deg);animation:level-flame 2.8s ease-in-out infinite}[data-streak-effect="none"] .streak-flame{display:none}[data-streak-effect="bright"] .streak-flame{width:16px;height:23px}[data-streak-effect="advanced"] .streak-flame{width:19px;height:27px;background:linear-gradient(#f45b2e,#ffdf63)}
.student-level-shell:not([data-runner="active"]) :is(.student-growth-meter,.learning-exp-meter) i{background:var(--level-progress);position:relative;overflow:hidden}.student-level-shell:not([data-runner="active"]) :is(.growth-meter,.learning-exp-meter) i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff75 50%,transparent 70%);animation:level-shine 5.8s ease-in-out infinite}
.student-level-shell:not([data-runner="active"]) .student-main-action{border:2px solid var(--level-border);box-shadow:0 5px 22px var(--level-glow)}
.student-level-shell:not([data-runner="active"]) .student-tabbar a[aria-current="page"]{color:#087cff;background:linear-gradient(135deg,#d8efff,var(--level-soft));box-shadow:inset 0 0 0 1px var(--level-border)}
.level-status-line{display:flex;align-items:center;gap:8px;margin:0 12px 12px;padding:10px 13px;border:1px solid var(--level-border);border-radius:15px;background:var(--level-surface);font-size:12px}.level-status-line small{font-size:9px;letter-spacing:1px;color:var(--level-highlight)}
.student-level-shell:not([data-runner="active"]) :is(.visual-home-content,.visual-practice-content,.visual-settings-content)>*{animation:level-enter .38s ease-out backwards}.student-level-shell:not([data-runner="active"]) :is(.visual-home-content,.visual-practice-content,.visual-settings-content)>:nth-child(2){animation-delay:80ms}.student-level-shell:not([data-runner="active"]) :is(.visual-home-content,.visual-practice-content,.visual-settings-content)>:nth-child(3){animation-delay:140ms}.student-level-shell:not([data-runner="active"]) :is(.visual-home-content,.visual-practice-content,.visual-settings-content)>:nth-child(n+4){animation-delay:200ms}
.student-level-shell:not([data-runner="active"]) :is(button,a):active{transform:scale(.985)}
@media(hover:hover){.student-level-shell:not([data-runner="active"]) :is(.visual-practice-link,.visual-extension-cards a):hover{filter:brightness(1.04)}}
@keyframes level-float{50%{translate:0 -4px}}@keyframes level-breathe{50%{translate:0 -3px;scale:1.012}}@keyframes level-halo{50%{opacity:.55}}@keyframes level-orbit{to{rotate:360deg}}@keyframes level-badge{50%{scale:1.04}}@keyframes level-badge-silver{50%{scale:1.02}}@keyframes level-flame{50%{translate:0 -2px;scale:1 .94}}@keyframes level-shine{0%,30%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}@keyframes level-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
.student-level-shell[data-motion-paused="true"] *,.student-level-shell[data-motion-paused="true"] *::before,.student-level-shell[data-motion-paused="true"] *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.student-level-shell *,.student-level-shell *::before,.student-level-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.student-level-shell:not([data-runner="active"]) :is(.student-growth,.student-profile-summary,.student-challenge-preview,.learning-card,.account-card){background:linear-gradient(145deg,var(--level-surface),var(--level-soft));border-color:var(--level-border)}
.student-level-shell[data-student-theme="night"]:not([data-runner="active"]) .visual-hero:after{background:linear-gradient(90deg,var(--level-bg-1),transparent)}
.student-level-shell:not([data-runner="active"]) .visual-launch-card .learning-primary:not(:disabled)::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 35%,#ffffff65 50%,transparent 65%);animation:level-shine 4.8s ease-in-out infinite;pointer-events:none}
.visual-approval-types>span:first-child{background:#fff0d8}.visual-approval-types>span:nth-child(2){background:#ffe7f0}.visual-approval-types>span:nth-child(3){background:#eee6ff}
[data-student-theme="night"] .visual-approval-types>span:first-child{background:#43372b}[data-student-theme="night"] .visual-approval-types>span:nth-child(2){background:#442b3f}[data-student-theme="night"] .visual-approval-types>span:nth-child(3){background:#35304c}
.visual-settings-content .account-profile{margin-top:0}
.student-badge-item.locked .visual-achievement{filter:grayscale(1);opacity:.38}
.student-level-shell:not([data-runner="active"]) .learning-progress{background:conic-gradient(var(--level-highlight) var(--learning-progress),var(--level-soft) 0)}
.student-level-shell:not([data-runner="active"]) .visual-challenge-content .challenge-hall-overview{background:var(--level-surface);border-color:var(--level-border)}
.student-level-shell:not([data-runner="active"]) .visual-launch-card:before{animation:level-orbit 36s linear infinite;opacity:.12}