:root{font-family:system-ui,sans-serif;color:#243c35;background:#f6f5ed;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{padding:1rem 5%;background:#e0ecdf;display:flex;justify-content:space-between;align-items:center;gap:1rem}main{max-width:940px;margin:auto;padding:1.2rem}h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.25}.eyebrow{font-weight:700;color:#3b604d}a{color:#174f74;min-height:44px;display:inline-flex;align-items:center;font-weight:700}svg{max-width:240px;width:100%}svg rect{fill:#e5f0df;stroke:#49735a;stroke-width:3}svg text{text-anchor:middle;fill:#843f28;font-size:22px}.heading,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.heading{justify-content:space-between}button{font:inherit;font-weight:650;color:#243c35;background:#fff;border:2px solid #527562;border-radius:10px;padding:.65rem;min-height:48px;min-width:48px;cursor:pointer}button[aria-pressed=true]{border-color:#843f28;background:#fbe9d7}.primary{background:#275a43;color:white;border-color:#275a43}button:disabled{opacity:.64;cursor:default}.board{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:.55rem;max-width:650px}.board button{min-height:68px;overflow-wrap:anywhere}.board button:disabled{color:#243c35;background:#e9eee6;border-style:dashed;opacity:1}:focus-visible{outline:3px solid #ae4a22;outline-offset:3px}dialog{max-width:min(90vw,480px);border:2px solid #527562;border-radius:16px;padding:1.4rem;color:#243c35}dialog::backdrop{background:#10251ab3}footer{padding:2rem 5%;color:#42574a}[hidden]{display:none!important}.board.wide button{font-size:.8rem;padding:.25rem;min-height:72px}#ladder-host{margin:.5rem 0}@media(max-width:360px){.board button{font-size:.9rem;padding:.3rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}