/* dejuego.com — menú del sitio (portada, tablas, aprende). Los juegos usan su propia barra (juega.css). */
.s-cab{position:sticky;top:0;z-index:50;padding:10px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top))}
.s-cab-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(91,33,182,.92),rgba(124,58,237,.9));box-shadow:0 6px 0 rgba(46,16,101,.35),0 18px 40px -18px rgba(46,16,101,.7),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.s-marca{display:flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto}
.s-marca img{width:42px;height:42px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}
.s-marca b{font-family:var(--titulo);font-weight:800;font-size:1.55rem;color:#fff;letter-spacing:-.02em}
.s-marca b span{color:#fde047}
.s-nav{display:flex;gap:6px;flex:1;justify-content:center}
.s-nav a{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;text-decoration:none;color:#fff;font-weight:900;font-size:.98rem;transition:background .15s,transform .12s}
.s-nav a .ic{width:24px;height:24px}
.s-nav a:hover{background:rgba(255,255,255,.14)}
.s-nav a[aria-current="page"]{background:#fff;color:#5b21b6;box-shadow:0 4px 0 rgba(46,16,101,.35)}
.s-yo{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:linear-gradient(180deg,#fff,#f3e8ff);box-shadow:0 4px 0 rgba(46,16,101,.35);font-family:var(--titulo);font-weight:800;color:#5b21b6;flex:0 0 auto;max-width:210px}
.s-yo .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fb923c,#ec4899);color:#fff;font-size:1.1rem;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.s-yo .nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-yo .est{display:flex;align-items:center;gap:2px;color:var(--tinta)}.s-yo .est .ic{width:20px;height:20px}
/* pestañas de abajo en el teléfono */
.s-tabs{display:none}
@media (max-width:900px){
  .s-nav{display:none}
  .s-cab-in{justify-content:space-between}
  .s-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:55;padding:6px;border-radius:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 10px 30px -8px rgba(46,16,101,.45),0 4px 0 rgba(46,16,101,.12)}
  .s-tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:18px;text-decoration:none;font-weight:900;font-size:.72rem;color:#4c1d95;min-width:0}
  .s-tabs a .ic{width:28px;height:28px;transition:transform .2s}
  .s-tabs a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .s-tabs a[aria-current="page"]{background:linear-gradient(180deg,#ede9fe,#fce7f3)}
  .s-tabs a[aria-current="page"] .ic{transform:translateY(-3px) scale(1.12)}
  body.s-sitio{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
}
@media (max-width:380px){.s-marca b{font-size:1.25rem}.s-marca img{width:34px;height:34px}.s-yo{max-width:150px;padding-right:8px}.s-yo .est{display:none}.s-tabs a{font-size:.66rem}.s-tabs a .ic{width:24px;height:24px}}
/* ventana de jugadores */
.s-velo{position:fixed;inset:0;z-index:80;background:rgba(29,16,60,.5);display:grid;place-items:center;padding:12px;animation:aparece .2s}
.s-vent{width:min(460px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:var(--papel);border-radius:28px;padding:22px 18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55);animation:sube .3s cubic-bezier(.2,.9,.3,1.2)}
.s-vent h2{font-size:1.7rem;text-align:center;margin-bottom:4px}
.s-vent > p{text-align:center;font-weight:700;color:var(--tinta-2);margin-bottom:12px}
.s-lista{list-style:none;display:grid;gap:8px;margin:10px 0 14px}
.s-lista li{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:8px 10px;box-shadow:0 4px 0 var(--borde)}
.s-lista li.yo{outline:3px solid #a78bfa}
.s-lista .pos{font-family:var(--titulo);font-weight:800;width:28px;text-align:center;color:#7c3aed}
.s-lista .pos .ic{width:28px;height:28px}
.s-lista button.elegir{flex:1;text-align:left;font-family:var(--titulo);font-weight:800;font-size:1.15rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-lista .est{display:flex;align-items:center;gap:3px;font-family:var(--titulo);font-weight:800}.s-lista .est .ic{width:20px;height:20px}
.s-lista .quitar{width:34px;height:34px;border-radius:50%;background:#fee2e2;color:#b91c1c;font-weight:900}
.s-nuevo{display:flex;gap:8px}
.s-nuevo input{flex:1;min-width:0;font:inherit;font-weight:800;font-size:1.1rem;padding:10px 14px;border-radius:999px;border:3px solid #e9d5ff;outline:none;background:#fff}
.s-nuevo input:focus{border-color:#a78bfa}
.s-vent .s-pie{display:flex;justify-content:space-between;gap:8px;margin-top:14px;flex-wrap:wrap}
.s-vent small.priv{display:block;text-align:center;margin-top:10px;color:var(--tinta-2);font-weight:700}
/* plegables muy estrechos (Fold 3 cerrado 280px) */
.s-yo{min-width:0;flex:0 1 auto}
.s-cab-in{min-width:0}
@media (max-width:900px){.s-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:330px){.s-cab{padding-left:8px;padding-right:8px}.s-cab-in{gap:6px;padding:6px 6px 6px 8px}.s-marca b{font-size:1.1rem}.s-marca img{width:30px;height:30px}.s-yo{font-size:.9rem;max-width:130px}.s-yo .av{width:28px;height:28px}.s-tabs{left:4px;right:4px;padding:4px}.s-tabs a{font-size:.6rem}}
/* botón de idioma ES | EN */
.s-lang{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);font-family:var(--titulo);font-weight:800;flex:0 0 auto}
.s-lang b,.s-lang span{display:grid;place-items:center;min-width:34px;height:30px;border-radius:999px;font-size:.92rem}
.s-lang b{background:#fde047;color:#4c1d95;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.s-lang span{color:#fff;opacity:.85}
@media (max-width:380px){.s-lang span{display:none}.s-lang b{min-width:30px}}
.j-idioma{font-weight:800}
/* Filas de pestañas/temas: en vez de deslizarse escondidas (parecían "cortadas"), se acomodan en varias filas y se ven todas */
body.s-sitio .m-fila,body.s-sitio .t-chips,body.s-sitio .t-edades,body.s-sitio .ia-chips,body.s-sitio .s6-tabs,body.s-sitio .grupos{flex-wrap:wrap;overflow-x:visible;justify-content:center;scroll-snap-type:none}
@media (max-width:520px){
  body.s-sitio .m-chip,body.s-sitio .t-chips > *,body.s-sitio .ia-chips > *,body.s-sitio .grupos > *{padding:7px 12px;min-height:42px;font-size:.95rem}
  body.s-sitio .m-chip .ic,body.s-sitio .grupos .ic{width:22px;height:22px}
}
/* con el nombre dejuego.com, en teléfonos el jugador se muestra solo con su inicial (el nombre sale en "Campeones") */
@media (max-width:520px){.s-yo{padding:4px;max-width:none}.s-yo .nom,.s-yo .est{display:none}.s-yo .av{width:34px;height:34px}.s-lang span{display:none}.s-lang b{min-width:34px}}