.board { display:grid; grid-template-columns:minmax(64px,90px) 1fr 1fr; gap:8px; max-width:720px; margin:0 auto 16px; align-items:stretch; }
.colhead { font-weight:bold; font-size:1.2rem; color:var(--c4); }
.lab { display:flex; align-items:center; justify-content:center; font-size:clamp(1.6rem,6vw,2.6rem); font-weight:bold; color:var(--c1); }
.lab.small { font-size:1rem; color:var(--c4); }
.plus { color:var(--c4); margin-right:4px; }
.board .zone { flex:none; min-height:150px; padding:6px; border-width:3px; border-radius:18px; }
.board .zone.tiny { min-height:90px; border-style:dashed; }
.board .items { min-height:0; gap:2px; }
.board .items > * { zoom:.62; }
.rule { grid-column:1 / -1; height:6px; border-radius:3px; background:var(--ink); margin:4px 0; }
.tie { font-size:1rem; padding:8px 12px; margin-top:4px; }
.tie[hidden] { display:none; }
.tray[hidden] { display:none; }
.zone.locked .items > * { cursor:default; }
.controls .stars { font-size:1.5rem; align-self:center; }

.pad { max-width:720px; margin:0 auto 16px; background:#fff; border:4px solid var(--c3); border-radius:24px; padding:12px; }
.padrow { display:flex; align-items:center; gap:8px; margin-bottom:10px; flex-wrap:wrap; justify-content:center; }
.padlab { font-weight:bold; font-size:1.2rem; color:var(--c4); width:60px; text-align:right; }
.padrow > div { display:flex; gap:6px; flex-wrap:wrap; justify-content:center; }
.digit { font:inherit; font-size:1.5rem; font-weight:bold; width:46px; height:52px; border-radius:12px;
  border:3px solid var(--c4); background:#fff; color:var(--c4); cursor:pointer; }
.digit.sel { background:var(--c4); color:#fff; }
.pad[hidden] { display:none; }

.tabs { display:flex; justify-content:center; gap:10px; margin:0 auto 16px; flex-wrap:wrap; }
.tab { font-size:1.2rem; font-weight:bold; padding:10px 22px; border-radius:999px; text-decoration:none;
  border:3px solid var(--c4); background:#fff; color:var(--c4); }
.tab[aria-selected="true"] { background:var(--c4); color:#fff; }