.board{background:var(--paper);border:2px solid var(--ink);border-radius:16px;overflow:hidden}
.board svg.fig{display:block;width:100%;height:auto;max-height:70vh;touch-action:manipulation}
.board .eq{font-size:17px;font-weight:700;padding:10px 16px 0;min-height:1.7em;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.board .cap{font-family:var(--hand);font-size:19px;line-height:1.55;color:var(--pen);min-height:3.1em;padding:8px 16px 2px;margin:0}
.board .ctl{display:flex;gap:10px;align-items:center;padding:6px 16px 14px;flex-wrap:wrap}
.board .ctl .dots{display:flex;gap:6px;margin-right:auto}
.board .ctl .dots i{width:10px;height:10px;border-radius:50%;background:var(--hair)}
.board .ctl .dots i.on{background:var(--brand)}
.board .ctl button{font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid var(--ink);border-radius:12px;min-height:44px;padding:6px 16px;font-weight:700;background:transparent;color:var(--ink)}
.board .ctl .b-next{background:var(--cta);color:var(--on-cta)}
.board .ctl button:disabled{opacity:.35;cursor:not-allowed}
.board .fig text{font-family:var(--sans);font-size:20px}.board .fig text:not([fill]){fill:var(--soft)}
.board .fig .tick{font-size:16px}
.board .fig .lbl{font-size:22px;font-weight:700}.board .fig .lbl:not([fill]){fill:var(--ink)}
.board .fig .hand{font-family:var(--hand);font-size:26px}.board .fig .hand:not([fill]){fill:var(--pen)}
.board .fig .handg{font-family:var(--hand);font-size:26px}.board .fig .handg:not([fill]){fill:var(--good)}
.board .fig .big{font-size:30px}

.board .cap sup,.board .eq sup{font-size:.68em;line-height:0;vertical-align:.45em}