#board{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:3px;width:100%;max-width:400px;margin:auto}
.flood-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:44px;min-height:44px;font-size:1.5rem;font-weight:800;border:1px solid var(--line);border-radius:4px}
.color-1{background:#fef3c7;color:#422006}.color-2{background:#dbeafe;color:#172554}.color-3{background:#dcfce7;color:#14532d}.color-4{background:#ffe4e6;color:#881337}
.flood-tile.flooded{outline:2px solid #0f172a;outline-offset:-4px}.origin{font-weight:900;text-decoration:underline}
.color-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.color-controls button{min-height:44px;font-weight:800}.color-controls button[aria-pressed=true]{outline:3px solid var(--text);outline-offset:2px}.color-controls button:disabled{opacity:.65}
.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.play-actions button{min-height:44px}