.code-board table{width:100%;text-align:center;font-variant-numeric:tabular-nums}.code-board td{padding:.4rem;border-bottom:1px solid #cbc6b7}.code-pad{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.code-pad button{min-width:40px;min-height:40px}.code-pad [aria-pressed=true]{background:#285547;color:white}[data-input=code]{font-size:1.4rem;letter-spacing:.2em;max-width:100%;width:12rem}.blocks-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;max-width:520px;margin:auto;background:#ccc3ad;padding:4px}.block-cell{aspect-ratio:1;min-width:0;padding:0;background:#faf5e6;border:1px solid #a49c88;border-radius:3px}.block-cell[data-color="1"]{background:#496d58}.block-cell[data-color="2"]{background:#b2644e}.block-cell[data-color="3"]{background:#507e96}.block-cell[data-color="4"]{background:#ba933c}.block-cell[data-color="5"]{background:#8d709c}.block-cell.block-preview{background:#67aeb3;box-shadow:inset 0 0 0 2px #164e60}.block-cell.block-clear{outline:2px dashed #9e4a15;outline-offset:-4px;background:#f3d688}.blocks-hand{display:flex;justify-content:center;gap:1rem;margin:1rem}.block-piece{display:grid;grid-template-columns:repeat(4,13px);grid-template-rows:repeat(4,13px);gap:2px;padding:7px;touch-action:none;border:2px solid transparent;background:#f3eddf}.block-piece[aria-pressed=true]{border-color:#386051}.block-piece i.filled{background:#386b62;border:1px solid #254638}.hex-board{width:100%;max-height:65vh;display:block;overflow:visible}.hex-board polygon{fill:#f8efda;stroke:#7c7c66;stroke-width:1.5}.hex-board [data-color="1"] polygon{fill:#28647c}.hex-board [data-color="2"] polygon{fill:#aa4834}.hex-board text{fill:#fff;text-anchor:middle;font:15px sans-serif;pointer-events:none}.hex-board [data-last-to=true] polygon{stroke:#e2ac31;stroke-width:4}.hex-board .hex-winning polygon{stroke:#ebba36;stroke-width:4;filter:brightness(1.22)}.hex-board [role=button]:focus polygon{stroke:#151515;stroke-width:3}