.level-hero{gap:var(--space-4);border-color:var(--border-accent)}.level-hero,.level-hero-badge{display:flex;align-items:center}.level-hero-badge{justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent);font-size:1.1rem;font-weight:800;flex-shrink:0}.level-hero-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.level-hero-info h2{font-size:1.35rem}.level-hero-info p{font-size:.85rem;color:var(--text-secondary)}.level-hero-info .progress-bar{height:.5rem;border-radius:var(--radius-full);background:var(--surface-2);overflow:hidden;margin-top:.25rem}.level-hero-info .progress-bar span{display:block;height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width .4s var(--ease)}.level-hero-info small{font-size:.78rem;color:var(--text-muted)}.ladder{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.ladder-row{display:flex;align-items:center;gap:var(--space-3);padding:.8rem var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);opacity:.7;transition:all var(--duration) var(--ease)}.ladder-row.reached{opacity:1}.ladder-row.current{border-color:var(--glass-accent-border);background:var(--glass-accent-bg);box-shadow:var(--glass-accent-shadow);opacity:1}.ladder-badge{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);font-weight:700;font-size:.9rem;flex-shrink:0}.ladder-row.reached .ladder-badge{background:var(--accent);color:var(--accent-text);border-color:transparent}.ladder-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.ladder-info strong{font-size:.9rem}.ladder-info small{font-size:.78rem;color:var(--text-muted)}.ladder-state{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.ladder-row.reached .ladder-state{color:var(--success)}.ladder-row.current .ladder-state{color:var(--accent)}@media (max-width:640px){.level-hero{flex-direction:row;align-items:center;padding:1.15rem 1.25rem}.level-hero-badge{width:3.5rem;height:3.5rem;font-size:1rem}.level-hero-info h2{font-size:1.15rem}.ladder-row{padding:.85rem var(--space-3);min-height:3.25rem}.ladder-row.current{box-shadow:var(--glass-accent-shadow),var(--shadow-md)}}