.levels-scene{background:radial-gradient(ellipse 750px 500px at 68% 0,#10302f65,transparent),#070b0d}.levels-scene:before{content:"";position:absolute;inset:0 0 auto;height:500px;pointer-events:none;background-image:linear-gradient(#2faaa910 1px,transparent 0),linear-gradient(90deg,#2faaa910 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.levels-redesign{--lv-surface:#10191d;--lv-primary:#51d8d0;--lv-accent:#84eee0;--lv-premium:#e8bd62}.levels-hero{position:relative;min-height:250px;display:flex;align-items:center}.levels-hero>div{max-width:68%;padding-block:28px 36px}.levels-hero .levels-display{font-size:clamp(40px,5.4vw,72px);line-height:1.08;letter-spacing:-.045em;background:linear-gradient(#fff 35%,#d2eeee);-webkit-background-clip:text;background-clip:text;color:transparent}.levels-hero p:last-child{max-width:540px}.levels-hero-art{position:absolute;width:490px;height:auto;right:-35px;top:-48px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 60% 57% at 50% 50%,#000 52%,transparent 94%);mask-image:radial-gradient(ellipse 60% 57% at 50% 50%,#000 52%,transparent 94%)}.levels-redesign>.levels-stats{margin-top:8px}.levels-redesign .levels-section-title{color:#d5e0e4;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.025em}.levels-redesign .levels-panel{border-radius:14px;background:linear-gradient(125deg,#141e22b8,#0c1317e6);border-color:#c0ebed16;backdrop-filter:none;box-shadow:inset 0 1px 0 #ffffff03,0 8px 25px #00000018}.levels-redesign .levels-panel-gold{border-color:#e8bd6238;background:linear-gradient(125deg,#28231790,#121515)}.levels-redesign .levels-stat{position:relative;padding-left:68px}.levels-stat-icon{position:absolute;left:18px;top:26px;width:40px;height:40px;aspect-ratio:1;flex-shrink:0;display:grid;place-items:center;color:#67e2d7;border:1px solid #67e2d778;border-radius:50%;background:radial-gradient(circle at 30% 20%,#377b78,#0b2025 65%);box-shadow:0 0 14px #3ae1d31a,inset 0 0 0 3px #060f13}.levels-stat-icon svg{width:20px;height:20px}.levels-panel-gold .levels-stat-icon{color:#e8bd62;border-color:#e8bd6290;background:radial-gradient(circle at 30% 20%,#725624,#201b0e 65%)}.levels-redesign .levels-stat>div:last-child{min-width:0}.levels-redesign .levels-progress-track{height:3px}.levels-redesign .levels-progress-panel{background:radial-gradient(ellipse at 30% 50%,#16433d20,transparent 70%),#0b111580}.levels-redesign .levels-rail-node{width:60px;height:66px;border:0;border-radius:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:linear-gradient(145deg,#647072,#252c30 55%,#495457);color:#859294;box-shadow:none;isolation:isolate;transform:none}.levels-redesign .levels-rail-node:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(135deg,#1b2b2f,#0a1115 60%,#172327);z-index:-1}.levels-redesign .levels-rail-node--current,.levels-redesign .levels-rail-node--done,.levels-redesign .levels-rail-node--selected{background:linear-gradient(140deg,#d1fff8,#50c3bb 40%,#19716d 75%,#72dbd3);color:#9af5e9}.levels-redesign .levels-rail-node--current:before,.levels-redesign .levels-rail-node--selected:before{background:radial-gradient(ellipse at 40% 20%,#286561,#0d292d 70%)}.levels-redesign .levels-rail-node--current{color:#e6fffa;text-shadow:0 0 12px #6bffe0}.levels-redesign .levels-rail-node--current>span{font-size:28px}.levels-redesign .levels-rail-node:hover{filter:brightness(1.3)}.levels-redesign a:focus-visible,.levels-redesign button:focus-visible{outline:2px solid #b2fff3;outline-offset:4px}.levels-redesign .levels-rail-node:focus-visible{background:#e8fff9}.levels-redesign .levels-rail-track{height:3px}.levels-redesign .levels-rail-label{flex-direction:column;gap:12px}.levels-node-number{font-size:14px;color:#bccbce}.levels-redesign .levels-rail-label-icon,.levels-redesign .levels-rail-label-xp{height:30px;min-width:52px;border-radius:7px;border:1px solid #b7e4dd1a;display:grid;place-items:center;background:linear-gradient(130deg,#18302b60,#11181b);color:#a4d9d2;font-size:10px}.levels-redesign .levels-rail-label-icon{border-color:#d9ac4b35;background:linear-gradient(130deg,#4b3b1e70,#171916)}.levels-redesign .levels-rail-tip{min-width:178px;max-width:205px;border-radius:8px;border-color:#9bdad332;padding:12px;background:linear-gradient(130deg,#1a292d,#10171b)}.levels-redesign .levels-rail-tip--first{left:0;transform:none}.levels-redesign .levels-rail-tip--last{left:auto;right:0;transform:none}.levels-redesign .levels-unlock-row{border-radius:7px;padding-block:8px;min-height:44px}.levels-unlock-row>span:first-child{border:0;background:none;width:18px;height:auto;font-size:14px;font-weight:500}.levels-unlock-row+.levels-unlock-row{border-top-color:#b5d7d008}.levels-redesign .levels-detail{padding:28px;background:radial-gradient(ellipse at top left,#18443d25,transparent 70%),#0d1519}.levels-detail h3{color:#59d7d1;font-size:30px}.levels-detail>div:first-child{padding-bottom:22px;border-bottom:1px solid #bde5df0e}.levels-redesign .levels-feature-tile{min-height:92px;align-items:center;border-radius:10px;background:linear-gradient(130deg,#1d2a2d70,#131d2140)}.levels-redesign .levels-feature-icon{width:46px;height:48px;flex-shrink:0;border-radius:9px;background:linear-gradient(140deg,#1a4744,#10282c);box-shadow:inset 0 1px 0 #b2fff30c}.levels-feature-icon svg{width:23px;height:23px}.levels-feature-tile--gold .levels-feature-icon{color:#e8bd62;background:linear-gradient(140deg,#574323,#262213);border-color:#e8bd6230}.levels-redesign .levels-rank-card{position:relative;overflow:hidden;gap:15px;padding:20px 12px 24px;border-color:color-mix(in srgb,var(--medal-color) 16%,transparent);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--medal-color) 9%,transparent),transparent 70%),#0d1417}.levels-medal{display:block;flex-shrink:0;width:144px;height:160px;max-width:100%;background-image:url(/decor/levels/ranks.webp);background-size:500% 100%;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse 55% 56%,#000 63%,transparent 96%);mask-image:radial-gradient(ellipse 55% 56%,#000 63%,transparent 96%)}.levels-medal--small{width:25px;height:28px}.levels-redesign .levels-premium-cta{border-radius:14px;background:radial-gradient(ellipse at 0 50%,#99712622,transparent 65%),repeating-linear-gradient(135deg,#b89a4c03 0 25px,transparent 25px 50px),#141511;box-shadow:none;padding:28px}.levels-redesign .levels-premium-icon{width:100px;height:100px;border-radius:50%;border:1px solid #ccad5960;background:radial-gradient(circle at 35% 30%,#6c5127,#27220f 45%,#15160f 65%);box-shadow:inset 0 0 0 7px #171a12,inset 0 0 0 8px #b6954840,0 0 30px #d8b65510}.levels-premium-icon svg{width:44px;height:44px;filter:drop-shadow(0 0 8px #dab34d66)}.levels-redesign .levels-premium-btn{border:1px solid #edcc79aa;border-radius:9px;color:#fff0c9;background:linear-gradient(120deg,#bb8c33,#71531c 65%,#4c3919);box-shadow:inset 0 0 0 3px #d9b66418,0 0 20px #d4a84516;padding:15px 18px}@media(max-width:1023px){.levels-hero-art{width:400px;right:-60px;top:-15px;opacity:.8}.levels-hero>div{max-width:78%}.levels-unlock-list{display:flex;gap:4px;overflow-x:auto}.levels-redesign .levels-unlock-row{min-width:130px;width:130px;flex-shrink:0}.levels-unlock-row .levels-medal,.levels-unlock-row>svg{display:none}.levels-redesign .levels-detail{min-height:300px}}@media(max-width:639px){.levels-hero{min-height:300px;align-items:flex-end}.levels-hero>div{max-width:100%;padding-block:120px 22px}.levels-hero .levels-display{font-size:40px}.levels-hero-art{width:280px;top:-62px;right:-45px;opacity:.7}.levels-hero p:last-child{font-size:14px;max-width:330px}.levels-hero .levels-eyebrow{font-size:9px}.levels-redesign .levels-stat{padding:50px 16px 16px;min-height:162px}.levels-stat-icon{width:28px;height:28px;left:16px;top:13px}.levels-stat-icon svg{width:15px;height:15px}.levels-stat>div{font-size:21px}.levels-redesign .levels-detail{padding:20px}.levels-redesign .levels-premium-icon{width:72px;height:72px}.levels-redesign .levels-premium-cta{padding:22px}.levels-premium-btn{justify-content:center;width:100%}.levels-medal{width:120px;height:133px}.levels-redesign .levels-rank-card{padding:14px 8px 20px}.levels-ranks>:last-child{grid-column:1/-1}}.levels-detail-progress{padding:12px 16px;border:1px solid #62ded119;border-radius:10px;min-width:175px;background:#0a151940}.levels-detail-progress p{font-size:11px;color:#96aaad;margin-bottom:6px}.levels-detail-progress strong{font-size:16px;color:#bce4df}.levels-detail-progress strong span{font-size:11px;font-weight:400;color:#6f9492}.levels-detail-progress .levels-progress-track{margin-top:10px}.levels-previous{border-top:1px solid #b2e4db10;padding-top:22px;margin-top:26px}.levels-redesign .font-mono{font-family:inherit}@media(max-width:639px){.levels-detail-progress{width:100%}}.levels-redesign .levels-progress-panel>div:first-child{position:relative;z-index:1}.levels-redesign .levels-rail-tip{bottom:calc(100% + 10px);min-height:64px;max-height:90px}.levels-redesign .levels-rail-tip-title{font-size:12px;line-height:1.35}.levels-redesign .levels-rail-tip-kicker{font-size:9px;line-height:1.4}.levels-redesign .levels-progress-panel [class*="min-w-[760px]"]{padding-top:110px}