body { color:#211630; }
.scr { z-index:1; }
#scr-niveles.activa { overflow-y:auto; justify-content:flex-start; padding:84px 20px 32px; }
#scr-niveles h2 { color:#fff4ff; text-shadow:none; font-size:clamp(28px,5vw,44px); text-align:center; }
.tarjeta-nivel { font:inherit; color:#211630; }
.tarjeta-nivel p, .card-ing .nom { font-size:14px; }
.lola-age { display:block; font-size:14px; line-height:1.4; font-weight:600; color:#694e80; margin-top:5px; }
.lola-play-options { max-width:720px; width:100%; border:1px solid #a28bbc; border-radius:18px; padding:16px; margin-bottom:24px; color:#fff4ff; background:#191225; }
.lola-play-options legend { padding:0 8px; font-size:18px; font-weight:800; }
.lola-play-options label { display:flex; align-items:center; gap:12px; min-height:48px; font-size:16px; cursor:pointer; }
.lola-play-options input { width:24px; height:24px; flex:none; accent-color:#ffde75; }
.lola-play-options p { font-size:14px; line-height:1.4; margin-top:8px; color:#ded0ee; }
.card-ing { font:inherit; color:#211630; min-height:78px; touch-action:pan-y; }
.card-ing.lola-next { outline:4px solid #ffcb40; outline-offset:2px; background:#fff3b8; }
#btn-mute, #btn-salir { z-index:30; }
#lola-burger-help { min-height:48px; font:800 15px inherit; font-family:inherit; font-size:15px; padding:10px 14px; background:#ffde75; color:#211630; border:2px solid #211630; border-radius:14px; cursor:pointer; }
#lola-burger-status { color:#fff4ff; font-size:15px; font-weight:700; margin:8px 0; }
#lola-recipe { display:flex; flex-wrap:wrap; gap:6px; width:100%; }
#lola-recipe span { background:#fff9ec; border:2px solid #756286; padding:6px 9px; border-radius:10px; color:#33223c; font-size:14px; }
#lola-recipe span.done { background:#c7f3d6; border-color:#36875c; }
#msj-ayuda { font-size:15px; color:#30203e; }
#acciones { flex-wrap:wrap; background:#f8f1ff; padding:10px; gap:8px; border-radius:0 0 18px 18px; }
#acciones .btn { min-height:48px; }
#globo { font-size:17px; }
@media(max-width:780px) {
 .scr { overflow:auto; }
 #scr-titulo.activa { padding:80px 18px 40px; }
 #scr-titulo .marquesina { width:100%; max-width:430px; padding:24px 12px 12px; }
 #scr-titulo h1 { font-size:clamp(28px,8vw,44px); }
 #burger-titulo svg { max-width:100%; height:auto; max-height:220px; }
 #scr-titulo .btn { font-size:24px; }
 .niveles-fila { width:100%; max-width:540px; gap:16px; }
 .tarjeta-nivel { width:100%; display:grid; grid-template-columns:65px 1fr; align-items:center; text-align:left; gap:4px 14px; padding:18px; }
 .tarjeta-nivel .gorro { grid-row:1/3; height:60px; }
 .tarjeta-nivel .gorro svg { width:60px; height:60px; }
 .tarjeta-nivel h3 { margin:0; }
 #scr-juego.activa { zoom:1 !important; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto; gap:14px; padding:76px 12px 28px; overflow-y:auto; align-content:start; }
 #barra { grid-column:1; min-height:58px; flex-wrap:wrap; padding:8px 10px; gap:10px; }
 #barra .titulo-mini { font-size:16px; }
 #barra .mini-barras { display:none; }
 #semaforo { margin-left:auto; padding:4px; gap:4px; }
 #semaforo .luz { width:16px; height:16px; border-width:2px; }
 #reloj { min-width:50px; font-size:18px; }
 #puntos-hud { font-size:16px; }
 #col-cliente { display:flex; gap:10px; }
 #cliente-svg { display:none; }
 #cliente-nombre { order:-1; align-self:flex-start; }
 #globo { min-height:0; padding:14px; font-size:17px; line-height:1.45; }
 #globo::after { display:none; }
 #col-mesada { min-height:340px; }
 #zona-torre { flex:none; height:250px; border-radius:18px 18px 0 0; }
 #torre { width:170px; bottom:48px; }
 #torre .capa { margin-top:-12px; }
 #torre .capa svg { max-height:45px; }
 #plancha { height:45px; }
 #vaso-mesa { width:55px; right:10px; bottom:45px; }
 #acciones { display:grid; grid-template-columns:1fr 1fr; }
 #acciones .btn { padding:10px 8px; font-size:16px; }
 #msj-ayuda { grid-column:1/-1; grid-row:2; min-height:24px; line-height:1.35; text-align:center; }
 #col-estante { overflow:visible; gap:16px; }
 .estante-caja { padding:12px; }
 #grilla-ing, #grilla-beb { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .card-ing { min-width:0; min-height:86px; padding:8px 4px; touch-action:pan-y; }
 .card-ing .nom { font-size:14px; line-height:1.2; }
 .card-ing .dib { height:42px; }
 #scr-resultado.activa { padding:80px 12px 30px; justify-content:flex-start; }
 #scr-resultado .panel { width:100%; padding:20px 14px; }
 #scr-resultado h2 { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) { .foquito,#burger-titulo,#scr-titulo .btn,.capa,.confeti { animation:none !important; transition:none !important; } }