/* Banco de pruebas de minijuegos: sección temporal del menú.
   Se borra entera junto con js/fases/pruebas.js. */
.dev-toggle{
  position:fixed;right:10px;bottom:10px;z-index:60;
  border:1px solid rgba(255,255,255,.16);background:rgba(4,8,20,.7);
  color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:6px 8px;border-radius:999px;cursor:pointer;opacity:.75;backdrop-filter:blur(6px);
}
.dev-toggle:hover{opacity:1}

#bancoPruebas{
  display:none;position:fixed;left:12px;bottom:44px;z-index:59;
  max-width:min(92vw,320px);background:rgba(4,8,20,.92);border:1px solid rgba(255,255,255,.14);
  border-radius:14px;padding:10px;box-shadow:0 12px 32px rgba(0,0,0,.35);
}
#bancoPruebas.on{display:block}
#bancoPruebas .title{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
#bancoPruebas button{width:100%;margin-bottom:6px}

.test-box{margin-top:20px;padding-top:14px;border-top:1px dashed var(--line)}
.test-tit{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);
  margin-bottom:10px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;
}
.test-tit small{letter-spacing:.06em;text-transform:none;font-size:11px;opacity:.7}
.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:520px){.test-grid{grid-template-columns:1fr}}
.test-item{
  display:flex;align-items:center;gap:10px;text-align:left;
  padding:10px 12px;font-size:13px;font-weight:700;
  background:var(--panel2);border:1px solid var(--line);color:var(--txt);box-shadow:none;
}
.test-item:hover{border-color:var(--neon)}
.test-item .ti-ico{font-size:20px;line-height:1;flex:none}
.test-item .ti-n{display:block}
.test-item .ti-d{display:block;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.35;color:var(--dim)}