/* Casa Lola Play — apariencia serena. Solo jugadores; el panel administrativo conserva su diseño. */
body.lola-player-clean{
 --bg:#0c0b10;--bg-2:#141218;--panel:#19171e;--panel-strong:#201d25;
 --panel-soft:#242128;--line:rgba(255,255,255,.085);--muted:#ada9b4;
 --pink:#cc6aa6;--violet:#9982bd;--gold:#ded1bd;--shadow:none;
 background:#0c0b10;color:#f3f0f5;
}
body.lola-player-clean .lola-ambient{display:none}
body.lola-player-clean .lola-topbar{
 background:linear-gradient(180deg,rgba(12,11,16,.98),rgba(12,11,16,.94));
 padding-bottom:12px;
}
body.lola-player-clean .lola-return-app{background:transparent;border:none;padding:2px 0;color:#aaa5b3;font-weight:600}
body.lola-player-clean .lola-brand-mark{background:#27222c;box-shadow:none;color:#d8bcd0}
body.lola-player-clean .lola-brand small{letter-spacing:.12em;color:#9d99a4}
body.lola-player-clean .lola-topbar{grid-template-areas:"return return" "brand actions"}
body.lola-player-clean .lola-topbar-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:7px}
body.lola-player-clean .lola-icon-action,
body.lola-player-clean .lola-avatar-button{position:relative;display:grid;place-items:center;width:40px;height:40px;
 border:1px solid var(--line);background:#201d24;border-radius:13px;color:#eae6ef;cursor:pointer;overflow:visible}
body.lola-player-clean .lola-icon-action svg{width:19px;height:19px}
body.lola-player-clean .lola-avatar-button{font-size:19px;overflow:hidden}
body.lola-player-clean .lola-avatar-button img{width:100%;height:100%;object-fit:cover}
body.lola-player-clean .lola-notice-dot{position:absolute;top:5px;right:5px;border:2px solid #201d24;
 border-radius:50%;height:9px;width:9px;background:#e68bad}
body.lola-player-clean .lola-notice-dot[hidden],body.lola-player-clean .lola-notification-panel[hidden]{display:none!important}
body.lola-player-clean .lola-notification-panel{position:fixed;top:113px;right:max(14px,calc((100vw - 720px)/2));
 z-index:80;max-height:min(64dvh,480px);overflow:auto;width:min(calc(100vw - 28px),360px);
 padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#211e27;box-shadow:0 24px 65px #0008}
body.lola-player-clean .lola-notices-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
body.lola-player-clean .lola-notices-head button{background:transparent;border:0;color:#fff;font-size:15px;min-height:35px;min-width:35px}
body.lola-player-clean .lola-notice-item{display:grid;gap:4px;width:100%;padding:12px 2px;text-align:left;background:transparent;
 border:0;border-bottom:1px solid var(--line);color:#f5f2f7;cursor:pointer}
body.lola-player-clean .lola-notice-item b{font-size:13px;font-weight:700}
body.lola-player-clean .lola-notice-item span,body.lola-player-clean .lola-notice-item small{font-size:12px;color:#aca5b6}
body.lola-player-clean .lola-notices-caption{font-size:11px;color:#8f8997;line-height:1.4}
body.lola-player-clean .lola-hero{background:#18161d;border:1px solid var(--line);border-radius:22px;
 box-shadow:none;padding:23px 20px;margin:6px 0 12px}
body.lola-player-clean .lola-hero:after{display:none}
body.lola-player-clean .lola-hero h1{font-size:clamp(27px,7vw,36px);letter-spacing:-.035em;line-height:1.14;margin:5px 0 9px}
body.lola-player-clean .lola-hero p{line-height:1.45}
body.lola-player-clean .lola-eyebrow{color:#b4a5ba;font-size:10px!important;font-weight:700!important;letter-spacing:.085em!important}
body.lola-player-clean .lola-card{background:#18161d;border:1px solid var(--line);box-shadow:none;backdrop-filter:none;
 border-radius:18px;padding:16px;margin:10px 0}
body.lola-player-clean .lola-card h2{font-size:19px}
body.lola-player-clean .lola-card h3{font-size:17px}
body.lola-player-clean .lola-challenge{border-radius:15px;padding:14px;background:#201d24;border-color:var(--line)}
body.lola-player-clean .lola-challenge.active{border-color:var(--line)}
body.lola-player-clean .lola-challenge p{margin:8px 0}
body.lola-player-clean .lola-challenge-icon{background:#2a2630;border-radius:12px;width:43px;height:43px;font-size:21px}
body.lola-player-clean .lola-mini-tag{border:0;background:#28252e;color:#ada6b2;letter-spacing:0;text-transform:none;font-weight:600}
body.lola-player-clean .lola-flash-card{background:#24202b!important;border-color:#473647!important}
body.lola-player-clean .lola-flash-ribbon{border:0;background:#392733;color:#f2bad4}
body.lola-player-clean .lola-points{color:#eee2f3}
body.lola-player-clean .lola-section-head{margin-top:19px}
body.lola-player-clean .lola-section-head h2{font-size:20px}
body.lola-player-clean .lola-status{letter-spacing:0;text-transform:none;font-size:10px;font-weight:700}
body.lola-player-clean .lola-btn{background:#c977aa;box-shadow:none;color:#160d17}
body.lola-player-clean .lola-btn-secondary{background:#292630;color:#eee8f1;border:1px solid #3b3541}
body.lola-player-clean .lola-btn-ghost{background:#27242c;border:1px solid #38333e}
body.lola-player-clean .lola-participation>summary{background:#2a2430;color:#f1e5f0;border-color:#3b3340;font-weight:700}
body.lola-player-clean .lola-bottom-nav{background:#17151b;border-color:#343039;box-shadow:0 12px 32px #0007;border-radius:20px}
body.lola-player-clean .lola-nav.active{background:#302734;color:#f6e9f3}
body.lola-player-clean .lola-filter.active{background:#2f2734;border-color:#55435a;color:#efdbec}
body.lola-player-clean .lola-stat{background:#242128;border:0;border-radius:13px;padding:13px}
body.lola-player-clean .lola-rank-points{color:#e9dae9}
body.lola-player-clean .lola-ranking-row.is-me{background:#27202b;border-color:#433545}
body.lola-player-clean .lola-coupon{background:#211d27;border:1px solid #38313e;box-shadow:none}
body.lola-player-clean .lola-coupon-code{color:#ead9e9;border-color:#574657;background:#29222f}
body.lola-player-clean .lola-passport{background:#1d1a22}
body.lola-player-clean .lola-passport-stamp.done{background:#29232e;border-color:#55435a}
body.lola-player-clean .lola-passport-progress span{background:#bd8daf;box-shadow:none}
body.lola-player-clean .lola-profile-avatar{background:#2c2630}
body.lola-player-clean .lola-clean-score{display:flex;gap:38px;margin:22px 0 16px}
body.lola-player-clean .lola-clean-score>div{display:grid;gap:2px}
body.lola-player-clean .lola-clean-score strong{font-size:30px;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.lola-player-clean .lola-clean-score span{font-size:11px;color:#aaa2b0}
body.lola-player-clean .lola-main-cta{min-height:44px;padding:11px 17px;width:auto;max-width:100%}
body.lola-player-clean .lola-clean-next .lola-split,body.lola-player-clean .lola-clean-wall .lola-split{align-items:center}
body.lola-player-clean .lola-clean-wall h2,body.lola-player-clean .lola-clean-next h2{margin-bottom:3px}
body.lola-player-clean .lola-clean-announcement{display:flex;gap:8px;padding:10px 3px;font-size:12px;line-height:1.45}
body.lola-player-clean .lola-clean-announcement b{white-space:nowrap;color:#dbc2d2}
body.lola-player-clean .lola-clean-announcement span{color:#bdb6c0}
body.lola-player-clean .lola-clean-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 5px;font-size:12px;color:#beb5c2}
body.lola-player-clean .lola-clean-line button{border:0;background:transparent;color:#dfb9d0;cursor:pointer;min-height:44px}
body.lola-player-clean .lola-clean-schedule{margin-top:13px}
@media(max-width:420px){body.lola-player-clean .lola-clean-home-hero{padding:20px 17px}
 body.lola-player-clean .lola-clean-next .lola-split,body.lola-player-clean .lola-clean-wall .lola-split{gap:8px}
 body.lola-player-clean .lola-clean-score{gap:27px}
}
@media(prefers-reduced-motion:reduce){body.lola-player-clean *{animation:none!important;transition:none!important}}

body.lola-player-clean .lola-clean-profile-details{margin:10px 0;border:1px solid var(--line);border-radius:17px;background:#19171e;padding:0 15px}
body.lola-player-clean .lola-clean-profile-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:55px;font-weight:700;font-size:14px;cursor:pointer}
body.lola-player-clean .lola-clean-profile-details>summary::-webkit-details-marker{display:none}
body.lola-player-clean .lola-clean-profile-details[open]>summary span{transform:rotate(180deg)}
body.lola-player-clean .lola-clean-profile-details .lola-card{border-color:transparent;background:#211e26;box-shadow:none;margin:7px 0 13px}

/* Reloj compacto: mismo temporizador real, sin tarjetas llamativas */
body.lola-player-clean .lola-clean-clock{padding:12px 0 15px;border-top:1px solid var(--line);margin-top:-2px}
body.lola-player-clean .lola-clean-clock .lola-countdown-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0}
body.lola-player-clean .lola-clean-clock .lola-countdown-label{max-width:180px;margin:0!important;color:#bcb4c2!important;font-size:11px!important;font-weight:600}
body.lola-player-clean .lola-clean-clock .lola-countdown{display:flex;gap:4px;flex-shrink:0}
body.lola-player-clean .lola-clean-clock .lola-countdown div{min-width:29px;padding:2px 1px;border:0;background:transparent;border-radius:0}
body.lola-player-clean .lola-clean-clock .lola-countdown b{font-variant-numeric:tabular-nums;font-size:15px;line-height:1.15;font-weight:750;color:#f1ebf2}
body.lola-player-clean .lola-clean-clock .lola-countdown small{font-size:7px;letter-spacing:0;text-transform:none;color:#9b95a2}
@media(max-width:390px){body.lola-player-clean .lola-clean-clock .lola-countdown-label{max-width:150px}
 body.lola-player-clean .lola-clean-clock .lola-countdown{gap:1px}
 body.lola-player-clean .lola-clean-clock .lola-countdown div{min-width:27px}}

/* Navegación Casa Lola ↔ Muro más suave en navegadores compatibles. */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.17s}}

/* Cuatro destinos principales; premios desde Inicio y Perfil. */
body.lola-player-clean .lola-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
body.lola-player-clean .lola-clean-next-description{font-size:13px;line-height:1.45;color:#bdb6c0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:9px 0}
body.lola-player-clean .lola-clean-next-action{width:100%;min-height:46px;margin-top:9px}
body.lola-player-clean .lola-challenge[data-challenge-id]{scroll-margin-top:124px}

/* Premios sorpresa: QR sin exponer códigos a generadores externos. */
body.lola-player-clean .lola-qr-wrap{display:grid;justify-items:center;gap:7px;margin:16px 0}
body.lola-player-clean .lola-qr-wrap canvas{width:208px;max-width:100%;height:auto;padding:7px;border-radius:16px;background:#fff}
body.lola-player-clean .lola-qr-wrap small{font-size:12px;color:#bdb6c0}

body.lola-player-clean .lola-loyalty-seal{background:#29222f;border-color:#38313e}
body.lola-player-clean .lola-loyalty-seal.unlocked{border-color:#8b6b91;background:#322637}
body.lola-player-clean .lola-season-member{border-color:#38313e}