/* Diseño "Pardeases" (pardeases.vip): negro y oro sobre el lobby base (Panda Royal). Solo cambia la vista; los juegos y las cuentas son los mismos. */
:root {
  --vip-oro: linear-gradient(180deg, #fff7d1 0%, #f3d27a 35%, #c99a2e 65%, #8a6418 100%);
  --vip-negro: #0b0a08;
  --dorar: grayscale(.85) sepia(.55) saturate(1.25) brightness(.9) contrast(1.12);
}

html, body { background: var(--vip-negro); }
body::before { filter: grayscale(.9) sepia(.5) brightness(.55) contrast(1.15); }

/* escena animada (fondo, letrero, panda): negro con tono dorado */
.capa, .capa-ventana { filter: var(--dorar); }

/* sello VIP arriba a la izquierda */
.escena::after {
  content: "VIP";
  position: absolute; left: 1424px; top: 28px; width: 104px; height: 104px; z-index: 4; pointer-events: none;
  display: flex; align-items: center; justify-content: center; border-radius: 50%;
  font: 40px/1 var(--letra-panda); letter-spacing: 2px; color: #1b1204;
  background: radial-gradient(circle at 35% 30%, #fff7d1 0%, #f3d27a 30%, #c99a2e 62%, #6b4c10 100%);
  border: 6px solid #2a1c05; box-shadow: 0 0 0 3px #f3d27a, 0 6px 14px rgba(0, 0, 0, .7), 0 0 30px rgba(243, 210, 122, .45);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

/* pestañas */
.pestanas::after { background: linear-gradient(180deg, #fff1b8, #c99a2e 60%, #5a3f0b); }
.pestana { filter: grayscale(1) brightness(.7) contrast(1.2); }
.pestana:hover { filter: grayscale(1) brightness(.9) contrast(1.2); }
.pestana[aria-selected="true"] { filter: var(--dorar) brightness(1.15); }

/* marcos de los juegos, flechas, crédito y caja de información en oro */
.juego__marco, .juego__activo, .juego__nuevo, .flecha, .credito, .caja-info { filter: var(--dorar) brightness(1.1); }
.juego__portada { background: #0d0c0a; }

/* botones */
.boton-oro { background: var(--vip-oro); color: #1b1204; border-color: #f3d27a; }

/* pantallas de carga y de acceso */
.Auth, .fondo-carga { background-color: #3b2b0c; background-blend-mode: luminosity; }
.acceso { background: linear-gradient(180deg, #17140e, #050504); border-color: #c99a2e; box-shadow: 0 0 40px rgba(201, 154, 46, .35); }
.acceso__titulo { color: #f3d27a; }
.acceso__logo { width: 78%; }
.acceso__campo { background: #0d0c0a; border-color: #8a6418; color: #f7e7b0; }