.levels-landing .jump-bar{margin-top:1.4rem}.levels-stairs,.levels-goal{margin-top:3rem;scroll-margin-top:6rem}.levels-stairs>h2,.levels-goal>h2{font-size:clamp(1.6rem,3vw,2.2rem)}.levels-goal>h2 span{font-family:var(--mono);font-size:.9rem;color:var(--amber);margin-left:.4rem}.levels-stairs>.sub,.levels-goal>.sub{color:var(--muted);max-width:46rem}.stairs{margin-top:1.2rem;padding:1.4rem 1.4rem 1rem}.stairs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:end}.stairs-steps li{display:grid;gap:.6rem}.stairs-bars{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;height:12rem;border-bottom:1px solid var(--line-strong)}.stairs-bar{position:relative;display:block;width:min(42%,3.4rem);min-height:.4rem;border-radius:8px 8px 0 0;text-decoration:none;transition:filter .2s,transform .2s}.stairs-bar.win{background:var(--olive)}.stairs-bar.hold{background:var(--slate)}.stairs-bar:hover,.stairs-bar:focus-visible{filter:brightness(1.15);transform:translateY(-3px)}.stairs-bar b{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.25rem;font:600 .72rem var(--mono);color:var(--text);white-space:nowrap}.stairs-name{display:grid;justify-items:center;text-align:center;font-weight:700;font-size:.95rem}.stairs-name small{font:700 .72rem var(--mono);color:var(--amber)}.stairs-legend{display:flex;justify-content:center;gap:1.4rem;margin:.9rem 0 0;font-size:.85rem;color:var(--muted)}.stairs-legend span{display:inline-flex;align-items:center;gap:.4rem}.stairs-legend span:before{content:"";width:.7rem;height:.7rem;border-radius:3px}.stairs-legend .win:before{background:var(--olive)}.stairs-legend .hold:before{background:var(--slate)}.level-cards{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.level-card{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem 1.2rem;border-top:3px solid var(--c);scroll-margin-top:6rem;transition:box-shadow .2s,transform .2s}.level-card:hover{box-shadow:inset 0 0 0 1px var(--c),var(--shadow);transform:translateY(-2px)}.level-card.win{--c: var(--olive)}.level-card.hold{--c: var(--slate)}.level-top{display:flex;align-items:baseline;gap:.6rem}.level-n{font:700 .8rem var(--mono);color:var(--c)}.level-top h3{margin:0;font-size:1.35rem}.level-count{margin-left:auto;font:600 .72rem var(--mono);color:var(--amber);padding:.2rem .55rem;border-radius:999px;background:var(--card-2);white-space:nowrap}.level-dots{display:flex;gap:.3rem}.level-dots i{width:.55rem;height:.55rem;border-radius:50%;background:var(--card-2);border:1px solid var(--line-strong)}.level-dots i.on{background:var(--c);border-color:var(--c)}.level-mid{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.9rem;align-items:center}.level-board{display:block;border-radius:8px;overflow:hidden}.level-board svg{display:block;width:100%;height:auto}.level-card .short{margin:0;font-weight:600;font-size:.95rem;line-height:1.4}.level-card .long{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.level-foot{margin-top:auto;display:grid;gap:.6rem;padding-top:.7rem;border-top:1px dashed var(--line)}.level-example{margin:0;font-size:.78rem;color:var(--faint)}.level-example b{color:var(--muted);font-weight:600}.level-button{justify-content:center;text-align:center;width:100%;font-size:.88rem;padding:.55rem .9rem}.level-card.hold .level-button{background:var(--slate);border-color:var(--slate)}.levels-foot{margin-top:2.5rem;color:var(--muted)}@media (max-width: 1100px){.level-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.level-cards{grid-template-columns:minmax(0,1fr)}.stairs{padding:1rem .7rem .8rem}.stairs-steps{gap:.4rem}.stairs-bars{height:9rem;gap:.25rem}.stairs-bar b{font-size:.6rem}.stairs-name{font-size:.78rem}.level-mid{grid-template-columns:7rem minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.stairs-bar,.level-card{transition:none}.stairs-bar:hover,.level-card:hover{transform:none}}
