.level-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#00000040;border:1px solid #f2b84b4d;display:flex}.level-badge__number{width:2.1rem;height:2.1rem;color:var(--color-void);font-family:var(--font-display);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--gradient-gold);flex:none;place-items:center;font-weight:900;display:grid}.level-badge__body{flex:1;gap:3px;min-width:0;display:grid}.level-badge__label{color:var(--color-gold-bright);font-size:.78rem;font-weight:700}.level-badge__bar{background:#ffffff1a;border-radius:3px;height:5px;display:block;position:relative;overflow:hidden}.level-badge__bar span{background:linear-gradient(90deg, var(--color-gold), var(--color-gold-bright));transition:width .6s var(--ease-out);position:absolute;inset:0 auto 0 0}.app--collapsed .sidebar .level-badge{background:0 0;border:0;padding:0}.app--collapsed .sidebar .level-badge__body{display:none}.sidebar__lock{color:var(--color-text-muted);white-space:nowrap;margin-inline-start:auto;font-size:.7rem}.app--collapsed .sidebar__lock{display:none}.sidebar__badge{min-width:1.25rem;height:1.25rem;color:var(--color-void);background:var(--gradient-gold);border-radius:999px;place-items:center;margin-inline-start:auto;padding:0 .3rem;font-size:.7rem;font-weight:800;display:grid;box-shadow:0 0 8px #ffd16699}.sidebar__badge--dot{background:var(--color-accent);width:.6rem;min-width:.6rem;height:.6rem;box-shadow:0 0 6px var(--color-accent);padding:0}.app--collapsed .sidebar__badge{margin:0;position:absolute;top:2px;right:2px}.level-lock{justify-items:center;gap:var(--space-3);text-align:center;max-width:34rem;margin:10dvh auto 0;display:grid}.level-lock__icon{font-size:2.6rem}.level-lock h1{font-family:var(--font-display);color:var(--color-gold-bright);margin:0}.level-lock p{margin:0}.level-lock .level-badge{width:min(20rem,100%)}.level-roadmap{gap:var(--space-3);margin-block:var(--space-3);display:grid}.level-roadmap__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.level-roadmap__head .level-badge{width:min(18rem,100%)}.level-roadmap__head .section-title,.level-roadmap__head p{margin:0}.level-roadmap__steps{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.level-roadmap__steps li{column-gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);opacity:.65;background:#00000040;border:1px solid #8f9bbd40;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.level-roadmap__steps li.is-reached{opacity:1;border-color:#3fe0a08c}.level-roadmap__level{width:2rem;height:2rem;color:var(--color-text);background:#ffffff1a;border-radius:50%;grid-row:span 2;place-items:center;font-weight:800;display:grid}.is-reached .level-roadmap__level{color:var(--color-void);background:var(--color-success)}.level-roadmap__steps small{color:var(--color-text-muted)}.level-up{z-index:60;justify-items:center;gap:var(--space-2);min-width:min(22rem,90vw);padding:var(--space-5) var(--space-5) var(--space-4);border:2px solid var(--color-gold);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 0,#f2b84b4d,#0000 60%),#080e1cf7;animation:.6s cubic-bezier(.2,.9,.3,1.3) both level-up-in;display:grid;position:fixed;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 60px #f2b84b73}.level-up__burst{z-index:-1;background:repeating-conic-gradient(#ffd6784d 0 6deg, transparent 6deg 18deg);pointer-events:none;border-radius:50%;animation:8s linear infinite rays;position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 65%);mask:radial-gradient(circle,#000 15%,#0000 65%)}.level-up__kicker{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-bright)}.level-up__level{font-family:var(--font-display);color:#fff;text-shadow:0 0 24px #ffc850e6;font-size:4.5rem;line-height:1}.level-up__unlock{align-items:center;gap:var(--space-1);color:var(--color-void);background:var(--color-success);border-radius:999px;padding:.2rem .7rem;font-weight:700;display:flex}@keyframes level-up-in{0%{opacity:0;scale:.5}}@keyframes rays{to{rotate:360deg}}.levels-preview{max-height:24rem;overflow-y:auto}.upgrade__locked{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-gold-bright);background:#f2b84b1f;margin:0;font-size:.82rem;font-weight:700}.upgrade__section.is-locked>:not(h3,.upgrade__locked){opacity:.35;pointer-events:none}.levels-extra{gap:var(--space-2);grid-column:1/-1;display:grid}.levels-extra .studio-form__fields{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}