.ladder-practice .ladder-stage{--muted:#174f3c;background:var(--mint)}.ladder-setup{margin-bottom:20px}.ladder-setting{flex-direction:column;gap:8px;width:100%;display:flex}.ladder-setting .board-select{flex:none}.ladder-setting .board-level-description{font-size:.875rem}.ladder-launch{width:100%}.ladder-example{text-align:center;max-width:240px;margin:4px auto 12px}.ladder-example-picture{max-width:210px;margin:0 auto 4px}.ladder-example svg{width:100%;height:auto;display:block}.ladder-example figcaption{font-size:.8125rem;line-height:1.5}.ladder-goal{margin:0 0 4px;font-weight:600}.ladder-left{font-variant-numeric:tabular-nums;border-left:3px solid #c39a5b;margin:4px 0 12px;padding-left:10px;font-size:.9375rem}.ladder-board{--ladder-pad-x:26px;--ladder-gap:6px;--ladder-tile-max:999px;max-width:min(460px, calc(var(--ladder-letters,4) * var(--ladder-tile-max) + (var(--ladder-letters,4) - 1) * var(--ladder-gap) + 2 * var(--ladder-pad-x)));padding:10px var(--ladder-pad-x);touch-action:manipulation;margin:8px auto 4px;position:relative}.ladder-board:before,.ladder-board:after{content:"";background:linear-gradient(90deg,#efcb98 0 3px,#d9ae72 3px 62%,#af7f3c 100%);border-radius:7px;width:18px;position:absolute;top:0;bottom:0;box-shadow:0 1px 2px #8a5e2273}.ladder-board:before{left:0}.ladder-board:after{background:linear-gradient(90deg,#e2ba82 0 3px,#cea063 3px 62%,#a2722f 100%);right:0}.ladder-rungs{margin:0;padding:0;list-style:none}.ladder-rung{margin:0}.ladder-rung+.ladder-rung{margin-top:2px}.ladder-tiles{grid-template-columns:repeat(var(--ladder-letters,4), minmax(0, 1fr));gap:var(--ladder-gap);display:grid}.ladder-tile{min-width:0;color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.ladder-tile svg{width:100%;height:auto;display:block}button.ladder-tile{cursor:pointer;touch-action:manipulation}button.ladder-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:12px}@keyframes ladder-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ladder-rung[data-arrive=true]{animation:.22s cubic-bezier(.22,.7,.3,1) ladder-arrive}.ladder-entry{margin:4px 0 12px}.ladder-entry>label{margin-bottom:6px;font-weight:600;display:block}.ladder-entry-row{flex-wrap:wrap;gap:10px;display:flex}.ladder-entry input{background:var(--card);min-width:0;min-height:52px;color:var(--ink);font:inherit;letter-spacing:.18em;text-align:center;text-transform:uppercase;border:2px solid #748477;border-radius:12px;flex:9rem;padding:8px 12px;font-size:1.5rem;font-weight:700}.ladder-entry input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.ladder-entry input[aria-invalid=true]{border-color:#8f2a21}.ladder-entry-row .btn{flex:0 9rem;width:auto;min-height:52px}.ladder-message{min-height:1.6em;margin:8px 0 0;font-weight:600;line-height:1.5}.ladder-message[data-kind=refused]{color:#8f2a21}.ladder-tools{margin-block:0 12px}.ladder-tools .btn{flex:8rem;width:auto}.ladder-path{background:var(--card);overflow-wrap:anywhere;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-weight:600;line-height:1.6}.ladder-read{margin-bottom:12px;font-size:.875rem}.ladder-read summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:650}.ladder-read p{margin:0 0 8px;line-height:1.6}.ladder-next-lesson{margin:4px 0 0}.ladder-next-lesson a{text-underline-offset:4px;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.ladder-practice .board-metrics{gap:16px 32px}.ladder-practice .board-metrics dd{font-size:1.5rem}#ladder-result-explain{margin-bottom:8px}#ladder-result-limits{margin-bottom:12px}@media (width<=480px){.ladder-board{--ladder-pad-x:22px;--ladder-gap:5px;padding-block:8px}.ladder-board:before,.ladder-board:after{width:14px}.ladder-practice .board-metrics{gap:12px 20px}.ladder-practice .board-metrics dd{font-size:1.25rem}.ladder-tools .btn{flex:6rem}}@media (width<=360px){#word-ladder-app .board-stage{padding:12px 8px}.practice-main:has(.ladder-practice){padding-inline:16px}.ladder-board{--ladder-pad-x:8px;--ladder-gap:1px;padding-block:6px}.ladder-board:before,.ladder-board:after{width:8px}.ladder-entry input{letter-spacing:.12em;font-size:1.25rem}}@media (height<=880px){.ladder-board{--ladder-tile-max:64px}.ladder-practice #ladder-stats{margin-block:6px;padding-block:4px}.ladder-practice .ladder-stage h2{margin-bottom:4px}.ladder-practice #ladder-instruction{margin-bottom:6px;font-size:.875rem}.ladder-practice .ladder-board{margin-top:4px}.ladder-practice .ladder-left{margin-bottom:6px}.ladder-practice .ladder-entry{margin-top:0}.ladder-practice .ladder-entry input,.ladder-practice .ladder-entry-row .btn{min-height:48px}}@media (height<=520px){.ladder-board{--ladder-tile-max:56px}.ladder-practice .ladder-entry{margin-block:0 8px}.ladder-practice .ladder-entry>label{margin-bottom:4px}.ladder-practice .ladder-entry input,.ladder-practice .ladder-entry-row .btn{min-height:44px}.ladder-practice .ladder-entry input{font-size:1.25rem}.ladder-practice .ladder-message{margin-top:6px}.ladder-practice .ladder-tools{margin-block:0 8px}}@media (prefers-reduced-motion:reduce){.ladder-rung[data-arrive=true]{animation:none}}@media (forced-colors:active){.ladder-board:before,.ladder-board:after{forced-color-adjust:none;box-shadow:none;background:canvastext}.wl-tile-shadow,.wl-tile-grain,.wl-tile-bevel{display:none}.wl-tile-face{fill:canvas;stroke:canvastext;stroke-opacity:1}.wl-tile[data-state=target] .wl-tile-face,.wl-tile[data-state=empty] .wl-tile-face{stroke-dasharray:8 6}.wl-tile-letter{fill:canvastext}.wl-tile-mark,.wl-tile-notch{stroke:highlight;fill:none}.wl-tile-notch{fill:highlight}.ladder-message[data-kind=refused]{color:canvastext}}