.ld{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:480px;margin:0 auto}.ld-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.ld-meta{display:flex;gap:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.92rem;white-space:nowrap}.ld-meta b{color:var(--ink)}.ld-rungs{display:grid;gap:6px;justify-items:center}.ld-word{display:flex;gap:6px}.ld-tile{width:clamp(40px,12vw,56px);height:clamp(44px,13vw,60px);display:grid;place-items:center;border-radius:10px;border:2px solid var(--line);background:var(--cell);font-family:var(--font-display);font-weight:800;font-size:clamp(20px,6vw,28px);color:var(--ink);text-transform:uppercase}.ld-word.is-end .ld-tile,.ld-word.is-start .ld-tile{background:var(--cell-given);border-color:var(--ink)}.ld-word.is-step .ld-tile.is-changed{background:var(--leaf);border-color:var(--leaf);color:#fff}.ld-word.is-entry .ld-tile{border-style:dashed;border-color:var(--ink-2);background:var(--cell)}.ld-word.is-entry .ld-tile.is-filled{border-style:solid;border-color:var(--ink);animation:sk-place calc(.15s * var(--motion)) ease-out}.ld-word.is-shake{animation:sk-shake calc(.3s * var(--motion)) ease-in-out}.ld-word.is-hint .ld-tile.is-changed{background:var(--sun);border-color:var(--sun);color:#2a1f16}.ld-gap{color:var(--ink-2);font-size:1.2rem;line-height:1}.ld-msg{min-height:1.3em;text-align:center;color:var(--ink-2);font-size:.92rem}.ld-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ld-done .ld-word.is-end .ld-tile{background:var(--leaf);border-color:var(--leaf);color:#fff}