[data-hover=none]{--open-hover:var(--tile-open);--hover-swatch:var(--tile-open)}
[data-hover=green]{--open-hover:#e1eee5;--hover-swatch:#b7d6c2}
[data-hover=blue]{--open-hover:#e1ebf8;--hover-swatch:#b6cce8}
[data-hover=gold]{--open-hover:#f6efd8;--hover-swatch:#e5d295}
[data-hover=lilac]{--open-hover:#eee5f5;--hover-swatch:#d0bbdf}
[data-hover=gray]{--open-hover:#e2e7ea;--hover-swatch:#bdc9ce}
[data-theme=dark] [data-hover=green]{--open-hover:#34483b;--hover-swatch:#6eaa87}
[data-theme=dark] [data-hover=blue]{--open-hover:#344451;--hover-swatch:#779ac1}
[data-theme=dark] [data-hover=gold]{--open-hover:#464331;--hover-swatch:#bba567}
[data-theme=dark] [data-hover=lilac]{--open-hover:#42394d;--hover-swatch:#a68cbc}
[data-theme=dark] [data-hover=gray]{--open-hover:#3d4545;--hover-swatch:#91a3a7}

[data-tiles=green]{--covered:#d9e8e0;--covered-hover:#c5dfd1;--tile-border:#c9ddd0;--tile-open:#f0f3f2}
[data-tiles=blue]{--covered:#d9e4f0;--covered-hover:#c7d8eb;--tile-border:#c5d5e5;--tile-open:#eff2f6}
[data-tiles=gold]{--covered:#eee4c7;--covered-hover:#e5d8b1;--tile-border:#dfd2af;--tile-open:#f5f3ec}
[data-tiles=lilac]{--covered:#e6ddef;--covered-hover:#daccea;--tile-border:#d7cbe2;--tile-open:#f3f0f6}
[data-tiles=gray]{--covered:#dfe4e8;--covered-hover:#cfd8df;--tile-border:#cdd6dd;--tile-open:#f1f3f5}
[data-theme=dark] [data-tiles=green]{--covered:#395346;--covered-hover:#466753;--tile-border:#2b4536;--tile-open:#2a322d}
[data-theme=dark] [data-tiles=blue]{--covered:#354b60;--covered-hover:#415d76;--tile-border:#293d50;--tile-open:#29313b}
[data-theme=dark] [data-tiles=gold]{--covered:#514b37;--covered-hover:#645b40;--tile-border:#3f3928;--tile-open:#343229}
[data-theme=dark] [data-tiles=lilac]{--covered:#4c4059;--covered-hover:#605170;--tile-border:#3a3046;--tile-open:#322d39}
[data-theme=dark] [data-tiles=gray]{--covered:#454e53;--covered-hover:#58636a;--tile-border:#343d42;--tile-open:#2e3235}

[data-flags=green]{--flag-color:#236c59}
[data-flags=red]{--flag-color:#a53f42}
[data-flags=blue]{--flag-color:#235d9c}
[data-flags=gold]{--flag-color:#805711}
[data-flags=lilac]{--flag-color:#70448e}
[data-theme=dark] [data-flags=green]{--flag-color:#83c9aa}
[data-theme=dark] [data-flags=red]{--flag-color:#ffa3a8}
[data-theme=dark] [data-flags=blue]{--flag-color:#a2cfff}
[data-theme=dark] [data-flags=gold]{--flag-color:#f5d079}
[data-theme=dark] [data-flags=lilac]{--flag-color:#d7b5f2}

.board[data-flags] .cell.flagged:not(.wrong){color:var(--flag-color)}
.board[data-flags] .cell.flagged:not(.wrong) svg{fill:var(--flag-color)}
.board[data-flags] .cell.wrong svg{fill:none}
.board[data-flags] .flag-impact{border-color:var(--flag-color)}
.board[data-hover] .cell.open:not(.mine):not(.ended){transition:background-color 0ms ease,transform .12s}
@media(hover:hover){.board[data-hover]:not([data-hover=none]) .cell.open:hover:not(.mine):not(.ended):not(:focus-visible){background:var(--open-hover);transition-duration:10ms,.12s}}