.ladder-goal{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px;background:#ffffff08;padding:17px;border-radius:16px;border:1px solid #ffffff19}.ladder-goal>.ladder-arrow{color:var(--mint);font-size:2rem;font-weight:800}.ladder-goal .tiny{color:#b3c7c7;font-weight:800;letter-spacing:.12em;margin-bottom:7px;text-align:center}.word-letter-row{display:flex;justify-content:center;gap:5px}.word-letter-row span{width:clamp(23px,3.65vw,43px);height:clamp(30px,4.6vw,49px);display:grid;place-items:center;background:#2d4c5a;border:1px solid #83a5a66b;border-radius:8px;font-size:clamp(.83rem,2vw,1.35rem);font-weight:800;font-family:Outfit,sans-serif}.ladder-goal #target-word span{background:#81e9c0;color:#123a32;border-color:#81e9c0}.ladder-steps{border:1px solid #ffffff19;background:#081e2970;border-radius:17px;padding:16px;margin-bottom:20px}.ladder-steps-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.steps{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:40px}.step-word{display:inline-flex;align-items:center;border-radius:8px;background:#315367;padding:8px 10px;letter-spacing:.08em;font-size:.91rem;font-weight:800}.step-word.last{background:#235d58;color:#c3ffe8}.step-arrow{color:#8bb6aa}.step-empty{font-size:.86rem;color:var(--muted)}@media(max-width:560px){.ladder-goal{padding:12px 8px;gap:5px}.word-letter-row{gap:3px}.word-letter-row span{width:clamp(21px,5.9vw,38px);height:38px}.ladder-goal>.ladder-arrow{font-size:1.4rem}.step-word{padding:7px 8px;font-size:.79rem}}
