.game-canvas-wrapper{position:relative}.game-message{color:var(--gold);font-weight:800;margin-top:10px}.jump-btn{touch-action:manipulation}

/* Blackshep Tetris: blanco y negro, legible y con controles táctiles */
.game-card h4{color:var(--white);letter-spacing:.04em}
.game-instructions{color:rgba(255,255,255,.78);line-height:1.55;font-size:.88rem}
#gameCanvas{background:#000!important;border:1px solid rgba(255,255,255,.22);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.45);image-rendering:pixelated;touch-action:none}
.game-stats span{color:rgba(255,255,255,.82)}
.game-stats strong{color:#fff}
.sponsored-banner{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;cursor:pointer}
.sponsored-banner-content strong{color:#fff!important}.sponsored-banner-content p{color:rgba(255,255,255,.78)!important;line-height:1.45}.sponsored-label{color:#000!important;background:#fff!important;border-radius:999px;padding:3px 8px;font-weight:900;letter-spacing:.08em}
.watch-ad-btn{margin-top:8px;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(0,0,0,.35)!important;border-radius:999px;padding:8px 14px;font-weight:800;cursor:pointer}
.watch-ad-btn:hover{background:#fff!important;color:#000!important}
.tetris-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.tetris-controls .game-control-btn{border:1px solid rgba(255,255,255,.18);background:#080808;color:#fff;border-radius:10px;font-weight:900;min-height:42px;touch-action:manipulation}
.tetris-controls .game-control-btn:active{background:#fff;color:#000;transform:scale(.97)}
.ad-modal-overlay.active{display:flex;opacity:1;visibility:visible}.ad-video-mock{color:#fff!important;background:#080808!important;border:1px solid rgba(255,255,255,.18)!important}.ad-video-logo{color:#000!important;background:#fff!important}.ad-video-title,.ad-video-subtitle,.ad-description h4,.ad-description p{color:#fff!important}.ad-progress-fill{background:#fff!important}

/* V5: ventana flotante del juego + botones mejor encuadrados */
body.blackshep-game-playing{overflow:hidden!important}
.game-area.is-floating-game:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:18px!important;
  background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.08), rgba(0,0,0,.96) 52%, #000 100%)!important;
  backdrop-filter:blur(12px)!important;
}
.game-floating-header{
  width:min(96vw,560px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:10px 12px;
}
.game-floating-header strong{display:block;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.game-floating-header span{display:block;margin-top:2px;font-size:.72rem;color:rgba(255,255,255,.68);line-height:1.3}
.game-floating-close{
  border:1px solid rgba(255,255,255,.22);
  background:#fff;
  color:#000;
  border-radius:999px;
  padding:9px 14px;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  cursor:pointer;
  white-space:nowrap;
}
.game-area.is-floating-game #gameCanvas{
  width:min(92vw,360px)!important;
  height:auto!important;
  max-height:calc(100vh - 180px)!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
}
.game-area.is-floating-game .tetris-controls{
  width:min(96vw,560px);
  display:grid!important;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:0 auto!important;
}
.tetris-controls .game-control-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:46px!important;
  padding:10px 6px!important;
  text-align:center!important;
  line-height:1!important;
  font-size:.78rem!important;
  letter-spacing:.04em!important;
  user-select:none!important;
}
.sponsored-banner-content p{max-width:100%;}
.ad-description p{line-height:1.55!important;color:rgba(255,255,255,.8)!important}

@media (max-width:560px){
  .game-area.is-floating-game:not(.hidden){justify-content:flex-start!important;padding:10px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;overflow:auto!important}
  .game-floating-header{width:100%;border-radius:14px;padding:9px 10px}
  .game-floating-header span{font-size:.66rem}
  .game-floating-close{padding:8px 10px;font-size:.66rem}
  .game-area.is-floating-game #gameCanvas{width:min(94vw,320px)!important;max-height:58vh!important}
  .game-area.is-floating-game .tetris-controls{grid-template-columns:repeat(3,1fr);width:100%;gap:7px}
  .game-area.is-floating-game #btnDrop{grid-column:span 3;min-height:44px!important}
  .game-area.is-floating-game #btnRotate{font-size:.68rem!important}
}