:root{--mosaic-edge:#64748b}:root[data-theme=dark]{--mosaic-edge:#94a3b8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--mosaic-edge:#94a3b8}}
#board{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px;width:100%;aspect-ratio:1;}
.mosaic-tile{border-color:var(--mosaic-edge);min-width:44px;min-height:44px;width:100%;height:100%;font-size:1.3rem;line-height:1.2;white-space:pre-line;padding:0;touch-action:manipulation;}
.mosaic-tile.black{background:var(--text);color:var(--surface);}
.mosaic-tile.white{background:var(--surface);color:var(--text);}

.mosaic-tile.unknown{color:var(--muted);}
.mosaic-tile.selected{box-shadow:inset 0 0 0 3px #3b82f6;}
.mosaic-tile.error{outline:3px solid var(--error);outline-offset:-4px;}
.mosaic-tile:disabled{opacity:1;}
.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}
.play-actions button{min-height:44px;}
#save-notice:empty{display:none;}