:root{color-scheme:light;--paper:#efe3c8;--ink:#263434;--green:#3f6352}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 Georgia,serif}main{max-width:1040px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.035em;line-height:1.05;margin:12px 0}h2{font-size:26px;margin:0 0 16px}p{margin:12px 0}button,select,textarea{font:inherit}button{background:var(--ink);color:var(--paper);border:0;padding:12px 16px;min-height:48px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #b85f43;outline-offset:3px}button:hover:not(:disabled){background:var(--green)}select{max-width:100%;padding:8px;background:var(--paper);color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;margin:24px 0}canvas{width:100%;display:block;image-rendering:auto}#scene{background:var(--green);min-height:170px}#status{font-variant-numeric:tabular-nums;min-height:80px}#hand{display:flex;gap:8px}#hand button{flex:1;padding:12px 6px;min-width:0;overflow-wrap:anywhere;background:#d7c7a7;color:var(--ink)}#hand button[aria-pressed=true]{background:var(--green);color:#fff}#hand small{display:block;font-size:14px;line-height:1.35}#preview{min-height:28px}#confirm{width:100%;background:var(--green)}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}aside{background:#e1d5bb;padding:20px}#map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}#map button{padding:8px}#map [aria-current=true]{background:var(--green)}details{margin:20px 0}summary{cursor:pointer}footer{margin:32px 0 8px}textarea{width:100%;min-height:140px}input{width:22px;height:22px;vertical-align:middle}a{color:var(--ink)}[hidden]{display:none!important}@media(max-width:680px){main{padding:16px}header{align-items:flex-start}header select{font-size:16px;max-width:115px}.workspace{grid-template-columns:1fr;gap:24px}h1{max-width:210px}#status{min-height:0}#hand small{font-size:13px}button{padding:12px}aside{padding:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.contents{max-width:72ch;font-size:16px}::selection{background:var(--green);color:#fff}a{text-underline-offset:.2em}button:active:not(:disabled){transform:translateY(1px)}@media(max-width:680px)and (max-height:740px){main{padding:12px 16px}header{gap:8px}h1{margin:6px 0}main>p{margin:8px 0}.workspace{margin:12px 0}#scene{max-width:220px;min-height:0;margin:0 auto}#status,#preview{margin:8px 0}}