/* admin-usuarios.css — [admin] Panel Admin → 👥 Usuarios (admin-usuarios.js). Mismo aspecto que el resto del panel
   (.admin-user-card, .auc-btn, el rosa #ff6ff2); todo con el prefijo adu-. En el móvil (≤ 600 px) una columna y la
   ficha a pantalla completa (también con el móvil en horizontal, poca altura). Nada se corta con «…»: lo largo (nombres,
   países, mapas) pasa a la línea de abajo. */

/* ---------- Barra: buscador, orden, filtros ---------- */
.adu-barra{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px}
.adu-barra .adu-buscar{flex:1 1 230px;min-width:0}
/* (en el escritorio, los filtros a la vista, en la misma fila; en el móvil se pliegan tras «Filtros») */
.adu-filtros{display:contents}
.adu-filtros-btn{display:none;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:#cbd5e1;font:700 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.adu-filtros-btn[aria-expanded="true"]{border-color:rgba(255,111,242,.45);color:#ff9cf6}
.adu-filtros-btn b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff6ff2;color:#1a0b1e;font-size:11px;line-height:18px;text-align:center}
.adu-filtros-btn b[hidden]{display:none}
.adu-barra .adu-actualizar{height:44px;padding-top:0;padding-bottom:0;white-space:nowrap}
#tab-admin.adu-usuarios .admin-stats-mini .admin-stat-chip{display:none}
.adu-campo{display:flex;flex-direction:column;gap:3px;min-width:0}
.adu-campo>span{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#64748b;padding-left:2px}
.adu-campo select,.adu-caja-filtros select{height:44px;padding:0 30px 0 12px;background:rgba(255,255,255,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2394a3b8' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 11px center;
  -webkit-appearance:none;appearance:none;border:1px solid rgba(255,111,242,.2);border-radius:12px;color:#e2e8f0;font:600 13px Inter,sans-serif;cursor:pointer;max-width:100%}
.adu-campo select:focus,.adu-caja-filtros select:focus{outline:none;border-color:#ff6ff2;box-shadow:0 0 12px rgba(255,111,242,.12)}
.adu-campo select option,.adu-caja-filtros select option{background:#0e1220;color:#e2e8f0}
.adu-check{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;
  background:rgba(255,255,255,.03);color:#cbd5e1;font-size:13px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap}
.adu-check input{width:16px;height:16px;accent-color:#ff6ff2;margin:0;cursor:pointer}
#adu-limpiar{height:44px;padding-top:0;padding-bottom:0;white-space:nowrap}
#adu-actualizar.girando{opacity:.7;pointer-events:none}

/* Contadores y «EN DIRECTO» */
.adu-cont{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.adu-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);color:#94a3b8;font:600 12px Inter,sans-serif;white-space:nowrap}
.adu-chip b{color:#f8fafc;font-weight:800;font-size:13px}
button.adu-chip{cursor:pointer;transition:all .2s}
button.adu-chip:hover{border-color:rgba(34,197,94,.4);color:#cbd5e1}
.adu-chip.on.activo{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.12);color:#86efac}
.adu-chip.hoy b{color:#facc15}
.adu-chip.comb b{color:#fca5a5}
.adu-directo{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);
  color:#86efac;font:800 11px Inter,sans-serif;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.adu-directo i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:adu-latido 1.6s infinite}
.adu-directo.mal{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.4);color:#fdba74}
.adu-directo.mal i{background:#f97316;animation:none}
@keyframes adu-latido{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.adu-mostrando{font-size:12px;color:#ff9cf6;font-weight:700;white-space:nowrap}
.adu-hora{margin-left:auto;font-size:11px;color:#64748b;white-space:nowrap}

/* ---------- Tarjetas ---------- */
/* (la lista no se desplaza dentro del panel: era una caja de 65vh dentro de una ventana que también se desplaza, y en el
   móvil no se veía ningún usuario en la primera pantalla) */
.adu-sub #admin-users-list{max-height:none;overflow:visible;padding-right:0}
.adu-lista{align-items:start}
/* (sin el desenfoque de detrás de .admin-user-card: con el fondo casi opaco no se ve y con cientos de tarjetas el
   desplazamiento iba a tirones) */
.adu-card{gap:10px;min-width:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.adu-card.en-linea{border-color:rgba(34,197,94,.22)}
.adu-card.en-combate{border-color:rgba(239,68,68,.3)}
.adu-card .auc-header{padding-bottom:10px;align-items:flex-start}
.adu-rol-ico{font-size:22px}
/* El nombre entero (hasta 50 letras): pasa a la línea de abajo si no cabe (antes, con «…» hasta los cortos) */
.adu-nombre{all:unset;cursor:pointer;color:#f8fafc;font-weight:700;white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.adu-nombre:hover,.adu-nombre:focus-visible{color:#ff9cf6;text-decoration:underline}
.adu-tu{font-size:10px;font-weight:800;color:#0b1120;background:#facc15;border-radius:6px;padding:1px 6px;letter-spacing:.5px}
.adu-card .auc-name{min-width:0;flex-wrap:wrap;white-space:normal;overflow:visible;text-overflow:clip;column-gap:6px;row-gap:0}
.adu-card .auc-info{min-width:0}
.adu-card-pais{margin-top:3px;min-width:0}

.adu-pais{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#cbd5e1;font-weight:600;max-width:100%;min-width:0}
.adu-pais>span{overflow-wrap:anywhere;min-width:0}
.adu-pais.nada{color:#475569}
/* Banderas: admin-banderas.jpg, 16 columnas de 40×30 (se pintan a 20×15) */
.adu-bandera{display:inline-block;width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex-shrink:0;vertical-align:-2px;
  background:url(admin-banderas.jpg?v=20261027c) no-repeat;background-size:320px 240px}
.adu-bandera-emoji{font-size:15px;line-height:1}

.adu-estado{font-size:12px;line-height:1.55;color:#94a3b8;min-width:0;overflow-wrap:anywhere}
.adu-estado.on{color:#86efac;font-weight:700}
.adu-estado .adu-punto{margin-right:6px;vertical-align:1px}
.adu-estado .adu-combate,.adu-estado .adu-expulsado,.adu-estado .adu-insignia{margin-left:4px}
.adu-estado .adu-ultpos{font-weight:500}
.adu-punto{display:inline-block;width:8px;height:8px;border-radius:50%;background:#475569;flex-shrink:0}
.adu-punto.si{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.7)}
.adu-combate{display:inline-block;font-size:11px;font-weight:800;color:#fca5a5;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:1px 7px;overflow-wrap:anywhere}
.adu-expulsado{display:inline-block;font-size:11px;font-weight:800;color:#fdba74;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.3);border-radius:6px;padding:1px 7px}
.adu-insignia{display:inline-block;font-size:11px;font-weight:800;border-radius:6px;padding:1px 7px;border:1px solid}
.adu-insignia.afk{color:#cbd5e1;background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.3)}
.adu-insignia.col{color:#fde68a;background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3)}
.adu-casilla{color:#64748b;font-weight:600}
.adu-ultpos{color:#64748b}
.adu-cuando{cursor:pointer;border-bottom:1px dotted rgba(148,163,184,.5);outline:none}
.adu-cuando:hover,.adu-cuando:focus-visible{color:#e2e8f0;border-bottom-color:#e2e8f0}
.adu-cuando.nada{cursor:default;border-bottom:0}
/* Su compañero (en directo): nombre y vida */
.adu-comp{display:grid;grid-template-columns:minmax(0,auto) minmax(90px,1fr);align-items:center;gap:8px;font-size:12px;color:#e2e8f0}
.adu-comp-n{font-weight:800;overflow-wrap:anywhere;min-width:0}
.adu-comp-n small{color:#c4b5fd;font-weight:800}

.adu-datos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.adu-datos>div{min-width:0;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:9px;padding:6px 9px}
.adu-datos span{display:block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#64748b;overflow-wrap:anywhere}
.adu-datos b{display:block;font-size:12px;color:#e2e8f0;font-weight:700;overflow-wrap:anywhere}
.adu-card .auc-stats{flex-wrap:wrap;gap:6px 14px}
.adu-shinies{color:#fde68a}

.adu-acciones{gap:6px;flex-wrap:nowrap}
.adu-acciones .auc-btn{flex:1 1 0;justify-content:center;padding:8px 6px;min-width:0;white-space:nowrap}
/* Las de siempre: cinco iguales, el dibujo y debajo la palabra */
.adu-acciones-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-top:-4px}
.adu-acciones-2 .auc-btn{flex-direction:column;justify-content:center;gap:1px;padding:5px 1px 4px;font-size:14px;line-height:1.1;min-width:0;margin:0}
.adu-acciones-2 .auc-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}
/* (con la letra de Windows, «Diamantes» no cabía a 9 px: 8,5 px y sin espacio de más) */
.adu-acciones-2 .auc-btn span{font-size:8.5px;font-weight:800;letter-spacing:-.2px;max-width:100%;white-space:nowrap}
.adu-acciones-2 .auc-btn.del{margin-left:0}
.auc-btn.adu-b-ficha{background:rgba(255,111,242,.12);color:#ff9cf6;border-color:rgba(255,111,242,.3)}
.auc-btn.adu-b-ficha:hover{background:rgba(255,111,242,.22);box-shadow:0 4px 12px rgba(255,111,242,.15)}
.auc-btn.adu-b-ir{background:rgba(56,189,248,.1);color:#7dd3fc;border-color:rgba(56,189,248,.28)}
.auc-btn.adu-b-ir:hover{background:rgba(56,189,248,.2);box-shadow:0 4px 12px rgba(56,189,248,.15)}
.auc-btn.adu-b-ir:disabled{opacity:.4;cursor:not-allowed;transform:none}
.auc-btn.adu-b-traer{background:rgba(167,139,250,.12);color:#c4b5fd;border-color:rgba(167,139,250,.3)}
.auc-btn.adu-b-traer:hover{background:rgba(167,139,250,.22);box-shadow:0 4px 12px rgba(167,139,250,.15)}
.auc-btn.adu-b-rol{background:rgba(167,139,250,.08);color:#a78bfa;border-color:rgba(167,139,250,.22)}
.adu-mas{grid-column:1/-1;display:flex;justify-content:center;padding:8px 0 4px}
.adu-pie{margin-top:10px;font-size:10px;color:#475569;text-align:right;line-height:1.5}
.adu-pie a{color:#64748b}
.adu-nw{white-space:nowrap}

/* ---------- Capas (ficha y diálogos): por encima de las ventanas del juego (40) y del modal de antes (10005) ---------- */
.adu-capa{display:none;position:fixed;inset:0;z-index:10002;background:rgba(3,6,14,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  align-items:center;justify-content:center;opacity:0;transition:opacity .16s ease;font-family:Inter,sans-serif;color:#e2e8f0}
.adu-capa.visible{opacity:1}
.adu-capa-dlg{display:flex;z-index:10010}
/* Los avisos (toasts) por encima mientras haya una ficha o un diálogo abierto: arriba y sin coger clics (en el modo
   juego salen abajo, justo donde están los botones de los diálogos) */
body.adu-modal-abierto #toast-container{z-index:10060!important;top:12px!important;bottom:auto!important}
body.adu-modal-abierto #toast-container .toast{pointer-events:none}

/* ---------- La ficha ---------- */
.adu-ficha{position:relative;display:flex;flex-direction:column;width:min(1060px,96vw);height:min(92vh,960px);
  background:linear-gradient(160deg,#0f1628,#0a0f1d 60%);border:1px solid rgba(255,111,242,.2);border-radius:18px;overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 40px rgba(255,111,242,.06);transform:translateY(10px) scale(.985);transition:transform .16s ease}
.adu-capa.visible .adu-ficha{transform:none}
/* (por encima de la barra de pestañas, que se queda pegada arriba al bajar: si no, la × quedaba debajo) */
.adu-x{top:12px;right:12px;z-index:6}
/* Lo que ha pasado con la última acción, abajo en la ficha (no tapa la cabecera) */
.adu-f-aviso{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:7;max-width:min(560px,90%);padding:10px 16px;border-radius:12px;
  background:#121a2e;border:1px solid rgba(108,140,255,.45);box-shadow:0 10px 30px rgba(0,0,0,.55);color:#e2e8f0;font:700 13px/1.4 Inter,sans-serif;
  text-align:center;pointer-events:none;animation:adu-sube .18s ease}
.adu-f-aviso.success{border-color:rgba(34,197,94,.55);background:linear-gradient(135deg,rgba(34,197,94,.14),#121a2e)}
.adu-f-aviso.error{border-color:rgba(239,68,68,.6);background:linear-gradient(135deg,rgba(239,68,68,.16),#121a2e)}
.adu-f-aviso[hidden]{display:none}
@keyframes adu-sube{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.adu-f-cab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 58px 14px 18px;
  border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(255,111,242,.07),rgba(167,139,250,.04))}
.adu-f-avatar{width:64px;height:64px;image-rendering:pixelated;border-radius:14px;background:radial-gradient(circle at 50% 60%,rgba(167,139,250,.25),rgba(0,0,0,.25));
  border:1px solid rgba(255,111,242,.25)}
.adu-f-quien{min-width:0;display:flex;flex-direction:column;gap:5px}
.adu-f-nombre{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.adu-f-nombre h3{margin:0;font-size:21px;font-weight:900;color:#fff;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.adu-rol{font-size:11px;font-weight:800;border:1px solid;border-radius:999px;padding:2px 9px;white-space:nowrap}
.adu-f-estado{font-size:13px;line-height:1.6;color:#94a3b8;overflow-wrap:anywhere}
.adu-f-estado.on{color:#86efac;font-weight:700}
.adu-f-estado .adu-punto{margin-right:6px;vertical-align:1px}
.adu-f-estado .adu-combate,.adu-f-estado .adu-expulsado,.adu-f-estado .adu-insignia{margin-left:4px}
.adu-f-pais .adu-pais{font-size:13px}
.adu-f-rapidas{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.adu-f-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 18px 14px;overscroll-behavior:contain}
.adu-f-scroll::-webkit-scrollbar{width:8px}.adu-f-scroll::-webkit-scrollbar-thumb{background:rgba(255,111,242,.25);border-radius:4px}
.adu-cargando,.adu-vacio{padding:26px 10px;text-align:center;color:#64748b;font-size:13px}
.adu-vacio{grid-column:1/-1}

.adu-f-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.adu-dato{min-width:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}
.adu-dato>span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#64748b;margin-bottom:4px}
.adu-dato>b{display:block;font-size:15px;font-weight:800;color:#f8fafc;overflow-wrap:anywhere}
.adu-dato>small{display:block;margin-top:3px;font-size:11px;color:#94a3b8;overflow-wrap:anywhere}
.adu-dato.diam>b{color:#67e8f9}
.adu-dato.zona.on{border-color:rgba(34,197,94,.3);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(255,255,255,.02))}
.adu-dato.zona.on>b{color:#bbf7d0}
.adu-dato.clic{cursor:pointer}
.adu-dato.clic:hover,.adu-dato.clic:focus-visible{border-color:rgba(255,111,242,.4);outline:none}
.adu-dato small.adu-g,.adu-dato b small.adu-g{display:inline;color:#86efac;font-size:11px;font-weight:600}
.adu-dato small.adu-p,.adu-dato b small.adu-p{display:inline;color:#fca5a5;font-size:11px;font-weight:600}
.adu-vivo-p{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;animation:adu-latido 1.6s infinite}
.adu-verde{color:#86efac}

.adu-f-tabs{position:sticky;top:-16px;z-index:3;display:flex;gap:6px;overflow-x:auto;margin:16px -18px 12px;padding:10px 18px;
  background:rgba(10,15,29,.96);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.06);scrollbar-width:none}
.adu-f-tabs::-webkit-scrollbar{display:none}
.adu-f-tabs button{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
  color:#94a3b8;font:800 12px Inter,sans-serif;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}
.adu-f-tabs button i{font-style:normal}
.adu-f-tabs button:hover{color:#e2e8f0;border-color:rgba(255,255,255,.18)}
.adu-f-tabs button.activa{background:linear-gradient(135deg,rgba(255,111,242,.18),rgba(167,139,250,.1));color:#ff9cf6;border-color:rgba(255,111,242,.4)}
.adu-f-tabs button:focus-visible{outline:2px solid #ff6ff2;outline-offset:1px}
.adu-sec-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px}
.adu-sec-t h4{margin:0;font-size:14px;font-weight:800;color:#f1f5f9}
.adu-sec-t h4 small{color:#64748b;font-weight:600}
.adu-f-panel{min-height:120px}

/* Pokémon */
.adu-pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:18px}
.adu-pk{display:flex;gap:12px;min-width:0;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px}
.adu-pk.shiny{border-color:rgba(250,204,21,.3);background:linear-gradient(135deg,rgba(250,204,21,.06),rgba(255,255,255,.02))}
.adu-pk.debil{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}
.adu-pk-huecos{grid-column:1/-1;padding:8px 12px;border:1px dashed rgba(255,255,255,.1);border-radius:10px;color:#64748b;font-size:12px;font-weight:600;text-align:center}
.adu-pk-img{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);border-radius:10px}
.adu-pk-sprite{max-width:64px;max-height:64px;image-rendering:pixelated}
.adu-pk.debil .adu-pk-sprite{filter:grayscale(.85) brightness(.8)}
.adu-pk-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.adu-pk-nom{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
.adu-pk-n{font-size:14px;font-weight:800;color:#f8fafc;overflow-wrap:anywhere;min-width:0}
.adu-pk-nv{margin-left:auto;font-size:11px;font-weight:800;color:#c4b5fd;white-space:nowrap}
.adu-shiny{font-size:13px}
.adu-gen{font-size:12px;font-weight:800;color:#93c5fd}
.adu-pk-tipos{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.adu-tipo{padding:1px 7px!important;font-size:9px!important;border-radius:5px!important}
.adu-acompana{font-size:10px;font-weight:800;color:#fde68a;background:rgba(250,204,21,.1);border:1px solid rgba(250,204,21,.3);border-radius:5px;padding:0 6px}
.adu-pk-esp{font-size:11px;color:#64748b;overflow-wrap:anywhere}
.adu-mercado{color:#fbbf24;font-weight:700}
.adu-vida{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbd5e1;font-weight:700;min-width:0}
.adu-vida-barra{flex:1;min-width:30px;height:7px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.adu-vida-barra i{display:block;height:100%;border-radius:4px;transition:width .4s ease}
.adu-vida span{white-space:nowrap}
.adu-vida.peq{gap:6px;font-size:10.5px}
.adu-vida.peq .adu-vida-barra{height:6px}
.adu-pk-atq{display:flex;flex-wrap:wrap;gap:4px}
.adu-atq{font-size:10.5px;font-weight:700;color:#e2e8f0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 7px;overflow-wrap:anywhere}
.adu-atq[class*="type-"]{background-image:linear-gradient(rgba(10,14,26,.55),rgba(10,14,26,.55))}
.adu-pk-nat,.adu-pk-iv{font-size:11px;color:#94a3b8;overflow-wrap:anywhere}
.adu-pk-nat b{color:#e2e8f0}
.adu-pk-iv b{color:#fde68a}
.adu-aprende{color:#86efac!important}
.adu-pk-acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.adu-mini{padding:5px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#e2e8f0;
  font:700 11px Inter,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}
.adu-mini:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.adu-mini.peligro{color:#fca5a5;border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.08)}
.adu-mini.peligro:hover:not(:disabled){background:rgba(239,68,68,.18)}
.adu-mini:disabled{opacity:.4;cursor:not-allowed}
.adu-caja-filtros{display:flex;flex-wrap:wrap;gap:8px}
.adu-caja-filtros input{height:36px;min-width:0;width:200px;padding:0 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,111,242,.2);
  border-radius:10px;color:#e2e8f0;font:600 12px Inter,sans-serif;outline:none}
.adu-caja-filtros input:focus{border-color:#ff6ff2}
.adu-caja-filtros select{height:36px;font-size:12px;border-radius:10px}

/* Progreso: historia, medallas, Liga semanal, retos, misiones */
.adu-hist{padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:16px}
.adu-hist-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;align-items:baseline}
.adu-hist-t b{font-size:14px;color:#f8fafc;overflow-wrap:anywhere}
.adu-hist-t span{font-size:12px;color:#c4b5fd;font-weight:800;white-space:nowrap}
.adu-barra-p{height:8px;margin:8px 0;background:rgba(255,255,255,.07);border-radius:5px;overflow:hidden}
.adu-barra-p i{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#ff6ff2)}
.adu-hist-o{margin:4px 0;font-size:12.5px;color:#cbd5e1;line-height:1.45;overflow-wrap:anywhere}
.adu-hist small{font-size:11px;color:#64748b}
.adu-medallas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:16px}
.adu-medalla{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;text-align:center;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.1);
  border-radius:12px;color:#64748b;min-width:0}
.adu-medalla.si{border-style:solid;border-color:rgba(250,204,21,.4);background:linear-gradient(160deg,rgba(250,204,21,.1),rgba(255,255,255,.02));color:#e2e8f0}
.adu-med-ico{font-size:24px;line-height:1.2;filter:grayscale(1);opacity:.6}
.adu-medalla.si .adu-med-ico{filter:none;opacity:1}
.adu-medalla b{font-size:13px;letter-spacing:.5px;overflow-wrap:anywhere}
.adu-medalla small{font-size:10.5px;overflow-wrap:anywhere}
.adu-gyms{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;margin-bottom:8px}
.adu-gym{display:flex;flex-direction:column;gap:1px;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);color:#64748b;min-width:0}
.adu-gym b{font-size:13px;color:#94a3b8}
.adu-gym span{font-size:11.5px;font-weight:700;overflow-wrap:anywhere}
.adu-gym small{font-size:10.5px}
.adu-gym.abierto{border-color:rgba(56,189,248,.35);color:#bae6fd}
.adu-gym.si{border-color:rgba(250,204,21,.45);background:rgba(250,204,21,.08);color:#fde68a}
.adu-gym.si b{color:#fde68a}
.adu-gym.liga{border-style:dashed}
.adu-retos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:16px}
.adu-reto{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:10px;border:1px solid rgba(250,204,21,.3);background:rgba(250,204,21,.06);min-width:0}
.adu-reto b{font-size:13px;color:#fde68a;overflow-wrap:anywhere}
.adu-reto span{font-size:11.5px;color:#e2e8f0}
.adu-reto small{font-size:10.5px;color:#94a3b8}
.adu-misiones{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-bottom:10px}
.adu-mision{padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);min-width:0}
.adu-mision.lista{border-color:rgba(34,197,94,.4)}
.adu-mision.entregada{opacity:.7}
.adu-mis-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px}
.adu-mis-t b{font-size:12.5px;color:#f1f5f9;overflow-wrap:anywhere}
.adu-mis-t span{font-size:11px;font-weight:800;color:#c4b5fd;white-space:nowrap}
.adu-mision.lista .adu-mis-t span{color:#86efac}
.adu-mision small{display:block;font-size:10.5px;color:#64748b}
.adu-mision ul{margin:4px 0 0;padding-left:16px;font-size:11.5px;color:#cbd5e1}
.adu-mision ul b{color:#fde68a}

/* Mochila */
.adu-inv{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
.adu-inv-img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;display:block}
.adu-inv-img.vacio{border-radius:6px;background:rgba(255,255,255,.04)}
.adu-inv-fila{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:13px}
.adu-inv-n{min-width:0;overflow-wrap:anywhere;font-weight:700;color:#f1f5f9}
.adu-inv-t{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}
.adu-inv-fila b{color:#facc15;font-size:13px}
/* [skins] Vestuario: la miniatura de frente de cada skin (la figura del medio de la fila de arriba de su hoja de 3×4, sin
   JS), lo que lleva puesto y el «Dar o quitar» con buscador y grupos (unas 56: se desplaza dentro del diálogo) */
.adu-cos-mini{display:block;width:24px;height:36px;flex-shrink:0;background-repeat:no-repeat;background-size:300% 400%;background-position:50% 0;image-rendering:pixelated}
.adu-cos-ico{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;font-style:normal;font-size:16px}
.adu-cos-lleva{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:7px 12px;border-radius:10px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.22);font-size:13px;color:#cbd5e1;overflow-wrap:anywhere}
.adu-cos-lleva b{color:#f1f5f9}
.adu-cos-fila{grid-template-columns:24px minmax(0,1fr) auto}
.adu-cos-fila .adu-inv-t{display:block;margin-top:2px;font-weight:600}
.adu-cos-q{margin-bottom:8px}
.adu-cos-lista{max-height:min(46vh,400px);overflow-y:auto;overscroll-behavior:contain;margin:0 0 10px;padding-right:2px}
.adu-cos-grupo h5{margin:2px 0 6px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#94a3b8}
.adu-cos-grupo h5 small{font-weight:600;color:#64748b;letter-spacing:0;text-transform:none}
.adu-cos-grupo+.adu-cos-grupo h5{margin-top:12px}
.adu-cos-grupo[hidden],.adu-cos-opc label[hidden],.adu-cos-vacio[hidden]{display:none}
.adu-roles.adu-cos-opc{margin:0}
.adu-roles.adu-cos-opc span{flex-direction:row;align-items:center;gap:9px;padding:6px 10px}
.adu-roles.adu-cos-opc em{display:flex;flex-direction:column;gap:1px;min-width:0;font-style:normal}
.adu-roles.adu-cos-opc em b{overflow-wrap:anywhere}
.adu-roles.adu-cos-opc label.no{cursor:default;opacity:.5}
.adu-cos-vacio{padding:14px 10px;text-align:center;color:#64748b;font-size:12.5px}

/* Actividad */
.adu-evs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.adu-ev{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:10px}
.adu-ev-ico{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);font-size:14px}
.adu-ev.t-admin .adu-ev-ico{background:rgba(255,111,242,.14)}
.adu-ev.t-captura .adu-ev-ico{background:rgba(34,197,94,.12)}
.adu-ev.t-duelo .adu-ev-ico,.adu-ev.t-pvp .adu-ev-ico{background:rgba(239,68,68,.12)}
.adu-ev.t-liga .adu-ev-ico{background:rgba(250,204,21,.14)}
.adu-ev-c{min-width:0;flex:1}
.adu-ev-t{font-size:13px;color:#e2e8f0;overflow-wrap:anywhere}
.adu-ev-t .adu-pais{font-size:12px}
.adu-ev-f{margin-top:2px;font-size:11px;color:#64748b}

/* Acciones */
.adu-acciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin-bottom:16px}
.adu-accion{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;min-width:0}
.adu-accion p{margin:0;font-size:12px;color:#94a3b8;line-height:1.45}
.adu-accion p em{display:block;margin-top:3px;color:#fbbf24;font-style:normal;font-weight:700}
.adu-ordenes{margin:0 0 6px!important;line-height:1.5}
.adu-ordenes b{color:#cbd5e1;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}

/* Botones */
.adu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;border-radius:10px;border:1px solid transparent;
  font:800 12.5px Inter,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;color:#fff;max-width:100%}
.adu-btn:hover:not(:disabled){transform:translateY(-1px)}
.adu-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.adu-btn:focus-visible{outline:2px solid #ff9cf6;outline-offset:2px}
.adu-btn.pri{background:linear-gradient(135deg,#ff3e9d,#ff6ff2);box-shadow:0 4px 14px rgba(255,62,157,.22)}
.adu-btn.sec{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e2e8f0}
.adu-btn.sec:hover:not(:disabled){background:rgba(255,255,255,.1)}
.adu-btn.peligro{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 14px rgba(239,68,68,.22)}
.adu-btn.traer{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 4px 14px rgba(124,58,237,.25)}
.adu-btn.verde{background:linear-gradient(135deg,#16a34a,#22c55e)}
.adu-btn.azul{background:linear-gradient(135deg,#0284c7,#38bdf8)}
.adu-btn.diam{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#03222b}
.adu-btn.peq{padding:7px 12px;font-size:12px}

/* ---------- Diálogos ---------- */
.adu-dialogo{position:relative;width:min(470px,94vw);max-height:90vh;max-height:90dvh;overflow:auto;padding:22px 22px 18px;background:#0e1424;border:1px solid rgba(255,111,242,.25);
  border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.6);transform:translateY(8px) scale(.98);transition:transform .16s ease;box-sizing:border-box}
.adu-dialogo.ancho{width:min(560px,94vw)}
.adu-capa.visible .adu-dialogo{transform:none}
.adu-dialogo.peligro{border-color:rgba(239,68,68,.4)}
.adu-dialogo h3{margin:0 40px 12px 0;font-size:17px;font-weight:900;color:#fff;overflow-wrap:anywhere}
.adu-dlg-cuerpo{font-size:13.5px;line-height:1.5;color:#cbd5e1}
.adu-dlg-cuerpo p{margin:0 0 10px}
.adu-dlg-cuerpo b{color:#fff}
.adu-nota{font-size:12px!important;color:#64748b!important}
.adu-aviso-dlg{padding:8px 11px;border-radius:9px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);color:#fde68a;font-size:12.5px}
.adu-dlg-error{margin:6px 0 0;padding:8px 11px;border-radius:9px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:12.5px;font-weight:700}
.adu-dlg-botones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px}
.adu-campo-f{display:flex;flex-direction:column;gap:5px;margin:0 0 12px;min-width:0}
.adu-campo-f>span{font-size:11px;font-weight:800;letter-spacing:.4px;color:#94a3b8}
.adu-campo-f input,.adu-campo-f textarea{width:100%;box-sizing:border-box;padding:10px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:10px;color:#f1f5f9;font:500 14px Inter,sans-serif;outline:none;resize:vertical}
.adu-campo-f input:focus,.adu-campo-f textarea:focus{border-color:#ff6ff2;box-shadow:0 0 12px rgba(255,111,242,.12)}
.adu-contador{margin:-8px 0 8px;text-align:right;font-size:11px;color:#64748b}
.adu-opciones{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.adu-opciones label{flex:1 1 90px;cursor:pointer}
.adu-opciones input{position:absolute;opacity:0;pointer-events:none}
.adu-opciones span{display:block;text-align:center;padding:10px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-weight:800;color:#cbd5e1}
.adu-opciones input:checked+span{border-color:#ef4444;background:rgba(239,68,68,.15);color:#fecaca}
.adu-opciones input:focus-visible+span{outline:2px solid #ff9cf6;outline-offset:2px}
.adu-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.adu-roles label{cursor:pointer;min-width:0}
.adu-roles input{position:absolute;opacity:0;pointer-events:none}
.adu-roles span{display:flex;flex-direction:column;gap:2px;height:100%;box-sizing:border-box;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.adu-roles span b{font-size:13px;color:#e2e8f0}
.adu-roles span small{font-size:11px;color:#94a3b8;line-height:1.35}
.adu-roles input:checked+span{border-color:#ff6ff2;background:rgba(255,111,242,.12)}
.adu-roles input:focus-visible+span{outline:2px solid #ff9cf6;outline-offset:2px}
.adu-signo{display:flex;gap:8px;margin:0 0 12px}
.adu-signo button{flex:1;padding:9px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#cbd5e1;font:800 13px Inter,sans-serif;cursor:pointer}
.adu-signo button.activo{border-color:#22d3ee;background:rgba(34,211,238,.14);color:#a5f3fc}
.adu-prev{margin:0 0 8px!important;font-size:13px}
.adu-prev.mal b:last-child{color:#fca5a5}
.adu-pk-dlg{display:flex;gap:14px;align-items:flex-start}
.adu-pk-dlg>div:last-child{flex:1;min-width:0}
.adu-pk-dlg-img{width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border-radius:12px}
.adu-dialogo .adu-check{height:38px}
.adu-fila2{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.adu-fila2 .adu-campo-f{flex:1 1 140px}
.adu-fila2 .adu-check{margin-bottom:12px}
/* Buscador con lista (Pokémon, objetos) */
.adu-buscador{position:relative}
.adu-opcs{position:absolute;left:0;right:0;top:100%;z-index:5;margin-top:4px;max-height:min(236px,42vh);overflow-y:auto;background:#141b2e;border:1px solid rgba(255,111,242,.3);
  border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.55)}
.adu-opcs[hidden]{display:none}
.adu-opc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px 11px;border:0;border-bottom:1px solid rgba(255,255,255,.05);
  background:none;color:#e2e8f0;font:600 13px Inter,sans-serif;text-align:left;cursor:pointer}
.adu-opc:last-child{border-bottom:0}
.adu-opc.sel,.adu-opc:hover{background:rgba(255,111,242,.14)}
.adu-opc img,.adu-opc i.vacio{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;display:block}
.adu-opc span{overflow-wrap:anywhere;min-width:0}
.adu-opc small{font-size:10.5px;color:#94a3b8;white-space:nowrap}
.adu-opc-n{font-size:11px;color:#c4b5fd;min-width:34px}
.adu-opc-vacio{padding:10px 12px;color:#64748b;font-size:12.5px}
.adu-elegido{display:flex;align-items:center;gap:10px;margin:-4px 0 12px;padding:8px 10px;border-radius:10px;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.07)}
.adu-elegido[hidden]{display:none}
.adu-elegido img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}
.adu-elegido b{font-size:13px;color:#f8fafc;overflow-wrap:anywhere}
.adu-elegido small{display:block;font-size:11px;color:#94a3b8}
.adu-elegido.pk .adu-pk-img{width:56px;height:56px}
.adu-elegido.pk .adu-pk-sprite{max-width:56px;max-height:56px}

/* ---------- Móvil y ventanas de poca altura: barra compacta ----------
   (antes, en el móvil en vertical la primera tarjeta empezaba en y=754 de 844 y en horizontal en y=433 de 390) */
@media (max-width:600px),(max-height:500px){
  #tab-admin .admin-header-bar{padding:8px 10px;gap:8px;margin-bottom:10px}
  #tab-admin .admin-subtitle{display:none}
  #tab-admin .admin-icon-wrap{width:34px;height:34px;font-size:17px;border-radius:10px}
  #tab-admin .admin-title{font-size:16px}
  #tab-admin .admin-stats-mini{flex-wrap:wrap;gap:6px}
  #tab-admin .admin-stats-mini .admin-backup-btn{padding:6px 10px;font-size:12px}
  #tab-admin .admin-subtabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:10px;padding-bottom:8px}
  #tab-admin .admin-subtabs::-webkit-scrollbar{display:none}
  #tab-admin .admin-subtab{flex-shrink:0;white-space:nowrap;padding:7px 11px}
  .adu-barra{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:8px}
  .adu-barra .adu-buscar{grid-column:1;grid-row:1;min-width:0}
  .adu-barra .adu-actualizar{grid-column:2;grid-row:1;width:44px;padding:0;justify-content:center}
  .adu-barra .adu-actualizar span{display:none}
  .adu-barra .adu-campo-orden{grid-column:1;grid-row:2}
  .adu-barra .adu-campo-orden>span{display:none}
  .adu-barra .adu-filtros-btn{display:inline-flex;grid-column:2;grid-row:2}
  .adu-filtros{display:none;grid-column:1/-1;grid-row:3}
  .adu-filtros.abierto{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid rgba(255,111,242,.18);border-radius:12px;background:rgba(255,255,255,.02)}
  .adu-filtros .adu-check{justify-content:center}
  .admin-search-input{padding-top:10px;padding-bottom:10px}
  .adu-campo select,.adu-check,.adu-filtros-btn,.adu-barra .adu-actualizar,#adu-limpiar{height:40px}
  /* Contadores: una sola línea (se desliza si no cabe) */
  .adu-cont{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin-bottom:10px;padding-bottom:2px}
  .adu-cont::-webkit-scrollbar{display:none}
  .adu-chip,.adu-directo{flex-shrink:0;padding:4px 9px;font-size:11px}
  .adu-chip b{font-size:12px}
  .adu-mostrando,.adu-hora{flex-shrink:0}
}
/* En el modo juego el título de la ventana ya dice «Administración» (juego.js): en el móvil, la cabecera del panel solo con
   sus botones (Restart, Backup), en la misma línea que las subpestañas no cabe: una fila corta */
@media (max-width:600px),(max-height:500px){
  body.modo-juego #tab-admin .admin-header-left{display:none}
  body.modo-juego #tab-admin .admin-header-bar{padding:6px 8px;margin-bottom:8px;justify-content:flex-end;background:none;border:0}
}
/* Poca altura y ancho de sobra (móvil en horizontal): buscador, orden, filtros y actualizar en una sola fila */
@media (max-height:500px) and (min-width:601px){
  .adu-barra{grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto auto}
  .adu-barra .adu-campo-orden{grid-column:2;grid-row:1}
  .adu-barra .adu-filtros-btn{grid-column:3;grid-row:1}
  .adu-barra .adu-actualizar{grid-column:4;grid-row:1}
  .adu-filtros{grid-row:2}
  .adu-filtros.abierto{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* (la cabecera del panel, a la derecha de las subpestañas: una sola fila para las dos; solo con el panel abierto) */
  body.modo-juego #tab-admin.active{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-content:start}
  body.modo-juego #tab-admin.active>*{grid-column:1/-1}
  body.modo-juego #tab-admin.active>.admin-header-bar{grid-column:2;grid-row:1;padding:0;margin:0 0 8px;align-self:start}
  body.modo-juego #tab-admin.active>.admin-subtabs{grid-column:1;grid-row:1}
}

/* ---------- Móvil y ventanas estrechas ---------- */
@media (max-width:600px){
  .adu-hora{margin-left:0}
  .admin-users-grid.adu-lista{grid-template-columns:1fr;max-height:none;overflow:visible;padding-right:0}
  .adu-card{padding:12px}
  .adu-acciones .auc-btn{padding:10px 4px;font-size:12px}
  .adu-acciones-2 .auc-btn{padding:7px 1px 6px}
  .adu-pk-grid,.adu-acciones-grid,.adu-inv,.adu-misiones{grid-template-columns:1fr}
  .adu-medallas{grid-template-columns:1fr 1fr}
  .adu-gyms{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
  .adu-f-datos{grid-template-columns:1fr 1fr;gap:8px}
  .adu-dato{padding:8px 10px}
  .adu-dato>b{font-size:14px}
  .adu-caja-filtros{width:100%}
  .adu-caja-filtros input{flex:1;width:auto}
  .adu-dlg-botones .adu-btn{flex:1}
  .adu-roles{grid-template-columns:1fr}
  .adu-pk{gap:10px;padding:10px}
  .adu-pk-img{width:52px;height:52px}
  .adu-pk-sprite{max-width:52px;max-height:52px}
}
/* La ficha a pantalla completa: móvil en vertical (≤ 600 px) o en horizontal (poca altura). Ahí se desplaza entera
   (la cabecera se va hacia arriba y las pestañas se quedan pegadas arriba): con la cabecera fija casi no quedaba sitio */
@media (max-width:600px),(max-height:500px){
  .adu-capa-ficha{align-items:stretch}
  .adu-ficha{display:block;width:100vw;height:100vh;height:100dvh;border-radius:0;border:0;overflow-y:auto;overscroll-behavior:contain}
  .adu-capa.visible .adu-ficha{transform:none}
  .adu-x{position:fixed;top:8px;right:8px}
  .adu-f-cab{grid-template-columns:auto minmax(0,1fr);padding:12px 52px 12px 12px;gap:10px}
  .adu-f-avatar{width:52px;height:52px}
  .adu-f-nombre h3{font-size:18px}
  .adu-f-rapidas{grid-column:1/-1;justify-content:flex-start}
  .adu-f-rapidas .adu-btn{flex:1 1 auto}
  .adu-f-scroll{overflow:visible;min-height:0;padding:12px 12px 10px}
  /* Las cinco pestañas caben en una fila (el dibujo encima de la palabra) y dejan sitio a la × de la derecha. Antes, en
     390 px, «⚡ Acciones» se salía y había que deslizar */
  .adu-f-tabs{top:0;margin:12px -12px 10px;padding:6px 52px 6px 8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}
  .adu-f-tabs button{flex-direction:column;gap:1px;padding:5px 1px;font-size:clamp(8.5px,2.45vw,10.5px);letter-spacing:-.1px;text-transform:none;min-width:0}
  .adu-f-tabs button i{font-size:15px;line-height:1.1}
  .adu-f-tabs button span{max-width:100%;white-space:nowrap}
  .adu-f-aviso{position:fixed;bottom:12px}
  .adu-dialogo{max-height:94vh;max-height:94dvh;padding:18px 16px 14px}
}
@media (max-height:500px) and (min-width:601px){
  .adu-f-cab{grid-template-columns:auto minmax(0,1fr) auto}
  .adu-f-rapidas{grid-column:auto}
  /* (en horizontal hay ancho: la palabra al lado del dibujo, que la barra ocupe menos alto) */
  .adu-f-tabs{padding:5px 56px 5px 12px;gap:6px}
  .adu-f-tabs button{flex-direction:row;gap:6px;padding:6px 8px;font-size:11.5px;text-transform:uppercase}
  .adu-f-tabs button i{font-size:13px}
  .adu-f-datos{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .adu-dialogo{padding:14px 16px 12px}
  .adu-dialogo h3{margin-bottom:8px}
  .adu-dlg-botones{margin-top:10px}
}
/* En vertical y con pantalla táctil, juego.js tapa toda la web con «Gira el móvil» (el juego se juega en horizontal) y el
   panel no se podía usar. El panel de administración y su ficha son una web normal (en vertical, una columna): mientras
   están abiertos, ese aviso no los tapa; al volver al mundo sale otra vez. (El juego sigue «ocupado» por la ventana.) */
@media (orientation:portrait){
  body.modo-juego.tactil.adu-panel-abierto #girar,
  body.modo-juego.tactil.adu-modal-abierto #girar{display:none}
}
@media (prefers-reduced-motion:reduce){.adu-capa,.adu-ficha,.adu-dialogo{transition:none}.adu-directo i,.adu-vivo-p{animation:none}}