#board{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:0;width:100%;aspect-ratio:1;max-width:400px;margin:auto;border:1px solid #64748b}
.heyawake-tile{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:100%;height:100%;font-size:1.5rem;line-height:1;padding:0;border-style:solid;border-color:#64748b;border-radius:0;touch-action:manipulation}
.heyawake-tile.black{background:#0f172a;color:#fff}.heyawake-tile.white{background:#fff;color:#0f172a}.heyawake-tile.unknown{background:var(--surface);color:var(--muted)}
.heyawake-tile.black{border-color:#94a3b8}.heyawake-tile.selected{box-shadow:none;outline:1px solid #3b82f6;outline-offset:-5px}.heyawake-tile:disabled{opacity:1}
.room-clue{position:absolute;top:3px;left:4px;font-size:.85rem;font-weight:800;line-height:1.1;background:#fff;color:#0f172a;padding:1px 2px;border-radius:2px;pointer-events:none}.cell-mark{pointer-events:none}
.heyawake-tile.error .cell-mark{text-decoration:underline wavy #b91c1c;text-underline-offset:3px}.heyawake-tile.black.error .cell-mark{text-decoration-color:#fca5a5}.heyawake-tile.error .room-clue{text-decoration:underline wavy #b91c1c}
.mark-controls,.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mark-controls button,.play-actions button{min-height:44px}.mark-controls button{font-size:1.2rem}#save-notice:empty{display:none}