/* Mines only: a real chipped basalt cover, composited into the emerald cavern.
   Button bounds and controller-owned transforms/animations remain unchanged. */
#coModal[data-game="mines"] .co-tile,
#coModal[data-game="mines"] .co-tile:hover:not(:disabled),
#coModal[data-game="mines"] .co-tile.is-safe,
#coModal[data-game="mines"] .co-tile.is-mine,
#coModal[data-game="mines"] .co-tile.is-hit,
#coModal[data-game="mines"] .co-tile.is-unpicked {
  border-color: transparent;
  border-radius: 3px;
  background: transparent;
  box-shadow: none;
  filter: none;
}
#coModal[data-game="mines"] .co-tile::before {
  content: "";
  position: absolute;
  inset: -3px -3px -5px;
  border: 0;
  border-radius: 0;
  background: url('/assets/casino-scenes-20261022/mines-stone.webp') center / 100% 100% no-repeat;
  box-shadow: none;
  pointer-events: none;
  transform: rotate(var(--stone-angle, 0deg)) scaleX(var(--stone-flip, 1));
  filter: brightness(var(--stone-light, .84)) saturate(.82) drop-shadow(0 4px 3px #020b08b8);
}
#coModal[data-game="mines"] .co-tile:nth-child(4n + 2) { --stone-angle: 1.3deg; --stone-flip: -1; --stone-light: .91; }
#coModal[data-game="mines"] .co-tile:nth-child(4n + 3) { --stone-angle: -.9deg; --stone-light: .79; }
#coModal[data-game="mines"] .co-tile:nth-child(4n) { --stone-angle: .6deg; --stone-flip: -1; --stone-light: .86; }
#coModal[data-game="mines"] .co-tile-face { position: relative; z-index: 1; }
#coModal[data-game="mines"] .co-tile-engraving {
  color: #0c1c17;
  text-shadow: 0 1px 1px #c2d7be69, 0 -1px 1px #020d09c4;
  opacity: .86;
  font-size: 25px;
}
#coModal[data-game="mines"] .co-tile::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 45%;
  pointer-events: none;
  opacity: 0;
}
#coModal[data-game="mines"] .co-tile:hover:not(:disabled)::before {
  filter: brightness(1.08) saturate(.95) drop-shadow(0 5px 4px #010b08d9);
}
#coModal[data-game="mines"] .co-tile.is-safe::before {
  filter: brightness(.86) saturate(1.05) drop-shadow(0 3px 3px #010b08c9) drop-shadow(0 0 5px #4aaa7c3b);
}
#coModal[data-game="mines"] .co-tile.is-safe::after {
  opacity: 1;
  background: radial-gradient(ellipse, #2cc89a4a, #10624c12 55%, transparent 75%);
}
#coModal[data-game="mines"] .co-tile.is-mine::before {
  filter: brightness(.7) sepia(.45) saturate(.8) hue-rotate(320deg) drop-shadow(0 4px 3px #0e0505b8);
}
#coModal[data-game="mines"] .co-tile.is-hit::before {
  filter: brightness(.95) sepia(.5) saturate(1.2) hue-rotate(320deg) drop-shadow(0 0 6px #ba534c66);
}
#coModal[data-game="mines"] .co-tile.is-hit::after {
  opacity: 1;
  background: radial-gradient(ellipse, #bf433c55, transparent 75%);
}
#coModal[data-game="mines"] .co-tile.is-unpicked::before {
  filter: brightness(.48) saturate(.65) drop-shadow(0 3px 2px #020b08a1);
}
#coModal[data-game="mines"] .co-tile:focus-visible {
  outline: 2px solid #d4e6bc;
  outline-offset: 3px;
}
@media (max-width: 760px) {
  #coModal[data-game="mines"] .co-tile-engraving { font-size: 22px; }
}
@media (forced-colors: active) {
  #coModal[data-game="mines"] .co-tile { background: ButtonFace; border-color: ButtonText; }
  #coModal[data-game="mines"] .co-tile::before,
  #coModal[data-game="mines"] .co-tile::after { display: none; }
  #coModal[data-game="mines"] .co-tile-engraving { color: ButtonText; text-shadow: none; opacity: 1; }
}

/* Revealed pieces share the stone's lighting. Reuse the controller's existing
   face visibility/reveal timing; these overlays never intercept input. */
/* Load both small pieces when Mines opens, before the first reveal. */
#coModal[data-game="mines"] .co-mines-frame::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background-image: url('/assets/casino-scenes-20261022/mines-emerald.webp'), url('/assets/casino-scenes-20261022/mines-mine.webp');
}
#coModal[data-game="mines"] .co-tile:is(.is-safe,.is-mine,.is-unpicked) .co-tile-face > svg {
  visibility: hidden;
}
#coModal[data-game="mines"] .co-tile:is(.is-safe,.is-unpicked) .co-tile-face::after {
  content: "";
  position: absolute;
  inset: -7px -3px -2px;
  background: url('/assets/casino-scenes-20261022/mines-emerald.webp') center / contain no-repeat;
  pointer-events: none;
  filter: drop-shadow(0 3px 2px #020b08d9) drop-shadow(0 0 4px #30b77b42);
}
#coModal[data-game="mines"] .co-tile.is-mine .co-tile-face::after {
  content: "";
  position: absolute;
  inset: -4px -2px -1px;
  background: url('/assets/casino-scenes-20261022/mines-mine.webp') center / contain no-repeat;
  pointer-events: none;
  filter: brightness(.85) saturate(.7) drop-shadow(0 3px 2px #100705c9);
}
#coModal[data-game="mines"] .co-tile.is-safe::before {
  filter: brightness(.58) saturate(.95) drop-shadow(0 3px 3px #010b08c9);
}
#coModal[data-game="mines"] .co-tile.is-safe::after {
  background: radial-gradient(ellipse at 50% 65%, #2fa47e61, #041a1480 48%, transparent 74%);
}
#coModal[data-game="mines"] .co-tile.is-unpicked .co-tile-face::after {
  opacity: .26;
  filter: saturate(.55) brightness(.75);
}
#coModal[data-game="mines"] .co-tile.is-mine:not(.is-hit) .co-tile-face::after { opacity: .65; }
#coModal[data-game="mines"] .co-tile.is-hit .co-tile-face::after {
  filter: brightness(1.08) saturate(.95) drop-shadow(0 3px 2px #190804d9) drop-shadow(0 0 4px #de79436b);
}
@media (forced-colors: active) {
  #coModal[data-game="mines"] .co-tile:is(.is-safe,.is-mine,.is-hit,.is-unpicked) { background: ButtonFace; border-color: ButtonText; }
  #coModal[data-game="mines"] .co-tile:is(.is-safe,.is-mine,.is-unpicked) .co-tile-face::after { display: none; }
  #coModal[data-game="mines"] .co-tile:is(.is-safe,.is-mine,.is-unpicked) .co-tile-face > svg { visibility: visible; opacity: 1; }
}