/* Cielo de Lola: decoración ligera, sin interferir con el juego. */
html, body, body[data-page="home"] { background:#030308 !important; background-image:none !important; }
body { isolation:isolate; }
body::before, .blob { display:none !important; }
#lola-stars { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; contain:strict; }
#lola-stars span { position:absolute; color:var(--star); font-size:var(--size); line-height:1; opacity:.78; text-shadow:0 0 7px currentColor; }
#lola-stars span:nth-child(9n) { animation:lola-twinkle 7s ease-in-out infinite alternate; animation-delay:var(--delay); }
@keyframes lola-twinkle { from { opacity:.3; } to { opacity:.95; } }
body[data-page="home"] #top.hero { background:rgba(10,10,24,.6) !important; border:1px solid #525077 !important; box-shadow:0 0 60px #7755ff12 !important; min-height:340px !important; padding:32px !important; gap:24px !important; margin-top:24px !important; }
body[data-page="home"] #top.hero::before, body[data-page="home"] #top.hero::after { display:none !important; }
body[data-page="home"] #top h1 { color:#fff !important; font-size:clamp(32px,4.5vw,60px) !important; letter-spacing:-.035em !important; }
body[data-page="home"] #top .hero-sub, body[data-page="home"] #top .hero-trust { color:#e6e2f4 !important; }
body[data-page="home"] #top .hero-welcome, body[data-page="home"] #top .hero-promises span { color:#e6e2f4 !important; }
body[data-page="home"] #top .hero-c-puki { min-height:240px !important; }
body[data-page="home"] #top .hero-eyebrow { color:#ffd66b !important; background:#232039 !important; border-color:#797097 !important; }
body[data-page="home"] #top .hero-c-puki svg { max-height:250px !important; }
body[data-page="home"] #top .hero-c-puki { filter:drop-shadow(0 0 25px #c39aff33); }
body[data-page="home"] .section-head h2, body[data-page="home"] .section-head p,
body[data-page="home"] #more > p, body[data-page="home"] #mundo-zona > p,
body[data-page="home"] #mundo-zona > h2, body[data-page="home"] #daily-zona > h2,
body[data-page="home"] #daily-zona > p, body[data-page="home"] .mundo-intro { color:#f1edff !important; }
body[data-page="home"] .section-tag { color:#e7d1ff !important; background:#29213e !important; }
body[data-page="home"] #more, body[data-page="home"] #mundo-zona { background:transparent !important; }
nav { background:rgba(10,9,22,.96) !important; border-bottom:1px solid #595174 !important; }
nav .nav-link, nav .brand-text .top { color:#f7f0ff !important; }
nav .nav-link:hover { background:#302744 !important; }
footer, footer p { color:#d5cde5 !important; }
body[data-page="home"] .game-card { border:2px solid #b89de966 !important; }
body[data-page="home"] .game-card:hover { border-color:#c6a1ff !important; box-shadow:0 0 25px #9b6eff44 !important; }
.lola-filter-bar { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 24px; }
.lola-filter-bar button { font:700 15px inherit; font-family:inherit; font-size:15px; min-height:48px; padding:10px 18px; color:#fff; background:#191627; border:1px solid #857294; border-radius:18px; cursor:pointer; }
.lola-filter-bar button[aria-pressed="true"] { background:#ffd66b; border-color:#ffd66b; color:#211533; }
.lola-skill { display:block; color:#674181; font-size:14px; font-weight:700; margin:6px 0; }
.game-card[hidden] { display:none !important; }
:where(button,a,[role="button"]):focus-visible { outline:4px solid #ffba3a !important; outline-offset:4px; }
.ttt-cell.lola-hint { outline:5px solid #9950cf; outline-offset:-7px; background:#ffe995 !important; }
.colorear-act, .colorear-page-btn, .colorear-sw { min-width:44px !important; min-height:44px !important; }
body[data-page="game"] .game-page.active { background:#fff9f0; border-radius:20px; }
.lola-ttt-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; padding:10px; color:#23172f; }
.lola-ttt-tools select, .lola-ttt-tools button { min-height:44px; font:700 15px inherit; font-family:inherit; font-size:15px; border:2px solid #41334e; border-radius:12px; padding:8px 12px; background:#fff9e8; color:#241632; }
.lola-ttt-tools select { max-width:100%; }
#lola-ttt-tip { flex-basis:100%; margin:0; font-size:14px; line-height:1.4; text-align:center; }
@media(max-width:600px) {
 body[data-page="home"] #top.hero { margin:16px 12px !important; padding:24px !important; min-height:0 !important; grid-template-columns:1fr !important; }
 body[data-page="home"] #top .hero-c-puki { display:none !important; }
 body[data-page="home"] #top .hero-sub { font-size:16px !important; }
 body[data-page="home"] #top h1 { font-size:38px !important; }
 .lola-filter-bar { gap:8px; }
 .lola-filter-bar button { flex:1 1 auto; padding:10px 12px; }
 body[data-page="home"] .game-desc { font-size:14px !important; line-height:1.4 !important; }
 body[data-page="home"] .game-name { font-size:20px !important; }
 body[data-page="home"] .game-card { min-height:190px !important; }
 body[data-page="game"] #tictactoe .ttt-wrap { overflow:auto !important; }
 .ttt-mode-overlay.hidden { visibility:hidden !important; pointer-events:none !important; }
}
@media(prefers-reduced-motion:reduce) { #lola-stars span { animation:none !important; } }