.ff-levels-wrapper.svelte-n9065h .level-select-container{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 120% at 10% 10%,#0f3b64,#0b223d 40%,#061120);box-shadow:0 20px 50px #00000059;padding:clamp(1rem,2vw,1.4rem)}.ff-levels-wrapper.svelte-n9065h .level-select-header{align-items:flex-start}.ff-levels-wrapper.svelte-n9065h .title{font-size:clamp(1.1rem,3vw,1.35rem);letter-spacing:-.01em}.ff-levels-wrapper.svelte-n9065h .subtitle{text-transform:uppercase;letter-spacing:.08em;color:#e6f3ffa6;font-size:.75rem}.ff-levels-wrapper.svelte-n9065h .progress-bar{background:#ffffff14;height:8px;border-radius:999px}.ff-levels-wrapper.svelte-n9065h .progress-fill{background:linear-gradient(90deg,#5bd5ff,#7bf5c1,#5bd5ff);background-size:200% 100%;animation:svelte-n9065h-ff-flow 3s linear infinite}.ff-levels-wrapper.svelte-n9065h .path-line{background:linear-gradient(90deg,#5bd5ff2e,#7bf5c161,#5bd5ff33);height:3px;opacity:.9}.ff-levels-wrapper.svelte-n9065h .level-badge{background:radial-gradient(circle at 30% 30%,#9bf0ff,#3fb0ff);color:#031425;border:none;box-shadow:0 0 0 6px #5bd5ff2e,0 10px 30px #0000004d}.ff-levels-wrapper.svelte-n9065h .status-current .level-badge{background:radial-gradient(circle at 30% 30%,#fff4c2,#ffb347);box-shadow:0 0 0 8px #ffdd832e,0 12px 30px #00000059}.ff-levels-wrapper.svelte-n9065h .status-completed .level-badge{background:radial-gradient(circle at 30% 30%,#9ff7d6,#36d1a8)}@keyframes svelte-n9065h-ff-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}
