/* V34 · Don Bosco: fullscreen robusto, tap-to-shoot y juego más limpio */
body.db-game-v20{--g34-gold:#ffd75f;--g34-green:#0a7655;--g34-deep:#03121c}
.v31-game-teacher span{font-size:19px!important;line-height:1!important}

/* Botón fullscreen siempre reconocible */
.db-fullscreen-btn{position:relative!important;font-size:20px!important}
.db-fullscreen-btn:after{content:"";position:absolute;inset:-5px;border-radius:14px;border:1px solid rgba(255,215,95,.38);pointer-events:none;opacity:.7}

/* Tap feedback */
.db-stage{cursor:crosshair!important}
.db-stage.db-tap-ready:after{content:"TOCA EL ARCO O DESLIZA EL BALÓN";position:absolute;left:50%;bottom:2.2%;z-index:15;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(3,24,19,.62);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);font-size:8px;font-weight:950;letter-spacing:.08em;color:#fff;pointer-events:none;white-space:nowrap}
.db-tap-ripple{position:fixed;z-index:19000;width:18px;height:18px;border-radius:50%;border:2px solid var(--g34-gold);transform:translate(-50%,-50%);pointer-events:none;animation:g34Tap .5s ease forwards;box-shadow:0 0 0 6px rgba(255,215,95,.15)}
@keyframes g34Tap{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}

/* Fullscreen fallback works even when browser API is unavailable */
body.playing.is-fullscreen{overflow:hidden!important;background:var(--g34-deep)!important}
body.playing.is-fullscreen #gamePlay.active{position:fixed!important;inset:0!important;z-index:20000!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important}
body.playing.is-fullscreen .db-stage-wrap{height:100%!important;min-height:0!important}
body.playing.is-fullscreen .db-stage{width:min(calc(100vw - 8px),calc((100dvh - 62px)*1.7777778))!important;height:min(calc(100dvh - 62px),calc((100vw - 8px)/1.7777778))!important}

/* Result share: viral loop without cluttering play */
.db-share-btn{grid-column:1/3;min-height:46px;border:1px solid #d6e4dd;border-radius:13px;background:#eef8f3;color:#075d45;font-weight:950;font-size:11px;padding:0 14px;cursor:pointer}
.db-share-btn:hover{background:#e5f4ec}

/* Improve readability on mobile; previous skin was too tiny */
@media(max-width:700px){
  .db-hud-item small{font-size:7px!important}.db-hud-item b{font-size:12px!important}
  body.playing .db-shot-message{min-width:185px!important;max-width:80vw!important}.db-shot-message b{font-size:12px!important}.db-shot-message span{font-size:8px!important}
  body.playing .db-ball{width:50px!important;height:50px!important}
  body.playing .db-ball-zone small{font-size:7px!important}
  .db-stage.db-tap-ready:after{font-size:7px;bottom:1.4%}
}
@media(orientation:landscape) and (max-height:560px){
  body.playing .db-stage.db-tap-ready:after{display:none}
  body.playing.is-fullscreen #gamePlay.active{padding:3px!important;gap:3px!important}
  body.playing.is-fullscreen .db-stage{width:min(calc(100vw - 6px),calc((100dvh - 52px)*1.7777778))!important;height:min(calc(100dvh - 52px),calc((100vw - 6px)/1.7777778))!important}
}
@media(prefers-reduced-motion:reduce){.db-tap-ripple{animation:none!important;display:none!important}}