:root{font-family:system-ui,-apple-system,sans-serif}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#fff3e0,#ffe8d6 40%,#ffd9c4,#ffcab8);color:#4a3226}main{min-height:100vh;display:grid;place-content:center;text-align:center;padding:1rem;gap:.5rem}.size-select{display:inline-block;margin:0 0 .75rem;font-size:.95rem}.size-select select{font:inherit;padding:.2rem .4rem;border:1px solid #e8c9ae;border-radius:6px;background:#fffaf5;color:inherit;cursor:pointer}.grid{display:grid;gap:0;font-size:1.4rem;line-height:1;-webkit-user-select:none;user-select:none}.grid span{width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center}.grid span.blink{animation:blink .3s steps(1,end) infinite}@keyframes blink{50%{opacity:.25}}.status{min-height:3rem;max-width:21rem;margin:1rem 0 0}.layout{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;justify-content:center}.legend{border-collapse:collapse;background:#fffaf5;border:1px solid #e8c9ae;border-radius:6px;overflow:hidden;cursor:default}.legend caption{font-weight:600;padding:.5rem;border-bottom:1px solid #e8c9ae}.legend th,.legend td{padding:.35rem .75rem;border-bottom:1px solid #f0ddc9;text-align:center}.legend tr:last-child td{border-bottom:none}