/* Modo claro del simulador. El modo oscuro es el diseño original de casino (estilos en cada página).
   El encabezado se mantiene como banner fotográfico oscuro en los dos modos para que el título se lea. */
html:not(.dark) body {
    background-color: #eef2f7;
    background-image: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    background-attachment: fixed;
    color: #0f172a;
}
html:not(.dark) body > header {
    background: linear-gradient(rgba(5, 11, 20, .78), rgba(5, 11, 20, .9)),
        url('https://images.unsplash.com/photo-1596838132731-3301c3fd4317?auto=format&fit=crop&q=80&w=2000') center / cover;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .25);
}

/* Paneles */
html:not(.dark) main .glass-panel {
    background: linear-gradient(135deg, rgba(255, 255, 255, .96) 0%, rgba(241, 245, 249, .98) 100%);
    border-color: rgba(0, 45, 114, .15);
    box-shadow: 0 8px 30px rgba(15, 23, 42, .08);
}
html:not(.dark) main :is(.bg-slate-900, .bg-slate-950, .bg-slate-900\/80, .bg-slate-800, .bg-slate-800\/50, .bg-\[\#0b1120\]):not(.game-card):not(.game-card *):not(iframe) {
    background-color: #ffffff;
}
html:not(.dark) main :is(.border-white\/5, .border-white\/10, .border-slate-700, .border-slate-700\/50, .border-slate-800, .border-slate-600) { border-color: #e2e8f0; }

/* Texto fuera de las tarjetas de juego (que llevan foto con degradado oscuro) */
html:not(.dark) main :is(.text-white, .text-slate-100, .text-slate-200):not(.game-card *):not([class*="bg-"]):not([class*="bg-"] *):not(button):not(button *) { color: #0f172a; }
html:not(.dark) main :is(.text-slate-300, .text-blue-100\/80):not(.game-card *) { color: #334155; }
html:not(.dark) main .text-slate-400:not(.game-card *) { color: #475569; }
html:not(.dark) main :is(.text-blue-400, .text-blue-300, .text-blue-400\/80):not(.game-card *) { color: #1d4ed8; }
html:not(.dark) main .text-amber-400:not(.game-card *) { color: #b45309; }
html:not(.dark) main .text-emerald-400:not(.game-card *) { color: #047857; }
html:not(.dark) main .text-rose-400:not(.game-card *) { color: #be123c; }
html:not(.dark) main .text-purple-400:not(.game-card *) { color: #7e22ce; }
html:not(.dark) main .text-yellow-400:not(.game-card *) { color: #a16207; }
html:not(.dark) main .text-cyan-400:not(.game-card *) { color: #0e7490; }

/* Brillos y orbes: en claro se atenúan para no ensuciar el fondo */
html:not(.dark) main .ambient-orb { opacity: .15 !important; }
html:not(.dark) main .sparkle { display: none; }
html, body { overflow-x: clip; }