/* ---------- Caza Gemas: juntar 3 gemas ---------- */
.gg-board.gm3 { display: block; position: absolute; left: 50%; top: 150px; transform: translateX(-50%); padding: 0; border-radius: 24px; touch-action: none; overflow: hidden;
  background: rgba(20,12,6,.72); box-shadow: 0 0 0 10px rgba(122,82,50,.85), 0 0 0 16px rgba(0,0,0,.35), 0 20px 40px rgba(0,0,0,.5); }
.gg-board.gm3::before { content: ''; position: absolute; inset: 0; border-radius: 24px; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.05) 50%, transparent 50%), linear-gradient(90deg, rgba(255,255,255,.05) 50%, transparent 50%);
  background-size: 224px 224px; }
.gm3-tile { position: absolute; left: 0; top: 0; width: 112px; height: 112px; padding: 10px; box-sizing: border-box; cursor: pointer;
  transition: transform .2s ease-in, opacity .25s, scale .25s; will-change: transform; }
.gm3-tile svg { width: 100%; height: 100%; display: block; filter: drop-shadow(0 4px 2px rgba(0,0,0,.45)); pointer-events: none; }
.gm3-tile:hover svg { filter: drop-shadow(0 0 8px rgba(255,255,220,.7)) drop-shadow(0 4px 2px rgba(0,0,0,.45)); }
.gm3-tile.sel { background: radial-gradient(circle, rgba(255,240,160,.55), transparent 70%); border-radius: 20px; }
.gm3-tile.sel svg { animation: gm3Sel .6s ease-in-out infinite alternate; }
@keyframes gm3Sel { to { scale: 1.12; } }
.gm3-tile.gone { opacity: 0; scale: 1.6; }
.gm3-tile.k-mole, .gm3-tile.k-time { cursor: default; }
.gm3-tile.k-mole svg { animation: gm3Mole 1.6s ease-in-out infinite; }
@keyframes gm3Mole { 50% { translate: 0 -6px; } }
.gm3-time, .gm3-star { display: grid; place-items: center; width: 100%; height: 100%; font-size: 64px; line-height: 1; filter: drop-shadow(0 0 10px #8fe3ff); animation: gm3Glow 1.2s ease-in-out infinite alternate; }
.gm3-star { filter: drop-shadow(0 0 14px #ffe48a); }
@keyframes gm3Glow { to { scale: 1.1; } }
.gm3-stripe { position: absolute; inset: 22px; border-radius: 8px; pointer-events: none; opacity: .85; mix-blend-mode: screen; }
.gm3-stripe.row { background: repeating-linear-gradient(0deg, transparent 0 8px, rgba(255,255,255,.95) 8px 13px); }
.gm3-stripe.col { background: repeating-linear-gradient(90deg, transparent 0 8px, rgba(255,255,255,.95) 8px 13px); }
.gm3-tile.sp-row svg, .gm3-tile.sp-col svg { filter: drop-shadow(0 0 10px #fff) drop-shadow(0 4px 2px rgba(0,0,0,.45)); }
.gm3-pop { position: absolute; transform: translate(-50%, -50%); z-index: 5; white-space: nowrap; pointer-events: none; }
.gm3-pts { font: 700 28px var(--font); color: #ffe48a; }