.levels-hero{margin-top:var(--space-4);position:relative}.levels-hero-visual{display:flex;flex-direction:column;gap:var(--space-4)}.levels-hero-board-wrapper{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft-puzzle);background:radial-gradient(circle at top left,#e5f1ff 0,transparent 55%),radial-gradient(circle at bottom right,#e6fff6 0,transparent 55%)}.levels-hero-image{width:100%;height:auto;display:block}.levels-hero-legend{margin-top:var(--space-3)}.levels-hero-legend-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.levels-hero-legend-chips{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:var(--space-2)}.levels-hero-legend-text{font-size:var(--text-xs);color:var(--color-muted)}.levels-subnav{border-top:1px solid rgba(148,163,184,0.12)}.levels-overview-grid{align-items:center;gap:var(--space-6)}.levels-overview-figure{height:100%;display:flex;flex-direction:column;justify-content:space-between}.levels-overview-image{border-radius:var(--radius-lg)}.levels-figure-caption{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-muted)}.levels-overview-list{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.levels-tier-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.levels-tier-card{display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius-xl)}.levels-tier-card-challenging{background:radial-gradient(circle at top left,#ffe5e5 0,transparent 55%),radial-gradient(circle at bottom right,#fff6de 0,transparent 55%),#ffffff}.levels-tier-subtitle{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2)}.levels-key-points{margin-top:var(--space-2);display:flex;flex-direction:column;gap:0.35rem;font-size:var(--text-sm);color:var(--color-muted)}.levels-key-points li::before{content:"•";margin-right:0.35rem;color:var(--color-primary)}.levels-visual-grid{align-items:center;gap:var(--space-6)}.levels-visual-figure{height:100%}.levels-visual-image{border-radius:var(--radius-lg)}.levels-difficulty-breakdown{border-top:1px solid rgba(148,163,184,0.12)}.levels-feel-grid{gap:var(--space-5);margin-top:var(--space-5)}.levels-feel-card{border-radius:var(--radius-xl)}.levels-challenging-grid{align-items:center;gap:var(--space-6)}.levels-challenging-figure{height:100%}.levels-challenging-image{border-radius:var(--radius-lg)}.levels-tips-grid{margin-top:var(--space-5);gap:var(--space-5)}.levels-tips-section .article-card{border-radius:var(--radius-xl)}.levels-tips-cta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;border-radius:var(--radius-xl);background:linear-gradient(135deg,#e2f0ff,#e3fbf4)}.levels-tips-cta-text p{margin-bottom:0}.levels-tips-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.levels-replay-grid{align-items:stretch;gap:var(--space-6)}.levels-relaxation-card{border-radius:var(--radius-xl)}.levels-unlock-grid{margin-top:var(--space-5);gap:var(--space-5)}.levels-unlock-card{border-radius:var(--radius-xl)}.levels-unlock-footer-cta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.levels-unlock-footer-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.levels-difficulty-header,.levels-tips-header,.levels-unlock-header{margin-bottom:var(--space-2)}.levels-visual-figure-wrapper,.levels-challenging-figure-wrapper{display:flex;align-items:stretch}.levels-overview-visual{display:flex;align-items:stretch}.levels-replay-section .levels-replay-grid>.card{align-self:stretch}@media (min-width:768px){.levels-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.levels-feel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.levels-unlock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.levels-tips-cta{flex-direction:row;justify-content:space-between;align-items:center}.levels-hero-visual{justify-content:space-between}.levels-overview-visual,.levels-visual-figure-wrapper,.levels-challenging-figure-wrapper{padding-left:var(--space-2)}}@media (max-width:767px){.levels-hero{margin-top:var(--space-2)}.levels-subnav{margin-top:-var(--space-2)}.levels-tips-cta{align-items:stretch}.levels-hero-legend{margin-top:var(--space-4)}}