body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e5ecf6;color:#002d63;}
.container{max-width:650px;margin:auto;padding:15px;}
#inicio-screen{text-align:center;margin-top:40px;}
#inicio-screen h1{font-size:2.3em;margin-bottom:20px;color:#002d63;}
#inicio-info{margin-bottom:15px;}
#inicio-info div{margin:4px 0;font-size:16px;font-weight:600;}
#player-name{width:80%;padding:10px;font-size:16px;margin:15px 0;}
button{padding:10px 18px;font-size:16px;margin:5px;border:none;border-radius:6px;cursor:pointer;background:#005bb5;color:#fff;font-weight:bold;}
button.secondary{background:#0081ff;}
button.small{padding:7px 12px;font-size:14px;}
#quiz-screen{margin-top:20px;}
#info{background:#fff;padding:12px;border-radius:10px;margin-bottom:15px;box-shadow:0 3px 6px rgba(0,0,0,0.15);text-align:center;}
#level-box{margin-bottom:8px;}
#level-text{font-weight:bold;margin-bottom:4px;}
#level-bar-wrap{width:100%;background:#d4d4d4;height:10px;border-radius:6px;overflow:hidden;}
#level-bar{height:10px;background:linear-gradient(90deg,#00b23b,#65ff90);width:0;transition:width .4s;}
#puntos-text,#vidas-text,#racha-text,#ronda-text,#restantes-text{font-size:14px;margin:3px 0;font-weight:600;}
#question{font-size:22px;margin:15px 0;font-weight:bold;}
#answers button{width:100%;margin-bottom:8px;background:#fff;color:#002d63;border:2px solid #002d63;font-weight:bold;}
#answers button.correct{background:#00b23b!important;color:#fff!important;}
#answers button.wrong{background:#d90000!important;color:#fff!important;}
#controls{text-align:center;margin:10px 0;}
#timer-bar-wrap{width:100%;background:#ccc;height:8px;border-radius:5px;overflow:hidden;margin:10px 0;}
#timer-bar{height:8px;background:#0081ff;width:100%;transition:width 1s linear;}
#ad-screen-round{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;}
#ad-screen-round.hidden{display:none;}
#ad-screen-round #ad-media img{max-width:90%;border-radius:10px;margin-bottom:10px;}
#ad-footer{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px;}
#ranking-screen ul,#history-screen ul{list-style:none;padding-left:0;}
#ranking-screen li,#history-screen li{background:#fff;padding:8px 10px;border-radius:8px;margin-bottom:6px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.history-week-btn{padding:6px 10px;background:#005bb5;color:#fff;border:none;border-radius:6px;font-weight:bold;}
.hidden{display:none;}
/* ========= FIX PUBLICIDAD RESPONSIVE ========== */

#ad-screen-round {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* antes estaba center */
  align-items: center;
  padding: 20px;
  overflow-y: auto; /* permite ver siempre el botón */
}

#ad-media img {
  max-width: 90%;
  max-height: 70vh;   /* 👈 evita que la imagen crezca demasiado */
  object-fit: contain; /* mantiene proporción sin recortar */
  border-radius: 10px;
  margin-bottom: 15px;
}

#ad-footer {
  margin-top: 15px;
  display: flex;
  gap: 12px;
  justify-content: center;
}