.ladder-panel{max-width:720px;margin:0 auto}.ladder-play{margin:1.35rem 0;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:#fffdf7}.ladder-play-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.ladder-play-head h2{margin:.15rem 0 0}.ladder-entry-tiles{display:flex;justify-content:center;margin:1.2rem 0 .7rem}.entry-row .wordle-tile{width:62px;height:62px;border-color:#8e8e8e;background:#fff;font-size:1.55rem}.entry-row .wordle-tile:empty{border-color:#c8c8c8;background:#fff}.ladder-help{text-align:center;margin:.2rem auto 1rem}.word-keyboard{display:grid;gap:.42rem;max-width:620px;margin:0 auto}.keyboard-row{display:flex;justify-content:center;gap:.32rem}.word-key{flex:1 1 0;max-width:48px;min-width:30px;height:52px;padding:0 .2rem;border:0;border-radius:.28rem;background:#d3d6da;color:#111;font:800 .88rem/1 Arial,sans-serif;text-transform:uppercase;cursor:pointer}.word-key:hover:not(:disabled){filter:brightness(.96)}.word-key:active:not(:disabled){transform:translateY(1px)}.word-key.wide-key{flex:1.45 1 0;max-width:76px;font-size:.72rem}.delete-key{font-size:1.15rem!important}.word-key:disabled{opacity:.42;cursor:default}.ladder-steps{margin-top:1.2rem}.ladder-step .wordle-tile{background:#fff;border-color:#b8b8b8}.ladder-step .wordle-tile.changed{background:#6aaa64;border-color:#6aaa64;color:#fff}.ladder-goal{background:#f8f5eb}.ladder-goal strong{min-width:4.5ch}.status-pill{white-space:nowrap}@media(max-width:520px){.ladder-play{padding:.8rem}.ladder-play-head{align-items:flex-start;flex-direction:column}.entry-row .wordle-tile{width:54px;height:54px;font-size:1.35rem}.word-key{height:48px;font-size:.78rem;min-width:0}.keyboard-row{gap:.24rem}.word-key.wide-key{font-size:.65rem}}@media(max-width:390px){.entry-row .wordle-tile{width:48px;height:48px}.word-key{height:46px;font-size:.72rem}.keyboard-row{gap:.18rem}}