:root{
  --navy:#0B1B33; --navy2:#0F2444; --navy3:#081428;
  --gold:#FFC531; --gold2:#FFB000;
  --green:#18C97E; --red:#FF5D6C; --paper:#F6F8FC;
  --muted:#8FA1BD; --line:#E7ECF5;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:'Inter',sans-serif;background:var(--navy);color:#0B1B33;overflow:hidden;position:fixed;width:100%;-webkit-user-select:none;user-select:none}
h1,h2,h3,.ff{font-family:'Sora',sans-serif}
.app{height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;background:var(--paper);position:relative;overflow:hidden}
.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .28s;overflow:hidden}
.screen.on{opacity:1;pointer-events:auto;z-index:2}
.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:150px}
.scroll::-webkit-scrollbar{display:none}

/* HEADER */
.hdr{background:linear-gradient(150deg,var(--navy) 0%,var(--navy2) 100%);padding:18px 22px 30px;color:#fff;border-radius:0 0 4px 4px;position:relative}
.hdr .top{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px}
.pin{width:52px;height:52px;border-radius:16px 16px 16px 5px;background:linear-gradient(150deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(255,176,0,.4);position:relative;flex-shrink:0}
.pin::after{content:"";position:absolute;width:17px;height:17px;background:var(--navy);border-radius:50%}
.brand .wm{font-family:'Sora';font-weight:800;font-size:30px;letter-spacing:-.01em}
.brand .wm .p{color:var(--gold)}
.bell{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;cursor:pointer}
.bell .dot{position:absolute;top:13px;right:15px;width:9px;height:9px;background:var(--gold);border-radius:50%;border:2px solid var(--navy2)}
.hdr .hello{margin-top:18px}
.hdr .hello .s{font-size:15px;color:#9DB0CC;font-weight:500}
.hdr .hello .n{font-family:'Sora';font-weight:800;font-size:26px;margin-top:3px}

/* SEARCH */
.search{margin:16px 0 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 16px;color:#fff}
.search .ic{font-size:17px;opacity:.7;display:flex;align-items:center}
.search .ic svg{width:19px;height:19px;stroke:#9DB0CC}
.search input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:15px;font-family:'Inter'}
.search input::placeholder{color:#9DB0CC}

/* SEARCH (home, sobre fondo claro) */
.search-home{margin:16px 18px 4px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;box-shadow:0 4px 12px rgba(11,27,51,.05)}
.search-home .ic{display:flex;align-items:center}
.search-home .ic svg{width:19px;height:19px;stroke:var(--muted)}
.search-home input{flex:1;background:none;border:none;outline:none;color:var(--navy);font-size:15px;font-family:'Inter'}
.search-home input::placeholder{color:var(--muted)}

/* BALANCE */
.bal{margin:-16px 18px 0;background:linear-gradient(140deg,var(--gold) 0%,var(--gold2) 100%);border-radius:24px;padding:20px 22px 18px;color:var(--navy);box-shadow:0 16px 34px rgba(255,176,0,.34);position:relative;z-index:3;text-align:center}
.bal .k{font-size:14px;font-weight:600;opacity:.85}
.bal .v{font-family:'Sora';font-weight:800;font-size:38px;letter-spacing:-.02em;margin-top:2px}
.bal .acts{display:flex;gap:11px;margin-top:16px}
.bal .b{flex:1;background:var(--navy);color:#fff;text-align:center;padding:14px;border-radius:15px;font-size:16px;font-weight:700;font-family:'Sora';cursor:pointer;transition:transform .12s}
.bal .b:active{transform:scale(.96)}
.bal .b.gh{background:rgba(11,27,51,.14);color:var(--navy)}

/* TILES */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:20px 18px 4px}
.tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 4px 11px;text-align:center;box-shadow:0 5px 14px rgba(11,27,51,.05);cursor:pointer;transition:transform .12s;position:relative}
.cuenta-logout{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;margin-top:16px;text-align:center;color:#E5484D;font-weight:700;font-size:15px;font-family:'Sora';cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s}
.cuenta-logout svg{width:18px;height:18px}
.cuenta-logout:active{transform:scale(.99)}
.tile:active{transform:scale(.94)}
.tile .ic{width:50px;height:50px;border-radius:15px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:24px}
.tile .t{font-size:12px;font-weight:700;color:var(--navy);line-height:1.15}
.tile .ic svg{width:27px;height:27px;stroke:var(--navy)}
.sec-title svg{width:26px;height:26px;stroke:var(--gold2);flex-shrink:0}
.lcard .ic svg{width:38px;height:38px;stroke:var(--gold2)}
.i-sport{background:#E7F7F0}.i-casino{background:#FFF3D6}.i-live{background:#FDE7EA}.i-parley{background:#E9EEFF}

/* DAILY WHEEL BUTTON */
.wheel-cta{margin:16px 18px 0;background:linear-gradient(120deg,#FF9F0A,#FF5D8F);border-radius:20px;padding:16px 18px;color:#fff;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;overflow:hidden;transition:transform .12s}
.wheel-cta:active{transform:scale(.98)}
.wheel-cta .glow{position:absolute;right:-30px;top:-30px;width:130px;height:130px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%)}
.wheel-cta .spin-ic{font-size:38px;animation:spin 4s linear infinite;position:relative}
@keyframes spin{to{transform:rotate(360deg)}}
.wheel-cta .wt{flex:1;position:relative}
.wheel-cta .wt .h{font-family:'Sora';font-weight:800;font-size:17px}
.wheel-cta .wt .s{font-size:12.5px;opacity:.9;margin-top:2px}
.wheel-cta .go{background:#fff;color:#C81E5B;font-family:'Sora';font-weight:800;font-size:13px;padding:9px 16px;border-radius:100px;position:relative}

/* STREAK + MISSION */
.streak{margin:16px 18px 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 5px 14px rgba(11,27,51,.05)}
.streak .sr{display:flex;align-items:center;gap:12px}
.streak .flame{font-size:34px}
.streak .st{flex:1}
.streak .st .h{font-family:'Sora';font-weight:800;color:var(--navy);font-size:16px}
.streak .st .s{font-size:12.5px;color:var(--muted);margin-top:2px}
.streak .days{display:flex;gap:6px;margin-top:14px}
.streak .day{flex:1;height:8px;border-radius:100px;background:var(--line)}
.streak .day.on{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.mission{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.mission .mh{display:flex;justify-content:space-between;align-items:center}
.mission .mh .t{font-family:'Sora';font-weight:700;color:var(--navy);font-size:14px}
.mission .mh .r{font-size:12px;font-weight:700;color:var(--gold2);background:#FFF3D6;padding:4px 10px;border-radius:100px}
.mission .bar{height:9px;background:var(--line);border-radius:100px;margin-top:10px;overflow:hidden}
.mission .fill{height:100%;width:66%;background:linear-gradient(90deg,var(--green),#0FA968);border-radius:100px}
.mission .sub{font-size:11.5px;color:var(--muted);margin-top:7px}

/* SECTION HEADERS */
.sh{padding:24px 20px 10px;display:flex;justify-content:space-between;align-items:baseline}
.sh .t{font-family:'Sora';font-weight:800;color:var(--navy);font-size:20px}
.sh .more{color:var(--gold2);font-size:14px;font-weight:700;cursor:pointer}

/* BANNER CAROUSEL */
.bnr-wrap{overflow:hidden;padding:16px 0 2px}
.bnr-track{display:flex;transition:transform .5s ease;padding:0 18px}
.bnr{min-width:100%;box-sizing:border-box}
.bnr-in{border-radius:22px;padding:24px 22px;color:#fff;position:relative;overflow:hidden;min-height:158px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 34px rgba(4,10,22,.5),inset 0 0 0 1px rgba(255,255,255,.07)}
/* capa de foto cinematográfica */
.bnr-in .photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);animation:kenburns 9s ease-in-out infinite alternate;z-index:0}
@keyframes kenburns{0%{transform:scale(1.08) translate(0,0)}100%{transform:scale(1.16) translate(-2%,-2%)}}
/* degradado que garantiza lectura del texto */
.bnr-in .scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,9,20,.9) 0%,rgba(4,9,20,.7) 42%,rgba(4,9,20,.28) 72%,rgba(4,9,20,.12) 100%),linear-gradient(0deg,rgba(4,9,20,.72) 0%,transparent 55%),linear-gradient(180deg,rgba(4,9,20,.92) 0%,rgba(4,9,20,.55) 14%,transparent 34%)}
/* grano y viñeta de cine */
.bnr-in .grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.5;background:radial-gradient(120% 120% at 78% 30%,transparent 55%,rgba(0,0,0,.5) 100%)}
.bnr-in>.glow,.bnr-in>.art,.bnr-in>.art2,.bnr-in>.urg,.bnr-in>.h,.bnr-in>.sub2,.bnr-in>.cta{position:relative;z-index:3}
.bnr-in .glow{position:absolute;right:-40px;top:-40px;width:170px;height:170px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);z-index:2}
.bnr .tag{font-size:12px;font-weight:700;letter-spacing:.12em;opacity:.9;position:relative}
.bnr .h{font-family:'Sora';font-weight:800;font-size:25px;margin-top:6px;line-height:1.08;position:relative;text-shadow:0 2px 14px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.8)}
.bnr .sub2{text-shadow:0 1px 8px rgba(0,0,0,.7)}
.bnr .cta{display:inline-block;margin-top:12px;background:var(--gold);color:#1a1205;font-weight:800;font-size:12.5px;padding:9px 18px;border-radius:100px;position:relative;width:fit-content;box-shadow:0 6px 18px rgba(255,176,0,.45)}
.b-a{background:linear-gradient(120deg,#0B1B33,#173a6b)}
.b-b{background:linear-gradient(120deg,#C81E5B,#FF5D8F)}
.b-c{background:linear-gradient(120deg,#0FA968,#18C97E)}
/* --- banners de eventos deportivos (súper pro) --- */
.b-mundial{background:linear-gradient(120deg,#06122b 0%,#0e2f63 55%,#123c7d 100%)}
.b-liber{background:linear-gradient(120deg,#062b1c 0%,#0c6b3f 55%,#11a35f 100%)}
.b-mlb{background:linear-gradient(120deg,#2a0713 0%,#8f1330 55%,#c81e3a 100%)}
.bnr-in .art{position:absolute;right:-6px;bottom:-14px;font-size:104px;line-height:1;opacity:.22;transform:rotate(-12deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));pointer-events:none}
.bnr-in .art2{position:absolute;left:44%;top:-22px;font-size:52px;opacity:.12;transform:rotate(14deg);pointer-events:none}
.bnr .urg{display:inline-flex;align-items:center;gap:5px;background:var(--gold);color:#1a1205;font-family:'Sora';font-weight:800;font-size:10px;letter-spacing:.08em;padding:4px 9px;border-radius:100px;position:relative;width:fit-content;margin-bottom:8px;box-shadow:0 3px 10px rgba(255,197,49,.35);animation:urgpulse 1.8s ease-in-out infinite}
@keyframes urgpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.bnr .urg .dt{width:6px;height:6px;border-radius:50%;background:#e11d2e;box-shadow:0 0 0 0 rgba(225,29,46,.7);animation:urgdot 1.2s infinite}
@keyframes urgdot{0%{box-shadow:0 0 0 0 rgba(225,29,46,.6)}70%{box-shadow:0 0 0 7px rgba(225,29,46,0)}100%{box-shadow:0 0 0 0 rgba(225,29,46,0)}}
.bnr .sub2{font-size:12px;opacity:.82;margin-top:5px;position:relative;max-width:78%}
.bnr-mark{text-align:center;font-family:'Sora';font-weight:800;font-size:10px;letter-spacing:.14em;color:var(--gold2);opacity:.85;margin-top:8px}
.dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.dots .d{width:7px;height:7px;border-radius:50%;background:#CBD5E6;transition:width .3s,background .3s}
.dots .d.on{width:20px;background:var(--gold2)}

/* COUNTDOWN */
.cd{margin:6px 18px 0;background:linear-gradient(125deg,#7A1FD6,#B24BFF);border-radius:22px;padding:20px 22px;color:#fff;position:relative;overflow:hidden}
.cd .glow{position:absolute;left:-30px;bottom:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,197,49,.4),transparent 70%)}
.cd .row{display:flex;align-items:center;justify-content:space-between;position:relative}
.cd .lft .tag{font-size:11px;font-weight:700;letter-spacing:.1em;opacity:.85}
.cd .lft .h{font-family:'Sora';font-weight:800;font-size:19px;margin-top:3px}
.cd .lft .sub{font-size:12px;opacity:.8;margin-top:2px}
.cd .emo{font-size:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.cd .clock{display:flex;gap:8px;margin-top:14px;position:relative}
.cd .u{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 0;text-align:center;flex:1}
.cd .u .num{font-family:'Sora';font-weight:800;font-size:24px;line-height:1}
.cd .u .lab{font-size:10px;opacity:.8;margin-top:3px;text-transform:uppercase;letter-spacing:.05em}
.cd .play{margin-top:14px;background:var(--gold);color:var(--navy);font-family:'Sora';font-weight:800;font-size:14px;text-align:center;padding:12px;border-radius:13px;cursor:pointer;position:relative}

/* HSCROLL cards */
.hscroll{display:flex;gap:12px;overflow-x:auto;padding:6px 18px 8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.hscroll::-webkit-scrollbar{display:none}
.sug{min-width:230px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 16px;box-shadow:0 5px 14px rgba(11,27,51,.05);scroll-snap-align:start;cursor:pointer;transition:transform .12s}
.sug:active{transform:scale(.97)}
.sug .lg{font-size:11px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}
.sug .lg .d{width:7px;height:7px;background:var(--green);border-radius:50%}
.sug .mt{font-family:'Sora';font-weight:700;color:var(--navy);font-size:15px;margin:8px 0}
.sug .pick{display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-radius:12px;padding:9px 13px}
.sug .pick .p{font-size:13px;font-weight:700;color:var(--navy)}
.sug .pick .o{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:17px}

.game-mini{min-width:130px;height:150px;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:13px;font-family:'Sora';font-weight:800;font-size:14px;color:#fff;scroll-snap-align:start;cursor:pointer;transition:transform .12s}
.game-mini:active{transform:scale(.96)}
.game-mini::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.5))}
.game-mini span{position:relative;z-index:2}
.game-mini .hot{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.4);font-size:10px;padding:4px 9px;border-radius:100px;z-index:2;font-weight:700}
.g1{background:linear-gradient(135deg,#FF7A59,#FFB000)}.g2{background:linear-gradient(135deg,#18C97E,#0FA968)}
.g3{background:linear-gradient(135deg,#7C5CFF,#4B2FD6)}.g4{background:linear-gradient(135deg,#FF5D8F,#C81E5B)}
.g5{background:linear-gradient(135deg,#2E9BFF,#1B5FD9)}.g6{background:linear-gradient(135deg,#FFD23F,#FF9F0A)}
.g7{background:linear-gradient(135deg,#12C2E9,#0891B2)}.g8{background:linear-gradient(135deg,#B24BFF,#7A1FD6)}

/* ===== MODO SUERTE — feed vertical estilo TikTok ===== */
.luck-cta{position:relative;margin:14px 18px 0;border-radius:20px;overflow:hidden;padding:16px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;background:linear-gradient(120deg,#7C5CFF 0%,#C81E5B 55%,#FFB000 120%);box-shadow:0 12px 30px rgba(124,92,255,.35)}
.luck-cta .lc-glow{position:absolute;top:-40%;right:-10%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%);filter:blur(6px)}
.luck-cta .lc-clover{font-size:34px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:lc-bob 2.4s ease-in-out infinite}
@keyframes lc-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(6deg)}}
.luck-cta .lc-tx{position:relative;z-index:2;flex:1;color:#fff}
.luck-cta .lc-h{font-family:'Sora',sans-serif;font-weight:800;font-size:16px;letter-spacing:.2px}
.luck-cta .lc-s{font-size:12px;opacity:.92;margin-top:2px}
.luck-cta .lc-go{position:relative;z-index:2;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:800;font-size:12px;padding:9px 14px;border-radius:100px;white-space:nowrap}

#s-luck{background:#05060B}
#s-luck .scroll{padding:0;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}
.luck-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
.luck-top .lt-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}
.luck-top .lt-title{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:16px;display:flex;align-items:center;gap:6px}
.luck-top .lt-live{margin-left:auto;font-size:11px;font-weight:700;color:#fff;background:rgba(24,201,126,.25);border:1px solid rgba(24,201,126,.6);padding:5px 10px;border-radius:100px;display:flex;align-items:center;gap:5px}
.luck-top .lt-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#18C97E;box-shadow:0 0 8px #18C97E;animation:lt-pulse 1.4s infinite}
@keyframes lt-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.luck-card{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.luck-card .lk-bg{position:absolute;inset:0;z-index:0}
.luck-card .lk-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 28%,rgba(255,255,255,.22),transparent 60%),radial-gradient(90% 50% at 80% 90%,rgba(0,0,0,.35),transparent 55%);mix-blend-mode:soft-light}
.luck-card .lk-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 26%,transparent 40%,rgba(0,0,0,.9) 100%)}
.luck-card .lk-shine{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.10) 48%,transparent 56%);background-size:250% 100%;animation:lk-shine 6s linear infinite}
@keyframes lk-shine{0%{background-position:120% 0}100%{background-position:-120% 0}}
.luck-card .lk-emoji{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:96px;z-index:1;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4));animation:lk-float 3.2s ease-in-out infinite}
@keyframes lk-float{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-54%) scale(1.06)}}
.luck-card .lk-reels{position:absolute;top:34%;left:50%;transform:translateX(-50%);z-index:1;display:flex;gap:10px}
.luck-card .lk-reel{width:58px;height:74px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:36px;backdrop-filter:blur(4px);animation:lk-shake .9s ease-in-out infinite}
.luck-card .lk-reel:nth-child(2){animation-delay:.15s}.luck-card .lk-reel:nth-child(3){animation-delay:.3s}
@keyframes lk-shake{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.luck-card .lk-info{position:relative;z-index:3;padding:0 20px 12px}
.luck-card .lk-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#05060B;background:var(--gold);padding:5px 12px;border-radius:100px;margin-bottom:10px}
.luck-card .lk-name{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:28px;line-height:1.1;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.luck-card .lk-desc{color:rgba(255,255,255,.9);font-size:14px;margin-top:8px;max-width:78%}
.luck-card .lk-stats{display:flex;gap:16px;margin-top:14px}
.luck-card .lk-stat{color:#fff}
.luck-card .lk-stat .v{font-family:'Sora',sans-serif;font-weight:800;font-size:16px}
.luck-card .lk-stat .k{font-size:11px;opacity:.75}
.luck-card .lk-play{position:relative;z-index:3;margin:16px 20px calc(env(safe-area-inset-bottom) + 24px);background:var(--gold);color:#05060B;font-family:'Sora',sans-serif;font-weight:800;font-size:17px;text-align:center;padding:17px;border-radius:16px;box-shadow:0 10px 26px rgba(255,197,49,.4)}
.luck-card .lk-play:active{transform:scale(.98)}
.luck-side{position:absolute;right:14px;bottom:calc(env(safe-area-inset-bottom) + 130px);z-index:3;display:flex;flex-direction:column;gap:18px;align-items:center}
.luck-side .ls-btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff}
.luck-side .ls-ic{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:22px;backdrop-filter:blur(4px)}
.luck-side .ls-btn.on .ls-ic{background:var(--gold);border-color:var(--gold)}
.luck-side .ls-k{font-size:10px;font-weight:700;opacity:.9}
.luck-hint{position:absolute;top:62%;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.55);font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;animation:lk-hintbob 1.8s ease-in-out infinite;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}
@keyframes lk-hintbob{0%,100%{transform:translate(-50%,0);opacity:.6}50%{transform:translate(-50%,-8px);opacity:1}}
/* modo inmersivo: oculta chrome de la app mientras el feed está activo */
body.luck-on .topbar,body.luck-on .nav,body.luck-on .fab,body.luck-on .slip-pill{display:none!important}
body.luck-on #s-luck{position:fixed;inset:0;z-index:60}

/* proveedor chip sobre la carta (arriba-izq) */
.lk-prov{position:absolute;top:calc(env(safe-area-inset-top) + 64px);left:16px;z-index:4;display:flex;align-items:center;gap:9px}
.lk-prov .pv-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 10px rgba(0,0,0,.3)}
.lk-prov .pv-tx{color:#fff;line-height:1.15}
.lk-prov .pv-n{font-weight:800;font-size:14px;display:flex;align-items:center;gap:4px;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.lk-prov .pv-n .vf{color:#2E9BFF;font-size:13px}
.lk-prov .pv-f{font-size:11px;opacity:.85}
.lk-prov .pv-follow{margin-left:4px;background:var(--gold);color:#05060B;font-weight:800;font-size:11px;padding:6px 11px;border-radius:100px}
.lk-prov .pv-follow.on{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.4)}
/* like animation */
.luck-side .ls-btn.liked .ls-ic{background:rgba(255,93,143,.25);border-color:#FF5D8F}
@keyframes ls-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
.luck-side .ls-btn.pop .ls-ic{animation:ls-pop .4s}
.heart-burst{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:90px;z-index:8;opacity:0;pointer-events:none}
.heart-burst.go{animation:hb .8s ease-out}
@keyframes hb{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-60%) scale(1.4)}}

/* hoja de comentarios */
.cmt-sheet{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--paper);border-radius:22px 22px 0 0;max-width:520px;margin:0 auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);max-height:78vh;display:flex;flex-direction:column}
.cmt-sheet.show{transform:translateY(0)}
.cmt-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:119;opacity:0;pointer-events:none;transition:opacity .3s}
.cmt-bg.show{opacity:1;pointer-events:auto}
.cmt-h{text-align:center;font-family:'Sora',sans-serif;font-weight:800;padding:16px;border-bottom:1px solid var(--line);font-size:15px}
.cmt-h .grip{width:40px;height:4px;border-radius:100px;background:var(--line);margin:0 auto 12px}
.cmt-list{overflow-y:auto;padding:8px 16px;flex:1}
.cmt{display:flex;gap:10px;padding:11px 0}
.cmt .ca{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}
.cmt .cb{flex:1}
.cmt .cn{font-weight:700;font-size:13px;color:var(--navy)}
.cmt .ct{font-size:14px;color:#2a3a52;margin-top:2px}
.cmt .cl{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:12px}
.cmt-input{display:flex;gap:8px;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);border-top:1px solid var(--line);background:var(--paper)}
.cmt-input input{flex:1;border:1px solid var(--line);border-radius:100px;padding:11px 16px;font-size:14px;font-family:'Inter',sans-serif;background:#fff}
.cmt-input .cs{background:var(--gold);color:#05060B;font-weight:800;border-radius:100px;padding:11px 18px;font-size:14px}

/* perfil de proveedor */
#s-prov{background:var(--paper)}
#s-prov .scroll{padding:0}
.prov-hero{position:relative;padding:calc(env(safe-area-inset-top) + 18px) 20px 22px;color:#fff;overflow:hidden}
.prov-hero .ph-bg{position:absolute;inset:0;z-index:0;opacity:.95}
.prov-hero .ph-back{position:relative;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.prov-hero .ph-row{position:relative;z-index:2;display:flex;align-items:center;gap:14px}
.prov-hero .ph-av{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;border:3px solid rgba(255,255,255,.9);flex-shrink:0}
.prov-hero .ph-n{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;display:flex;align-items:center;gap:6px}
.prov-hero .ph-n .vf{color:#8fd0ff;font-size:18px}
.prov-hero .ph-bio{position:relative;z-index:2;font-size:13px;opacity:.92;margin-top:12px;line-height:1.4}
.prov-hero .ph-stats{position:relative;z-index:2;display:flex;gap:26px;margin-top:16px}
.prov-hero .ph-st .v{font-family:'Sora',sans-serif;font-weight:800;font-size:18px}
.prov-hero .ph-st .k{font-size:11px;opacity:.8}
.prov-hero .ph-follow{position:relative;z-index:2;margin-top:16px;background:var(--gold);color:#05060B;font-weight:800;text-align:center;padding:13px;border-radius:14px;font-size:15px}
.prov-hero .ph-follow.on{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.5)}
.prov-gh{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:var(--navy);padding:18px 18px 10px}
.prov-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 30px}
.pg-tile{position:relative;height:150px;border-radius:16px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:12px}
.pg-tile .pt-em{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.pg-tile .pt-em2{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.7))}
.pg-tile .pt-n{position:relative;z-index:2;font-weight:800;font-size:14px}
.pg-tile .pt-l{position:relative;z-index:2;font-size:11px;opacity:.9;margin-top:2px}
[data-theme="dark"] .cmt-sheet,[data-theme="dark"] .cmt-input,[data-theme="dark"] .cmt-input input{background:#0F2444}
[data-theme="dark"] .cmt .cn{color:#EAF0FA}[data-theme="dark"] .cmt .ct{color:#c8d4e6}
[data-theme="dark"] .prov-gh{color:#EAF0FA}

/* ===== ESTRELLAS & RIFA ===== */
.rifa-cta{position:relative;margin:14px 18px 0;border-radius:20px;overflow:hidden;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;background:linear-gradient(120deg,#0B1B33,#1B3A6B 60%,#FFC531 165%);box-shadow:0 12px 30px rgba(11,27,51,.4)}
.rifa-cta .rc-glow{position:absolute;top:-30%;right:-5%;width:160px;height:160px;background:radial-gradient(circle,rgba(255,197,49,.5),transparent 70%);filter:blur(4px)}
.rifa-cta .rc-star{font-size:34px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));animation:rc-tw 2.2s ease-in-out infinite}
@keyframes rc-tw{0%,100%{transform:scale(1) rotate(-8deg)}50%{transform:scale(1.12) rotate(8deg)}}
.rifa-cta .rc-tx{position:relative;z-index:2;flex:1;color:#fff}
.rifa-cta .rc-h{font-family:'Sora',sans-serif;font-weight:800;font-size:16px}
.rifa-cta .rc-s{font-size:12px;opacity:.9;margin-top:2px}
.rifa-cta .rc-bal{position:relative;z-index:2;text-align:center;color:#FFC531;font-family:'Sora',sans-serif}
.rifa-cta .rc-bal .n{font-weight:800;font-size:22px;line-height:1}
.rifa-cta .rc-bal .k{font-size:10px;color:#fff;opacity:.8}

#s-rifa{background:var(--paper)}
.rifa-hero{position:relative;overflow:hidden;color:#fff;padding:calc(env(safe-area-inset-top) + 16px) 18px 20px}
.rifa-hero .rh-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(160deg,#0B1B33,#1B3A6B)}
.rifa-hero>*{position:relative;z-index:2}
.rifa-hero .rh-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.rifa-hero .rh-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:20px}
.rifa-hero .rh-title{font-family:'Sora',sans-serif;font-weight:800;font-size:18px}
.rifa-hero .rh-star{margin-left:auto;display:flex;align-items:center;gap:6px;background:rgba(255,197,49,.2);border:1px solid rgba(255,197,49,.5);padding:7px 13px;border-radius:100px;font-family:'Sora',sans-serif;font-weight:800;color:#FFC531}
.rifa-cd{display:flex;gap:8px;justify-content:center;margin-top:4px}
.rifa-cd .cd-box{background:rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;text-align:center;min-width:56px}
.rifa-cd .cd-n{font-family:'Sora',sans-serif;font-weight:800;font-size:22px}
.rifa-cd .cd-k{font-size:10px;opacity:.8}
.rifa-cd-sub{text-align:center;font-size:12px;opacity:.85;margin-top:10px}
.rifa-tabs{display:flex;gap:6px;padding:12px 18px 0;position:sticky;top:0;background:var(--paper);z-index:6}
.rifa-tab{flex:1;text-align:center;padding:11px;border-radius:12px;font-weight:800;font-size:13px;color:var(--muted);background:#fff;border:1px solid var(--line)}
.rifa-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.rifa-pane{display:none;padding:14px 18px 40px}
.rifa-pane.on{display:block}
.rifa-sh{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:var(--navy);margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.rifa-sh:first-child{margin-top:2px}

/* misión card */
.mzn{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;gap:13px;margin-bottom:10px}
.mzn.done{opacity:.6}
.mzn .mz-ic{width:44px;height:44px;border-radius:12px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.mzn .mz-tx{flex:1}
.mzn .mz-n{font-weight:700;font-size:14px;color:var(--navy);line-height:1.25}
.mzn .mz-r{font-size:12px;color:#FF9F0A;font-weight:800;margin-top:3px}
.mzn .mz-btn{background:var(--gold);color:#05060B;font-weight:800;font-size:13px;padding:9px 15px;border-radius:100px;white-space:nowrap}
.mzn .mz-btn.claimed{background:var(--green);color:#fff}
.mzn.done .mz-btn{background:var(--paper);color:var(--muted)}

/* flash mission */
.flash-m{position:relative;overflow:hidden;background:linear-gradient(120deg,#C81E5B,#FF9F0A);border-radius:16px;padding:15px;color:#fff;margin-bottom:10px}
.flash-m .fm-h{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;display:flex;align-items:center;gap:7px}
.flash-m .fm-timer{font-family:'Sora',sans-serif;font-weight:800;font-size:13px;background:rgba(0,0,0,.25);padding:4px 10px;border-radius:100px;margin-left:auto}
.flash-m .fm-row{display:flex;align-items:center;gap:10px}
.flash-m .fm-d{font-size:13px;opacity:.95;margin:8px 0 12px}
.flash-m .fm-btn{background:#fff;color:#C81E5B;font-weight:800;text-align:center;padding:11px;border-radius:12px;font-size:14px}

/* racha ladder */
.streak-hero{background:linear-gradient(135deg,#FF7A59,#C81E5B);border-radius:18px;padding:18px;color:#fff;text-align:center;margin-bottom:8px}
.streak-hero .sh-flame{font-size:44px}
.streak-hero .sh-n{font-family:'Sora',sans-serif;font-weight:800;font-size:34px;line-height:1}
.streak-hero .sh-k{font-size:13px;opacity:.9}
.streak-hero .sh-shield{margin-top:12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:9px 16px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:7px}
.ladder{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ladder .lr{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}
.ladder .lr:last-child{border-bottom:none}
.ladder .lr.hit{background:rgba(24,201,126,.08)}
.ladder .lr-d{width:40px;height:40px;border-radius:10px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;color:var(--navy);flex-shrink:0}
.ladder .lr.hit .lr-d{background:var(--green);color:#fff}
.ladder .lr-tx{flex:1;font-weight:700;font-size:14px;color:var(--navy)}
.ladder .lr-r{font-weight:800;color:#FF9F0A;font-size:14px}
.ladder .lr.hit .lr-r{color:var(--green)}

/* tickets store */
.tk-card{position:relative;overflow:hidden;border-radius:18px;padding:16px;color:#fff;margin-bottom:12px}
.tk-card .tk-em{position:absolute;right:-6px;bottom:-10px;font-size:80px;opacity:.28}
.tk-card .tk-n{font-family:'Sora',sans-serif;font-weight:800;font-size:18px}
.tk-card .tk-cost{font-size:13px;opacity:.92;margin-top:2px}
.tk-card .tk-have{font-size:12px;margin-top:8px;background:rgba(0,0,0,.2);display:inline-block;padding:4px 10px;border-radius:100px}
.tk-card .tk-btn{position:relative;z-index:2;margin-top:12px;background:var(--gold);color:#05060B;font-weight:800;text-align:center;padding:12px;border-radius:12px;font-size:14px}
.tk-card .tk-btn.no{background:rgba(255,255,255,.2);color:#fff}
.tk-100{background:linear-gradient(135deg,#18C97E,#0FA968)}
.tk-moto{background:linear-gradient(135deg,#FF9F0A,#C2410C)}
.tk-veh{background:linear-gradient(135deg,#7C5CFF,#4B2FD6)}
.prize-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.prize-cell{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center}
.prize-cell .pc-e{font-size:30px}
.prize-cell .pc-n{font-family:'Sora',sans-serif;font-weight:800;font-size:18px;color:var(--navy);margin-top:4px}
.prize-cell .pc-k{font-size:11px;color:var(--muted)}

/* advent calendar */
.advent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.adv-cell{aspect-ratio:1;border-radius:12px;background:linear-gradient(160deg,#0B1B33,#1B3A6B);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.1)}
.adv-cell .ad-d{font-family:'Sora',sans-serif;font-weight:800;font-size:20px}
.adv-cell .ad-r{font-size:10px;opacity:.8;margin-top:2px}
.adv-cell.locked{opacity:.45}
.adv-cell.today{border:2px solid var(--gold);box-shadow:0 0 14px rgba(255,197,49,.4)}
.adv-cell.opened{background:linear-gradient(160deg,#18C97E,#0FA968)}
.adv-cell.opened::after{content:"✓";position:absolute;top:5px;right:7px;font-size:12px}
[data-theme="dark"] .mzn,[data-theme="dark"] .ladder,[data-theme="dark"] .prize-cell,[data-theme="dark"] .rifa-tab{background:#0F2444;border-color:#1e3a5f}
[data-theme="dark"] .mzn .mz-n,[data-theme="dark"] .ladder .lr-tx,[data-theme="dark"] .prize-cell .pc-n,[data-theme="dark"] .rifa-sh{color:#EAF0FA}
[data-theme="dark"] .mzn .mz-ic,[data-theme="dark"] .ladder .lr-d{background:#0B1B33}
[data-theme="dark"] .rifa-tabs{background:#0B1B33}
[data-theme="dark"] #s-rifa{background:#0B1B33}

/* ===== AUTH / REGISTRO ===== */
.auth-ov{position:fixed;inset:0;z-index:200;background:linear-gradient(165deg,#0B1B33,#0F2444 55%,#1B3A6B);display:none;flex-direction:column;overflow-y:auto;max-width:520px;margin:0 auto}
.auth-ov.show{display:flex}
.auth-top{padding:calc(env(safe-area-inset-top) + 40px) 28px 10px;text-align:center;color:#fff}
.auth-logo{width:64px;height:64px;margin:0 auto 14px;background:var(--gold);border-radius:18px 18px 18px 6px;position:relative;box-shadow:0 10px 30px rgba(255,197,49,.4)}
.auth-logo::after{content:"";position:absolute;width:20px;height:20px;background:var(--navy);border-radius:50%;top:16px;left:22px}
.auth-h{font-family:'Sora',sans-serif;font-weight:800;font-size:24px}
.auth-s{opacity:.8;font-size:14px;margin-top:6px}
.auth-body{flex:1;padding:24px 28px calc(env(safe-area-inset-bottom) + 24px)}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;color:#EAF0FA;font-size:13px;font-weight:700;margin-bottom:7px}
.auth-inp{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:15px 16px;color:#fff;font-size:16px;font-family:'Inter',sans-serif}
.auth-inp::placeholder{color:rgba(255,255,255,.45)}
.auth-inp:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.14)}
.auth-phone{display:flex;gap:8px}
.auth-phone .cc{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:15px 12px;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}
.auth-btn{width:100%;background:var(--gold);color:#05060B;font-family:'Sora',sans-serif;font-weight:800;font-size:16px;padding:16px;border-radius:14px;text-align:center;margin-top:8px;border:none}
.auth-btn:active{transform:scale(.99)}
.auth-alt{text-align:center;color:#EAF0FA;font-size:14px;margin-top:20px}
.auth-alt b{color:var(--gold)}
.auth-err{display:none;color:#FF8FA8;background:rgba(255,93,143,.14);border:1px solid rgba(255,93,143,.4);border-radius:12px;padding:11px 14px;font-size:13px;margin-bottom:14px}
.auth-legal{text-align:center;color:rgba(255,255,255,.5);font-size:11px;margin-top:18px;line-height:1.5}
.auth-pin{display:flex;gap:10px;justify-content:center;margin:8px 0}
.auth-pin input{width:52px;height:60px;text-align:center;font-size:26px;font-family:'Sora',sans-serif;font-weight:800;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff}
.auth-pin input:focus{outline:none;border-color:var(--gold)}
.auth-plus{background:rgba(24,201,126,.15);border:1px solid rgba(24,201,126,.4);border-radius:12px;padding:12px 14px;color:#8ff0c4;font-size:13px;margin-top:16px;display:flex;gap:9px;align-items:flex-start}
.auth-plus svg{width:18px;height:18px;flex-shrink:0;stroke:#18C97E;margin-top:1px}

/* ===== PAGO MÓVIL destino ===== */
.pm-dest{background:linear-gradient(135deg,#0B1B33,#1B3A6B);border-radius:16px;padding:4px 0;margin:6px 0 4px;color:#fff;overflow:hidden}
.pm-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.pm-row:last-child{border-bottom:none}
.pm-row .pl{font-size:12px;opacity:.7}
.pm-row .pr{display:flex;align-items:center;gap:10px}
.pm-row .pv{font-family:'Sora',sans-serif;font-weight:800;font-size:15px}
.pm-copy{background:rgba(255,197,49,.2);border:1px solid rgba(255,197,49,.4);color:var(--gold);font-size:11px;font-weight:800;padding:5px 10px;border-radius:8px}
.pm-note{background:rgba(46,155,255,.1);border:1px solid rgba(46,155,255,.3);border-radius:12px;padding:12px 14px;font-size:12.5px;color:#9fc9ff;line-height:1.5;margin:12px 0}
.pm-wait{text-align:center;padding:20px 0}
.pm-spin{width:44px;height:44px;border:3px solid rgba(255,197,49,.2);border-top-color:var(--gold);border-radius:50%;margin:0 auto 14px;animation:pm-rot .9s linear infinite}
@keyframes pm-rot{to{transform:rotate(360deg)}}
.pm-ref{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.pm-ref .rl{font-size:12px;color:var(--muted);margin-bottom:8px}
.pm-ref-row{display:flex;gap:8px}
.pm-ref-row input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px;font-family:'Inter',sans-serif}
.pm-ref-row .rb{background:var(--navy);color:#fff;font-weight:800;border-radius:12px;padding:12px 16px;font-size:14px;white-space:nowrap}
.kyc-lock{background:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.35);border-radius:12px;padding:13px 15px;font-size:13px;color:#b8720a;line-height:1.5;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start}
.kyc-lock svg{width:20px;height:20px;flex-shrink:0;stroke:#FF9F0A}
[data-theme="dark"] .pm-ref-row input{background:#0F2444;border-color:#1e3a5f;color:#fff}

/* ===== MOMENTO DEL DINERO — depósito premium ===== */
/* lluvia de monedas sobre el saldo cuando cae la plata */
#coinRain{position:fixed;left:0;right:0;top:0;height:38vh;pointer-events:none;z-index:240;overflow:hidden}
.coin{position:absolute;top:-40px;font-size:26px;will-change:transform,opacity;animation:coinFall linear forwards}
@keyframes coinFall{0%{transform:translateY(-40px) rotate(0deg);opacity:0}8%{opacity:1}100%{transform:translateY(42vh) rotate(360deg);opacity:0}}
/* golpe verde del saldo cuando entra depósito */
@keyframes balDeposit{0%{transform:scale(1)}30%{transform:scale(1.22)}60%{transform:scale(.96)}100%{transform:scale(1)}}
#balTop.bal-deposit{animation:balDeposit .7s cubic-bezier(.34,1.56,.64,1);color:var(--green)!important;text-shadow:0 0 16px rgba(24,201,126,.6)}
/* verificación premium (reemplaza el spinner seco) */
.pm-verify{text-align:center;padding:26px 6px 10px}
.pm-orb{width:76px;height:76px;margin:0 auto 16px;position:relative}
.pm-orb::before{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,197,49,.18);border-top-color:var(--gold);border-right-color:var(--gold);animation:pm-rot 1s linear infinite}
.pm-orb .pm-ic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;animation:pmPulse 1.4s ease-in-out infinite}
@keyframes pmPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
.pm-verify .vt{font-family:'Sora',sans-serif;font-weight:800;font-size:17px;color:var(--navy)}
.pm-verify .vs{color:var(--muted);font-size:13px;margin-top:6px;line-height:1.5}
.pm-steps{margin:18px auto 0;max-width:280px;text-align:left}
.pm-step{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;color:var(--muted);transition:.3s}
.pm-step .sd{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;transition:.3s}
.pm-step.done{color:var(--navy);font-weight:700}
.pm-step.done .sd{background:var(--green);border-color:var(--green);color:#fff}
.pm-step.active .sd{border-color:var(--gold);border-top-color:transparent;animation:pm-rot .8s linear infinite}
[data-theme="dark"] .pm-verify .vt,[data-theme="dark"] .pm-step.done{color:#EAF0FA}

/* ===== FEATURE HUB (genérico) ===== */
#s-feat{background:var(--paper)}
.feat-hero{position:relative;overflow:hidden;color:#fff;padding:calc(env(safe-area-inset-top) + 16px) 18px 20px;background:linear-gradient(160deg,#0B1B33,#1B3A6B)}
.feat-hero .fh-top{display:flex;align-items:center;gap:12px}
.feat-hero .fh-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:20px}
.feat-hero .fh-title{font-family:'Sora',sans-serif;font-weight:800;font-size:19px}
.feat-hero .fh-sub{opacity:.85;font-size:13px;margin-top:10px;line-height:1.4}
.feat-body{padding:16px 18px 40px}
.feat-sh{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:var(--navy);margin:18px 0 10px}
.feat-sh:first-child{margin-top:2px}
.frow{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;margin-bottom:10px}
.frow-flex{display:flex;align-items:center;gap:13px}
.frow .fic{width:42px;height:42px;border-radius:11px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.frow .ftx{flex:1}
.frow .fn{font-weight:700;font-size:14px;color:var(--navy)}
.frow .fs{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}
.frow .fchev{color:var(--muted);font-size:20px}
/* switch reutilizable */
.sw2{width:46px;height:27px;border-radius:100px;background:var(--line);position:relative;flex-shrink:0;transition:background .2s;cursor:pointer}
.sw2::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sw2.on{background:var(--green)}.sw2.on::after{transform:translateX(19px)}
/* límite slider */
.lim-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.lim-row .lv{font-family:'Sora',sans-serif;font-weight:800;color:var(--navy)}
.lim-input{width:100%;-webkit-appearance:none;height:6px;border-radius:100px;background:var(--line);outline:none}
.lim-input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25)}
/* transacción */
.txn{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin-bottom:8px}
.txn .te{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.txn .te.in{background:rgba(24,201,126,.15)}.txn .te.out{background:rgba(255,93,143,.15)}.txn .te.bet{background:rgba(46,155,255,.15)}
.txn .tb{flex:1}
.txn .tn{font-weight:700;font-size:14px;color:var(--navy)}
.txn .td{font-size:11px;color:var(--muted);margin-top:2px}
.txn .ta{text-align:right;font-family:'Sora',sans-serif;font-weight:800;font-size:14px}
.txn .ta.pos{color:var(--green)}.txn .ta.neg{color:#FF5D8F}
.txn .ts{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;margin-top:3px;display:inline-block}
.txn .ts.ok{background:rgba(24,201,126,.15);color:#0FA968}.txn .ts.pend{background:rgba(255,159,10,.15);color:#c2740a}
.txn-tabs{display:flex;gap:6px;margin-bottom:12px}
.txn-tab{flex:1;text-align:center;padding:9px;border-radius:10px;font-weight:700;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line)}
.txn-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
/* bono card */
.bonus-c{position:relative;overflow:hidden;border-radius:16px;padding:15px;color:#fff;margin-bottom:11px;background:linear-gradient(135deg,#7C5CFF,#4B2FD6)}
.bonus-c.b2{background:linear-gradient(135deg,#18C97E,#0FA968)}
.bonus-c.b3{background:linear-gradient(135deg,#FF9F0A,#C2410C)}
.bonus-c .bn{font-family:'Sora',sans-serif;font-weight:800;font-size:16px}
.bonus-c .bd{font-size:12.5px;opacity:.92;margin-top:3px;line-height:1.4}
.bonus-c .bprog{height:7px;border-radius:100px;background:rgba(255,255,255,.25);margin-top:11px;overflow:hidden}
.bonus-c .bprog i{display:block;height:100%;background:#fff;border-radius:100px}
.bonus-c .bpt{font-size:11px;opacity:.9;margin-top:6px}
.bonus-c .bbtn{margin-top:11px;background:rgba(255,255,255,.9);color:#05060B;font-weight:800;text-align:center;padding:10px;border-radius:10px;font-size:13px}
/* VIP */
.vip-hero{background:linear-gradient(135deg,#0B1B33,#3a2f6b);border-radius:18px;padding:20px;color:#fff;text-align:center;margin-bottom:14px}
.vip-badge{font-size:44px}
.vip-tier{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;margin-top:4px}
.vip-prog{height:8px;border-radius:100px;background:rgba(255,255,255,.2);margin:14px 0 6px;overflow:hidden}
.vip-prog i{display:block;height:100%;background:linear-gradient(90deg,#FFC531,#FFB000)}
.vip-pt{font-size:12px;opacity:.85}
.tier-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin-bottom:8px}
.tier-row.cur{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.tier-row .ti{font-size:26px}
.tier-row .tt{flex:1}
.tier-row .ttn{font-weight:800;color:var(--navy);font-size:14px}
.tier-row .tts{font-size:11px;color:var(--muted)}
/* referidos */
.ref-code{background:linear-gradient(135deg,#18C97E,#0FA968);border-radius:16px;padding:18px;color:#fff;text-align:center;margin-bottom:14px}
.ref-code .rc-l{font-size:12px;opacity:.9}
.ref-code .rc-c{font-family:'Sora',sans-serif;font-weight:800;font-size:30px;letter-spacing:3px;margin:6px 0}
.ref-code .rc-share{display:flex;gap:8px;margin-top:12px}
.ref-code .rc-b{flex:1;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:10px;font-weight:800;font-size:13px}
.ref-stat{display:flex;gap:10px;margin-bottom:14px}
.ref-stat .rs{flex:1;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:center}
.ref-stat .rs .v{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:var(--navy)}
.ref-stat .rs .k{font-size:11px;color:var(--muted)}
/* torneos */
.trn{position:relative;overflow:hidden;border-radius:16px;padding:16px;color:#fff;margin-bottom:11px;background:linear-gradient(135deg,#C81E5B,#7A1FD6)}
.trn .tn2{font-family:'Sora',sans-serif;font-weight:800;font-size:16px}
.trn .td2{font-size:12px;opacity:.9;margin-top:3px}
.trn .tpr{display:flex;gap:16px;margin-top:12px}
.trn .tpr .v{font-family:'Sora',sans-serif;font-weight:800;font-size:15px}
.trn .tpr .k{font-size:10px;opacity:.8}
.trn .tbtn{margin-top:12px;background:var(--gold);color:#05060B;font-weight:800;text-align:center;padding:10px;border-radius:10px;font-size:13px}
/* admin */
#s-admin{background:#0B1424}
.adm-hero{padding:calc(env(safe-area-inset-top) + 16px) 18px 16px;color:#fff;background:linear-gradient(160deg,#1a1030,#0B1424)}
.adm-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px}
.adm-kpi{background:#12203A;border:1px solid #1E2C44;border-radius:14px;padding:14px}
.adm-kpi .v{font-family:'Sora',sans-serif;font-weight:800;font-size:20px;color:#EAF0FA}
.adm-kpi .k{font-size:11px;color:#8fa3c0;margin-top:2px}
.adm-sh{font-family:'Sora',sans-serif;font-weight:800;color:#EAF0FA;padding:8px 18px;font-size:14px}
.adm-row{display:flex;align-items:center;gap:12px;background:#12203A;border:1px solid #1E2C44;border-radius:13px;padding:12px 14px;margin:0 18px 8px}
.adm-row .ab{flex:1}
.adm-row .an{font-weight:700;color:#EAF0FA;font-size:14px}
.adm-row .ad{font-size:11px;color:#8fa3c0;margin-top:2px}
.adm-row .aa{display:flex;gap:6px}
.adm-row .aok{background:var(--green);color:#fff;font-weight:800;font-size:12px;padding:8px 12px;border-radius:9px}
.adm-row .ano{background:#FF5D8F;color:#fff;font-weight:800;font-size:12px;padding:8px 12px;border-radius:9px}
.adm-flag{background:rgba(255,159,10,.15);border:1px solid rgba(255,159,10,.4);color:#FFB84D;font-size:11px;padding:3px 8px;border-radius:100px;font-weight:700}
[data-theme="dark"] .frow,[data-theme="dark"] .txn,[data-theme="dark"] .txn-tab,[data-theme="dark"] .tier-row,[data-theme="dark"] .ref-stat .rs{background:#12203A;border-color:#1E2C44}
[data-theme="dark"] .frow .fn,[data-theme="dark"] .txn .tn,[data-theme="dark"] .feat-sh,[data-theme="dark"] .tier-row .ttn,[data-theme="dark"] .ref-stat .rs .v,[data-theme="dark"] .lim-row .lv{color:#EAF0FA}
[data-theme="dark"] .frow .fic,[data-theme="dark"] #s-feat{background:#0B1424}
[data-theme="dark"] #s-feat{background:#0B1424}

/* ===== EXPLORAR: categorías + proveedores (home) ===== */
.cat-scroll{display:flex;gap:9px;overflow-x:auto;padding:2px 18px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cat-scroll::-webkit-scrollbar{display:none}
.cat-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.cat-chip .ce{width:56px;height:56px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 5px 14px rgba(11,27,51,.18)}
.cat-chip .cl{font-size:11px;font-weight:700;color:var(--navy)}
.cat-chip:active .ce{transform:scale(.94)}
.cc-slots{background:linear-gradient(135deg,#7C5CFF,#4B2FD6)}
.cc-live{background:linear-gradient(135deg,#C81E5B,#7A1FD6)}
.cc-sport{background:linear-gradient(135deg,#2E9BFF,#1B5FD9)}
.cc-horse{background:linear-gradient(135deg,#0FA968,#065F46)}
.cc-lot{background:linear-gradient(135deg,#FF9F0A,#C2410C)}
.cc-bingo{background:linear-gradient(135deg,#12C2E9,#0891B2)}
.cc-crash{background:linear-gradient(135deg,#FFB000,#FF5D8F)}
.cc-table{background:linear-gradient(135deg,#18C97E,#0FA968)}
.prov-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 18px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.prov-scroll::-webkit-scrollbar{display:none}
.prov-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;width:62px}
.prov-chip .pe{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 12px rgba(11,27,51,.2)}
.prov-chip .pl{font-size:10.5px;font-weight:700;color:var(--navy);text-align:center;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62px}
.prov-chip:active .pe{transform:scale(.94)}
/* rifa compacta (una línea) */
.rifa-mini{display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#0B1B33,#1B3A6B);border-radius:14px;padding:11px 14px;margin:0 18px;cursor:pointer}
.rifa-mini .rm-ic{font-size:22px}
.rifa-mini .rm-tx{flex:1;color:#fff}
.rifa-mini .rm-h{font-weight:800;font-size:13px;font-family:'Sora',sans-serif}
.rifa-mini .rm-s{font-size:11px;opacity:.8}
.rifa-mini .rm-b{color:#FFC531;font-family:'Sora',sans-serif;font-weight:800;font-size:15px;display:flex;align-items:center;gap:4px}
.rifa-mini .rm-go{color:rgba(255,255,255,.6);font-size:18px}
.sh-row{display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin:20px 0 10px}
.sh-row .t{font-family:'Sora',sans-serif;font-weight:800;font-size:16px;color:var(--navy)}
.sh-row .more{font-size:12px;color:var(--gold2);font-weight:700}
[data-theme="dark"] .cat-chip .cl,[data-theme="dark"] .prov-chip .pl,[data-theme="dark"] .sh-row .t{color:#EAF0FA}

/* ===== ÁREAS: tarjetas grandes con arte (mix Royal+Triunfo) ===== */
.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 18px}
.area-card{position:relative;height:118px;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 8px 20px rgba(11,27,51,.16);display:flex;flex-direction:column;justify-content:flex-end;padding:12px}
.area-card:active{transform:scale(.97)}
.area-card .ac-art{position:absolute;top:-6px;right:-6px;font-size:64px;line-height:1;opacity:.92;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:rotate(8deg)}
.area-card .ac-badge{position:absolute;top:9px;left:9px;background:rgba(0,0,0,.32);backdrop-filter:blur(4px);color:#fff;font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.3px}
.area-card .ac-h{position:relative;color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:15.5px;line-height:1.1;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.area-card .ac-s{position:relative;color:rgba(255,255,255,.9);font-size:10.5px;font-weight:600;margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.area-card.wide{grid-column:1 / -1;height:96px}
.area-card.wide .ac-art{font-size:74px;top:-2px}
.ac-slots{background:linear-gradient(135deg,#7C5CFF,#4B2FD6)}
.ac-live{background:linear-gradient(135deg,#FF4D6D,#B01030)}
.ac-sport{background:linear-gradient(135deg,#2E9BFF,#1B4FD9)}
.ac-horse{background:linear-gradient(135deg,#12B76A,#065F46)}
.ac-lot{background:linear-gradient(135deg,#FF9F0A,#C2410C)}
.ac-bingo{background:linear-gradient(135deg,#F472B6,#9D174D)}
.ac-poker{background:linear-gradient(135deg,#334155,#0F172A)}
.ac-serv{background:linear-gradient(135deg,#0EA5B7,#0B5563)}
.ac-mini{background:linear-gradient(135deg,#FFB000,#FF5D8F)}

/* ===== MARCO LANZADOR DE JUEGO (backend-ready) ===== */
#s-launch{background:#05070D;position:absolute;inset:0;z-index:55}
body.launch-on .topbar,body.launch-on .nav,body.launch-on .fab,body.launch-on .slip-pill{display:none!important}
.ln-top{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 12px) 14px 10px;background:linear-gradient(180deg,rgba(11,27,51,.96),rgba(11,27,51,.82));backdrop-filter:blur(8px);position:relative;z-index:3}
.ln-back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0;cursor:pointer}
.ln-back:active{transform:scale(.9)}
.ln-title{min-width:0;flex:1}
.ln-title .lt-n{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ln-title .lt-p{font-size:11px;color:#9DB0CC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ln-bal{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,197,49,.3);border-radius:22px;padding:6px 8px 6px 12px;flex-shrink:0}
.ln-bal .lb-v{font-family:'Sora',sans-serif;font-weight:800;color:#FFC531;font-size:13.5px}
.ln-bal .lb-plus{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#18C97E,#0FA968);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800;cursor:pointer}
.ln-stage{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}
/* skeleton de carga instantánea */
.ln-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#05070D;z-index:2;transition:opacity .35s}
.ln-load.hide{opacity:0;pointer-events:none}
.ln-badge{width:88px;height:88px;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:44px;box-shadow:0 12px 34px rgba(0,0,0,.5);animation:lnpulse 1.4s ease-in-out infinite}
@keyframes lnpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.ln-load .ll-n{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:17px}
.ln-load .ll-p{font-size:12px;color:#9DB0CC;margin-top:-10px}
.ln-bar{width:150px;height:5px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}
.ln-bar i{display:block;height:100%;width:40%;border-radius:5px;background:linear-gradient(90deg,#FFC531,#FF9F0A);animation:lnbar 1.1s ease-in-out infinite}
@keyframes lnbar{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
/* placeholder honesto del juego del proveedor */
.ln-frame{width:100%;height:100%;border:0;display:block}
.ln-ph{text-align:center;padding:30px;max-width:320px}
.ln-ph .ph-ic{font-size:52px;margin-bottom:14px}
.ln-ph .ph-h{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:19px;margin-bottom:8px}
.ln-ph .ph-s{color:#9DB0CC;font-size:13.5px;line-height:1.5}
.ln-ph .ph-tag{display:inline-block;margin-top:16px;background:rgba(24,201,126,.14);border:1px solid rgba(24,201,126,.4);color:#3BE39A;font-size:11px;font-weight:700;padding:6px 13px;border-radius:20px}
.ln-play{margin-top:20px;background:linear-gradient(135deg,#FFC531,#FF9F0A);color:#0B1B33;font-family:'Sora',sans-serif;font-weight:800;font-size:15px;padding:13px 34px;border-radius:14px;cursor:pointer;box-shadow:0 8px 22px rgba(255,180,0,.35)}
.ln-play:active{transform:scale(.96)}

/* ===== SKELETONS (sensación de velocidad) ===== */
@keyframes shimmer{0%{background-position:-380px 0}100%{background-position:380px 0}}
.sk{background:linear-gradient(90deg,rgba(11,27,51,.06) 25%,rgba(11,27,51,.13) 37%,rgba(11,27,51,.06) 63%);background-size:760px 100%;animation:shimmer 1.3s linear infinite;border-radius:12px}
[data-theme="dark"] .sk{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 37%,rgba(255,255,255,.04) 63%);background-size:760px 100%}
.sk-tile{height:96px;border-radius:16px}
.sk-line{height:13px;margin:7px 0}
.sk-card{height:118px;border-radius:18px}
/* pull-to-refresh */
.ptr{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:700;transition:height .2s;z-index:5;pointer-events:none}
.ptr .ptr-sp{width:20px;height:20px;border:2.5px solid rgba(11,27,51,.15);border-top-color:var(--gold2);border-radius:50%;margin-right:8px}
.ptr.spin .ptr-sp{animation:ptrspin .7s linear infinite}
@keyframes ptrspin{to{transform:rotate(360deg)}}
[data-theme="dark"] .ptr .ptr-sp{border-color:rgba(255,255,255,.15);border-top-color:var(--gold)}

/* ===== RESULTADOS EN VIVO (imán de tráfico — animalitos/triples) ===== */
.rz-hero{margin:0 18px 4px;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,#0B1B33,#12294B);position:relative;overflow:hidden}
.rz-hero .rz-live{display:inline-flex;align-items:center;gap:6px;background:rgba(255,77,109,.2);border:1px solid rgba(255,77,109,.5);color:#FF8098;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:20px}
.rz-hero .rz-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF4D6D;animation:bwpulse 1.1s infinite}
.rz-hero .rz-nx{color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:16px;margin-top:9px}
.rz-hero .rz-nxs{color:#9DB0CC;font-size:11.5px;margin-top:2px}
.rz-hero .rz-cd{display:flex;gap:7px;margin-top:11px}
.rz-hero .rz-u{background:rgba(255,255,255,.09);border-radius:10px;padding:6px 0;min-width:46px;text-align:center}
.rz-hero .rz-u .v{font-family:'Sora',sans-serif;font-weight:800;color:#FFC531;font-size:19px;line-height:1}
.rz-hero .rz-u .k{color:#8298B8;font-size:9px;margin-top:3px;text-transform:uppercase;letter-spacing:.05em}
.rz-tabs{display:flex;gap:8px;padding:0 18px;margin:14px 0 12px;overflow-x:auto;scrollbar-width:none}
.rz-tabs::-webkit-scrollbar{display:none}
.rz-tab{flex-shrink:0;padding:8px 15px;border-radius:22px;background:var(--card,#fff);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--navy);cursor:pointer;white-space:nowrap}
.rz-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
[data-theme="dark"] .rz-tab{background:#12203A;color:#EAF0FA;border-color:#1E2C44}
[data-theme="dark"] .rz-tab.on{background:var(--gold);color:#0B1B33;border-color:var(--gold)}
.rz-house{margin:0 18px 14px;background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(11,27,51,.06)}
[data-theme="dark"] .rz-house{background:#12203A;border-color:#1E2C44}
.rz-hh{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--line)}
[data-theme="dark"] .rz-hh{border-color:#1E2C44}
.rz-hh .rh-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}
.rz-hh .rh-n{font-family:'Sora',sans-serif;font-weight:800;font-size:13.5px;color:var(--navy);flex:1}
[data-theme="dark"] .rz-hh .rh-n{color:#EAF0FA}
.rz-hh .rh-live{font-size:9px;font-weight:800;color:#18C97E;background:rgba(24,201,126,.13);padding:3px 8px;border-radius:20px}
.rz-draws{display:flex;gap:9px;overflow-x:auto;padding:12px 13px;scrollbar-width:none}
.rz-draws::-webkit-scrollbar{display:none}
.rz-d{flex-shrink:0;width:74px;text-align:center}
.rz-d .rd-em{width:56px;height:56px;margin:0 auto;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,#FFF4D6,#FFE39E)}
[data-theme="dark"] .rz-d .rd-em{background:linear-gradient(135deg,#2A2410,#3A3016)}
.rz-d.latest .rd-em{background:linear-gradient(135deg,#FFC531,#FF9F0A);box-shadow:0 4px 12px rgba(255,180,0,.4)}
.rz-d .rd-n{font-family:'Sora',sans-serif;font-weight:800;font-size:11px;color:var(--navy);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .rz-d .rd-n{color:#EAF0FA}
.rz-d .rd-t{font-size:9.5px;color:var(--muted);margin-top:1px}
.rz-d.latest .rd-t{color:#FF9F0A;font-weight:700}
/* triples: número grande en vez de emoji */
.rz-d .rd-num{width:56px;height:56px;margin:0 auto;border-radius:15px;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;font-size:20px;color:var(--navy);background:linear-gradient(135deg,#E8EEFA,#D2DEF3)}
[data-theme="dark"] .rz-d .rd-num{color:#EAF0FA;background:linear-gradient(135deg,#1B2C48,#12203A)}
.rz-d.latest .rd-num{background:linear-gradient(135deg,#FFC531,#FF9F0A);color:#0B1B33;box-shadow:0 4px 12px rgba(255,180,0,.4)}
.rz-play{display:block;margin:2px 13px 13px;text-align:center;background:linear-gradient(135deg,#18C97E,#0FA968);color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:13px;padding:11px;border-radius:12px;cursor:pointer}
.rz-play:active{transform:scale(.98)}
/* CTA de resultados en el home */
.rz-cta{display:flex;align-items:center;gap:12px;margin:12px 18px 0;padding:13px 15px;border-radius:16px;background:linear-gradient(120deg,#1B1035,#3A1466);cursor:pointer;position:relative;overflow:hidden}
.rz-cta .rc-ic{font-size:26px}
.rz-cta .rc-tx{flex:1;color:#fff}
.rz-cta .rc-h{font-family:'Sora',sans-serif;font-weight:800;font-size:14px;display:flex;align-items:center;gap:7px}
.rz-cta .rc-live{font-size:8.5px;font-weight:800;background:#FF4D6D;padding:2px 7px;border-radius:20px}
.rz-cta .rc-s{font-size:11px;opacity:.82;margin-top:2px}
.rz-cta .rc-go{color:#FFC531;font-size:20px}

/* ===== SÚPER PARLEY (gancho de Sellatuparley, mejorado) ===== */
#s-parley{background:radial-gradient(circle at 50% -10%,#241046,#0B1B33 60%)}
.pl-top{padding:calc(env(safe-area-inset-top) + 14px) 18px 6px;display:flex;align-items:center;gap:12px;color:#fff}
.pl-top .pl-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.pl-top .pl-t{font-family:'Sora',sans-serif;font-weight:800;font-size:18px}
.pl-hero{margin:8px 18px 4px;text-align:center;color:#fff}
.pl-hero .ph-big{font-family:'Sora',sans-serif;font-weight:800;font-size:15px}
.pl-hero .ph-sub{font-size:12px;color:#B9A6E8;margin-top:3px}
/* medidor del multiplicador vivo */
.pl-meter{margin:14px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;text-align:center;position:relative;overflow:hidden}
.pl-meter .pm-x{font-family:'Sora',sans-serif;font-weight:800;font-size:44px;color:#FFC531;line-height:1;transition:transform .3s;text-shadow:0 4px 20px rgba(255,197,49,.4)}
.pl-meter .pm-x.pop{transform:scale(1.18)}
.pl-meter .pm-lb{font-size:11px;color:#B9A6E8;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
.pl-meter .pm-win{margin-top:10px;font-family:'Sora',sans-serif;font-weight:800;font-size:17px;color:#18C97E}
.pl-meter .pm-legs{font-size:11.5px;color:#9DB0CC;margin-top:5px}
.pl-fire{position:absolute;top:10px;right:14px;font-size:22px;opacity:0;transition:opacity .3s}
.pl-fire.on{opacity:1;animation:lnpulse 1s infinite}
.pl-sech{color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:14px;margin:6px 18px 10px;display:flex;align-items:center;gap:7px}
.pl-match{margin:0 18px 11px;background:var(--card,#fff);border:1px solid var(--line);border-radius:15px;padding:12px 13px}
[data-theme="dark"] .pl-match{background:#12203A;border-color:#1E2C44}
.pl-match .pm-lg{font-size:10.5px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:9px}
.pl-match .pm-lg .dot{width:6px;height:6px;border-radius:50%;background:#18C97E}
.pl-match .pm-tm{font-family:'Sora',sans-serif;font-weight:800;font-size:14px;color:var(--navy);margin-bottom:10px}
[data-theme="dark"] .pl-match .pm-tm{color:#EAF0FA}
.pl-opts{display:flex;gap:8px}
.pl-opt{flex:1;background:var(--paper,#F6F8FC);border:1.5px solid var(--line);border-radius:11px;padding:9px 6px;text-align:center;cursor:pointer;transition:all .15s}
[data-theme="dark"] .pl-opt{background:#0E1B31;border-color:#1E2C44}
.pl-opt .po-l{font-size:10.5px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-opt .po-o{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:var(--navy);margin-top:3px}
[data-theme="dark"] .pl-opt .po-o{color:#EAF0FA}
.pl-opt.sel{background:linear-gradient(135deg,#7C5CFF,#4B2FD6);border-color:#7C5CFF}
.pl-opt.sel .po-l,.pl-opt.sel .po-o{color:#fff}
.pl-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(11,27,51,.97);backdrop-filter:blur(10px);padding:13px 18px calc(env(safe-area-inset-bottom) + 14px);display:flex;align-items:center;gap:12px;z-index:6;transform:translateY(110%);transition:transform .3s;border-top:1px solid rgba(255,255,255,.1)}
.pl-bar.show{transform:translateY(0)}
.pl-bar .plb-info{flex:1;color:#fff}
.pl-bar .plb-x{font-family:'Sora',sans-serif;font-weight:800;font-size:20px;color:#FFC531}
.pl-bar .plb-s{font-size:11px;color:#9DB0CC}
.pl-bar .plb-btn{background:linear-gradient(135deg,#18C97E,#0FA968);color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:14px;padding:13px 22px;border-radius:13px;cursor:pointer}
.pl-bar .plb-btn:active{transform:scale(.96)}
/* CTA parley en el home */
.pl-cta{display:flex;align-items:center;gap:12px;margin:12px 18px 0;padding:13px 15px;border-radius:16px;background:linear-gradient(120deg,#2D0B4E,#6318A6);cursor:pointer}
.pl-cta .plc-ic{font-size:26px}
.pl-cta .plc-tx{flex:1;color:#fff}
.pl-cta .plc-h{font-family:'Sora',sans-serif;font-weight:800;font-size:14px}
.pl-cta .plc-s{font-size:11px;opacity:.82;margin-top:2px}
.pl-cta .plc-go{color:#FFC531;font-size:20px}

/* ===== GRANDES VICTORIAS (ticker con carátula, del Royal) ===== */
.bigwins-row{display:flex;gap:11px;overflow-x:auto;padding:2px 18px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bigwins-row::-webkit-scrollbar{display:none}
.bw-card{flex-shrink:0;width:132px;background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(11,27,51,.08)}
.bw-art{height:66px;display:flex;align-items:center;justify-content:center;font-size:34px;position:relative}
.bw-art .bw-live{position:absolute;top:6px;left:6px;background:#18C97E;color:#fff;font-size:8px;font-weight:800;padding:2px 6px;border-radius:20px;display:flex;align-items:center;gap:3px}
.bw-art .bw-live::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:bwpulse 1.2s infinite}
@keyframes bwpulse{0%,100%{opacity:1}50%{opacity:.3}}
.bw-info{padding:7px 9px 9px}
.bw-user{font-size:10.5px;color:var(--muted);font-weight:600}
.bw-amt{font-family:'Sora',sans-serif;font-weight:800;color:var(--green);font-size:14px;margin-top:1px}
.bw-game{font-size:9.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .bw-card{background:#12203A;border-color:#1E2C44}
[data-theme="dark"] .bw-user,[data-theme="dark"] .bw-game{color:#8AA0C0}

/* ===== MURO DE CONFIANZA (del Triunfo) ===== */
.trust-wall{margin:22px 18px 8px;padding:16px;background:linear-gradient(135deg,#0B1B33,#12294B);border-radius:18px}
.trust-wall .tw-h{color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:14px;display:flex;align-items:center;gap:7px}
.trust-wall .tw-sub{color:rgba(255,255,255,.6);font-size:11px;margin:3px 0 13px}
.tw-banks{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.tw-bank{background:rgba(255,255,255,.1);color:#EAF0FA;font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:8px;display:flex;align-items:center;gap:5px}
.tw-bank .bk-d{width:7px;height:7px;border-radius:50%}
.tw-seals{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tw-seal{background:rgba(255,197,49,.14);border:1px solid rgba(255,197,49,.35);color:#FFD87A;font-size:9.5px;font-weight:800;padding:4px 9px;border-radius:20px}
.tw-18{margin-left:auto;background:#FF4D6D;color:#fff;font-size:11px;font-weight:800;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* ===== TODOS LOS PROVEEDORES ===== */
.provs-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 18px 20px}
.prov-card{background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 5px 14px rgba(11,27,51,.08)}
.prov-card:active{transform:scale(.97)}
.prov-card .pc-hero{height:74px;position:relative;display:flex;align-items:center;justify-content:center}
.prov-card .pc-em{font-size:38px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.prov-card .pc-body{padding:10px 12px 13px}
.prov-card .pc-n{font-family:'Sora',sans-serif;font-weight:800;font-size:14px;color:var(--navy);display:flex;align-items:center;gap:5px}
.prov-card .pc-n .vf{color:#2E9BFF;font-size:11px}
.prov-card .pc-meta{font-size:10.5px;color:var(--muted);margin-top:3px}
[data-theme="dark"] .prov-card{background:#12203A;border-color:#1E2C44}
[data-theme="dark"] .prov-card .pc-n{color:#EAF0FA}
[data-theme="dark"] .prov-card .pc-meta{color:#8AA0C0}

/* ===== NAV: Depositar protagonista (del Royal) ===== */
.nav .n.dep-cta{flex:0 0 auto;margin-top:-22px}
.nav .n.dep-cta .d{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#18C97E,#0FA968);box-shadow:0 6px 16px rgba(24,201,126,.45);color:#fff;margin-bottom:2px}
.nav .n.dep-cta .d svg{width:26px;height:26px}
.nav .n.dep-cta{color:var(--green);font-weight:800}
.nav .n.dep-cta:active .d{transform:scale(.92)}

/* ===== JUEGO SLOT REAL (pantalla completa) ===== */
#s-slot{background:radial-gradient(circle at 50% 0%,#1B3A6B,#0B1B33 70%)}
.slot-top{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) 18px 8px;color:#fff}
.slot-top .st-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:20px}
.slot-top .st-t{font-family:'Sora',sans-serif;font-weight:800;font-size:17px}
.slot-top .st-bal{margin-left:auto;text-align:right}
.slot-top .st-bal .v{font-family:'Sora',sans-serif;font-weight:800;color:#FFC531;font-size:15px}
.slot-top .st-bal .k{font-size:10px;opacity:.7}
.slot-stage{padding:10px 18px}
.slot-machine{background:linear-gradient(160deg,#12275180,#0B1B33);border:2px solid rgba(255,197,49,.35);border-radius:22px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.4),inset 0 0 30px rgba(255,197,49,.05)}
.slot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.slot-reel{background:#05060B;border-radius:14px;height:210px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}
.slot-reel .sstrip{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center}
.slot-reel .scell{height:70px;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}
.slot-reel.win{border-color:var(--gold);box-shadow:0 0 20px rgba(255,197,49,.5)}
.slot-payline{height:2px;background:linear-gradient(90deg,transparent,rgba(255,197,49,.6),transparent);margin:0 -4px;position:relative;top:-107px;z-index:5;opacity:0;transition:opacity .2s}
.slot-payline.show{opacity:1}
.slot-msg{text-align:center;color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:20px;min-height:30px;margin:14px 0 4px;transition:color .2s}
.slot-controls{display:flex;align-items:center;gap:12px;margin-top:6px}
.slot-bet{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#fff}
.slot-bet .pm{width:32px;height:32px;border-radius:50%;background:rgba(255,197,49,.2);color:var(--gold);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.slot-bet .ba{text-align:center}
.slot-bet .ba .v{font-family:'Sora',sans-serif;font-weight:800;font-size:16px}
.slot-bet .ba .k{font-size:9px;opacity:.6}
.slot-spin{width:78px;height:78px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--gold2));color:#05060B;font-family:'Sora',sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,176,0,.5);flex-shrink:0;border:3px solid rgba(255,255,255,.3)}
.slot-spin:active{transform:scale(.94)}
.slot-spin.spinning{animation:slotpulse .5s infinite}
@keyframes slotpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.slot-auto{display:flex;gap:8px;margin-top:12px;justify-content:center}
.slot-auto .sa{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:100px;padding:8px 15px;font-size:12px;font-weight:700}
.slot-auto .sa.on{background:var(--gold);color:#05060B;border-color:var(--gold)}
.slot-paytable{margin:18px 18px 30px;background:rgba(255,255,255,.05);border-radius:14px;padding:14px}
.slot-paytable .pt-h{color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:13px;margin-bottom:10px}
.slot-paytable .pt-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;color:#EAF0FA;font-size:14px}
.slot-paytable .pt-row .sym{font-size:22px}
.slot-paytable .pt-row .mult{font-family:'Sora',sans-serif;font-weight:800;color:var(--gold)}

/* ticker ganadores en vivo */
.win-ticker{overflow:hidden;background:rgba(11,27,51,.06);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin:2px 0}
.win-ticker .wt-track{display:flex;gap:26px;white-space:nowrap;animation:wtscroll 30s linear infinite;will-change:transform}
.win-ticker .wt-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--navy);font-weight:600}
.win-ticker .wt-item .em{font-size:16px}
.win-ticker .wt-item b{color:var(--green);font-family:'Sora',sans-serif}
@keyframes wtscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
[data-theme="dark"] .win-ticker{background:rgba(255,255,255,.03);border-color:#1E2C44}
[data-theme="dark"] .win-ticker .wt-item{color:#EAF0FA}

/* TOP10 */
.top10{padding:4px 18px}
.t10{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 15px;margin-bottom:9px;cursor:pointer;transition:transform .12s}
.t10:active{transform:scale(.98)}
.t10 .rk{font-family:'Sora';font-weight:800;font-size:19px;color:var(--gold2);width:26px;text-align:center;flex-shrink:0}
.t10 .em{font-size:26px}
.t10 .mid{flex:1}
.t10 .mid .nm{font-family:'Sora';font-weight:700;color:var(--navy);font-size:15px}
.t10 .mid .meta{font-size:12px;color:var(--muted)}
.t10 .fire{font-size:16px}

/* PAYOUTS */
.pay-feed{margin:4px 18px 0;background:linear-gradient(135deg,#0FA968,#18C97E);border-radius:20px;padding:16px 18px;color:#fff;position:relative;overflow:hidden}
.pay-feed .fh{display:flex;align-items:center;gap:8px;font-family:'Sora';font-weight:800;font-size:16px;margin-bottom:4px}
.pay-feed .live{width:9px;height:9px;background:#fff;border-radius:50%;animation:blink 1.2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.pay-ticker{height:44px;overflow:hidden;position:relative}
.pay-list{transition:transform .5s ease}
.pay-item{height:44px;display:flex;align-items:center;justify-content:space-between}
.pay-item .who{font-size:13px;font-weight:600;opacity:.95}
.pay-item .amt{font-family:'Sora';font-weight:800;font-size:17px;background:rgba(255,255,255,.2);padding:5px 12px;border-radius:100px}

/* JACKPOTS */
.jp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 18px}
.jp{border-radius:18px;padding:18px 16px;color:#fff;position:relative;overflow:hidden;cursor:pointer;transition:transform .12s}
.jp:active{transform:scale(.96)}
.jp .glow{position:absolute;right:-30px;top:-30px;width:110px;height:110px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%)}
.jp .lab{font-size:11px;font-weight:700;opacity:.9;letter-spacing:.05em;position:relative}
.jp .amt{font-family:'Sora';font-weight:800;font-size:22px;margin-top:5px;position:relative}
.jp .sub{font-size:11px;opacity:.85;margin-top:2px;position:relative}
.jp-a{background:linear-gradient(135deg,#B24BFF,#7A1FD6)}
.jp-b{background:linear-gradient(135deg,#FF9F0A,#FF5D8F)}

/* HUB */
.hub{padding:20px 18px 8px}
.hub-title{font-family:'Sora';font-weight:800;color:var(--navy);font-size:26px;padding:0 2px 4px}
.hub-sub{color:var(--muted);font-size:15px;padding:0 2px 20px}
.hub-btns{display:grid;gap:16px}
.hub-btn{border-radius:24px;padding:28px 24px;color:#fff;position:relative;overflow:hidden;cursor:pointer;transition:transform .12s;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.hub-btn:active{transform:scale(.97)}
.hub-btn .glow{position:absolute;right:-30px;top:-30px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.hub-btn .big-em{position:absolute;top:18px;right:22px;font-size:56px;opacity:.9;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
.hub-btn .k{font-size:13px;font-weight:700;letter-spacing:.1em;opacity:.9;position:relative}
.hub-btn .h{font-family:'Sora';font-weight:800;font-size:28px;margin-top:6px;position:relative}
.hub-btn .p{font-size:13.5px;opacity:.9;margin-top:5px;position:relative;max-width:80%}
.hb-dep{background:linear-gradient(130deg,#0FA968,#0B7A4B)}
.hb-hip{background:linear-gradient(130deg,#C81E5B,#8A0E3B)}

.sec-title{font-family:'Sora';font-weight:800;color:var(--navy);font-size:24px;padding:20px 20px 4px;display:flex;align-items:center;gap:8px}
.sec-title .back{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0}
.sec-sub{color:var(--muted);font-size:15px;padding:0 20px 16px}

/* MATCHES */
.match{margin:8px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 4px 12px rgba(11,27,51,.04)}
.match .lg{font-size:13px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:7px}
.match .lg .d{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px rgba(24,201,126,.18)}
.match .teams{display:flex;justify-content:space-between;font-family:'Sora';font-size:18px;font-weight:700;color:var(--navy);margin-top:10px}
.odds{display:flex;gap:10px;margin-top:14px}
.odd{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:13px;text-align:center;padding:11px 0;cursor:pointer;transition:transform .12s,background .3s,border-color .3s}
.odd:active{transform:scale(.95)}
.odd .l{font-size:11px;color:var(--muted);font-weight:600}
.odd .n{font-family:'Sora';font-size:18px;font-weight:800;color:var(--navy);margin-top:3px;transition:color .4s}
.odd.hot{background:var(--gold);border-color:var(--gold)}
.odd.sel{background:var(--navy);border-color:var(--navy)}
.odd.sel .l{color:#9DB0CC}.odd.sel .n{color:#fff}
.odd .n.up{color:var(--green)}
.odd .n.down{color:var(--red)}
.odd .arw{font-size:10px;margin-left:2px}

/* RACES */
.race{margin:8px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 18px;box-shadow:0 4px 12px rgba(11,27,51,.04)}
.race .rh{display:flex;justify-content:space-between;align-items:center}
.race .rh .track{font-family:'Sora';font-weight:800;color:var(--navy);font-size:16px}
.race .rh .post{font-size:12px;color:#fff;background:var(--green);padding:4px 10px;border-radius:100px;font-weight:700}
.race .rh .post.soon{background:var(--gold2)}
.horse{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.horse:active{opacity:.6}
.horse .no{width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;font-family:'Sora';font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.horse .hn{flex:1;font-weight:700;color:var(--navy);font-size:14px}
.horse .odd-s{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:16px}

/* LOTERIA */
.lot-cats{padding:18px 18px 4px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 16px;text-align:center;box-shadow:0 5px 14px rgba(11,27,51,.05);cursor:pointer;transition:transform .12s}
.lcard:active{transform:scale(.95)}
.lcard .ic{font-size:38px;margin-bottom:10px}
.lcard h3{font-family:'Sora';font-weight:800;color:var(--navy);font-size:17px;margin-bottom:4px}
.lcard p{color:var(--muted);font-size:12.5px;line-height:1.35}
.lot-h{padding:22px 20px 4px;font-family:'Sora';font-weight:800;color:var(--navy);font-size:20px}
.animals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px 18px}
.animal{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 4px 9px;text-align:center;cursor:pointer;transition:transform .12s}
.animal:active{transform:scale(.9)}
.animal .em{font-size:30px}
.animal .nm{font-size:10.5px;font-weight:700;color:var(--navy);margin-top:5px}
.animal .nu{font-size:10px;color:var(--muted);font-weight:600}
.draws{padding:4px 18px}
.draw{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin-bottom:9px}
.draw .lft{display:flex;align-items:center;gap:12px}
.draw .ball{width:42px;height:42px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;color:var(--navy);font-size:16px}
.draw .info .nm{font-family:'Sora';font-weight:700;color:var(--navy);font-size:14px}
.draw .info .tm{font-size:12px;color:var(--muted)}
.draw .go{color:var(--gold2);font-weight:800;font-size:13px;font-family:'Sora'}
/* resultados anteriores */
.results{display:flex;gap:10px;overflow-x:auto;padding:8px 18px;-webkit-overflow-scrolling:touch}
.results::-webkit-scrollbar{display:none}
.res{min-width:120px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 12px;text-align:center;box-shadow:0 4px 10px rgba(11,27,51,.04)}
.res .em{font-size:32px}
.res .an{font-family:'Sora';font-weight:800;color:var(--navy);font-size:14px;margin-top:5px}
.res .tm{font-size:11px;color:var(--muted);margin-top:2px}
.res .tag{font-size:10px;font-weight:700;color:var(--green);margin-top:5px}

/* CASINO grid */
.games{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 18px}
.game{border-radius:18px;height:150px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:15px;font-family:'Sora';font-weight:800;font-size:16px;color:#fff;cursor:pointer;transition:transform .12s}
.game:active{transform:scale(.96)}
.game::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.5))}
.game span.txt{position:relative;z-index:2}
.game .hot{position:absolute;top:11px;right:11px;background:rgba(0,0,0,.4);font-size:11px;padding:5px 10px;border-radius:100px;z-index:2;font-weight:700}
.promo{margin:6px 18px 0;background:linear-gradient(120deg,var(--navy),#173a6b);border-radius:20px;padding:22px;color:#fff;position:relative;overflow:hidden;cursor:pointer}
.promo .glow{position:absolute;right:-40px;top:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,197,49,.45),transparent 70%)}
.promo .tag{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.13em;position:relative}
.promo .h{font-family:'Sora';font-weight:800;font-size:24px;margin-top:6px;position:relative}
.promo .cta{display:inline-block;margin-top:12px;background:var(--gold);color:var(--navy);font-weight:800;font-size:13px;padding:9px 18px;border-radius:100px;position:relative}
.lot-next{margin:6px 18px 0;background:linear-gradient(120deg,var(--navy),#173a6b);border-radius:20px;padding:20px 22px;color:#fff;position:relative;overflow:hidden;text-align:center}
.lot-next .glow{position:absolute;right:-40px;top:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,197,49,.4),transparent 70%)}
.lot-next .tag{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.13em;position:relative}
.lot-next .h{font-family:'Sora';font-weight:800;font-size:22px;margin-top:5px;position:relative}
.lot-next .time{font-family:'Sora';font-weight:800;font-size:34px;color:var(--gold);margin-top:6px;position:relative;letter-spacing:.02em}

/* BOTTOM NAV */
.nav{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 0 calc(env(safe-area-inset-bottom) + 12px);z-index:20;box-shadow:0 -6px 20px rgba(11,27,51,.06)}
.nav .n{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-weight:600;cursor:pointer;flex:1;transition:color .15s}
.nav .n .d{font-size:23px;display:flex;align-items:center;justify-content:center}
.nav .n .d svg{width:25px;height:25px}
.nav .n.on{color:var(--gold2)}
.nav .n.on .d{transform:none}

/* ===== BET SLIP (ticket flotante) ===== */
.slip-pill{position:absolute;left:18px;right:18px;bottom:calc(env(safe-area-inset-bottom) + 78px);background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(255,176,0,.4);z-index:40;cursor:pointer;transform:translateY(200px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.slip-pill.show{transform:translateY(0)}
.slip-pill .lft{display:flex;align-items:center;gap:11px}
.slip-pill .cnt{background:var(--navy);color:#fff;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:15px}
.slip-pill .txt{font-family:'Sora';font-weight:800;font-size:15px}
.slip-pill .txt .s{font-size:11px;font-weight:600;opacity:.75;display:block}
.slip-pill .open{font-family:'Sora';font-weight:800;font-size:14px;display:flex;align-items:center;gap:5px}

.sheet-bg{position:absolute;inset:0;background:rgba(4,8,16,.55);opacity:0;pointer-events:none;transition:opacity .3s;z-index:90}
.sheet-bg.show{opacity:1;pointer-events:auto}
.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:26px 26px 0 0;z-index:100;transform:translateY(110%);transition:transform .38s cubic-bezier(.2,.8,.2,1);max-height:86%;display:flex;flex-direction:column;max-width:520px;margin:0 auto}
.sheet.show{transform:translateY(0)}
.sheet .grip{width:44px;height:5px;background:#CBD5E6;border-radius:100px;margin:12px auto 4px}
.sheet .sh-top{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 12px;border-bottom:1px solid var(--line)}
.sheet .sh-top .t{font-family:'Sora';font-weight:800;color:var(--navy);font-size:19px}
.sheet .sh-top .clr{font-size:13px;color:var(--red);font-weight:700;cursor:pointer}
.sheet .sl-body{overflow-y:auto;padding:6px 20px 0;flex:1}
.sheet .sl-body::-webkit-scrollbar{display:none}
.sl-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-top:10px}
.sl-item .info{flex:1}
.sl-item .info .p{font-family:'Sora';font-weight:700;color:var(--navy);font-size:14px}
.sl-item .info .m{font-size:12px;color:var(--muted);margin-top:2px}

/* ===== HOJA "¿QUÉ SIGUE?" (enganche de sesión) ===== */
.next-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:26px 26px 0 0;z-index:320;transform:translateY(120%);transition:transform .4s cubic-bezier(.2,.8,.2,1);max-width:520px;margin:0 auto;padding:0 18px calc(env(safe-area-inset-bottom) + 20px);box-shadow:0 -12px 40px rgba(0,0,0,.4)}
.next-sheet.show{transform:translateY(0)}
.next-sheet .grip{width:44px;height:5px;background:#CBD5E6;border-radius:100px;margin:12px auto 6px}
.next-sheet .nx-h{font-family:'Sora';font-weight:800;color:var(--navy);font-size:20px;text-align:center;margin:4px 0 2px}
.next-sheet .nx-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:14px}
.nx-opt{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;margin-top:11px;cursor:pointer;transition:transform .12s,border-color .2s}
.nx-opt:active{transform:scale(.97)}
.nx-opt .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}
.nx-opt .tx{flex:1}
.nx-opt .tx .a{font-family:'Sora';font-weight:800;color:var(--navy);font-size:15px}
.nx-opt .tx .b{font-size:12px;color:var(--muted);margin-top:2px}
.nx-opt .go{font-family:'Sora';font-weight:800;color:var(--gold);font-size:14px}
.nx-opt .arw{color:#CBD5E6;font-size:22px;font-weight:700}
.next-sheet .nx-skip{text-align:center;color:var(--muted);font-size:13px;font-weight:700;padding:14px 0 2px;cursor:pointer}
[data-theme="dark"] .next-sheet{background:#0E1B31}
[data-theme="dark"] .nx-opt{background:#12233D;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .next-sheet .nx-h,[data-theme="dark"] .nx-opt .tx .a{color:#EAF0FA}
.sl-item .o{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:17px}
.sl-item .x{width:26px;height:26px;border-radius:8px;background:#FDE7EA;color:var(--red);display:flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;flex-shrink:0}
.sl-empty{text-align:center;padding:40px 20px;color:var(--muted)}
.sl-empty .em{font-size:48px;margin-bottom:12px}
.sl-empty .h{font-family:'Sora';font-weight:800;color:var(--navy);font-size:17px;margin-bottom:5px}
.chips{display:flex;gap:8px;padding:16px 0 4px}
.chip{flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 0;text-align:center;font-family:'Sora';font-weight:800;color:var(--navy);font-size:14px;cursor:pointer;transition:all .15s}
.chip:active{transform:scale(.94)}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.stake-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 16px;margin-top:10px}
.stake-row .lb{font-size:13px;color:var(--muted);font-weight:600}
.stake-row input{flex:1;border:none;outline:none;text-align:right;font-family:'Sora';font-weight:800;font-size:22px;color:var(--navy);background:none;width:100%}
.sl-summary{padding:14px 0 0}
.sl-summary .r{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--muted)}
.sl-summary .r b{color:var(--navy);font-weight:700}
.sl-summary .win{display:flex;justify-content:space-between;align-items:center;background:#E7F7F0;border-radius:14px;padding:14px 16px;margin-top:8px}
.sl-summary .win .l{font-family:'Sora';font-weight:700;color:#0B7A4B;font-size:14px}
.sl-summary .win .v{font-family:'Sora';font-weight:800;color:#0B7A4B;font-size:22px}
.sl-foot{padding:14px 20px calc(env(safe-area-inset-bottom) + 18px)}
.bet-btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-family:'Sora';font-weight:800;font-size:18px;text-align:center;padding:17px;border-radius:16px;cursor:pointer;box-shadow:0 10px 26px rgba(255,176,0,.4);transition:transform .12s}
.bet-btn:active{transform:scale(.97)}

/* ===== DAILY WHEEL MODAL ===== */
.wheel-modal{position:absolute;inset:0;background:rgba(4,8,16,.75);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:24px}
.wheel-modal.show{opacity:1;pointer-events:auto}
.wheel-modal .wm-title{font-family:'Sora';font-weight:800;color:#fff;font-size:24px;text-align:center;margin-bottom:6px}
.wheel-modal .wm-sub{color:#9DB0CC;font-size:14px;text-align:center;margin-bottom:26px}
.wheel-box{position:relative;width:280px;height:280px}
.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:34px;z-index:5;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}
.wheel{width:280px;height:280px;border-radius:50%;position:relative;transition:transform 4.5s cubic-bezier(.15,.85,.15,1);border:8px solid var(--gold);box-shadow:0 0 0 6px rgba(255,197,49,.2),0 20px 50px rgba(0,0,0,.5)}
.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--gold);z-index:4;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.wheel-spin-btn{margin-top:30px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-family:'Sora';font-weight:800;font-size:18px;padding:16px 44px;border-radius:100px;cursor:pointer;box-shadow:0 10px 30px rgba(255,176,0,.5);transition:transform .12s}
.wheel-spin-btn:active{transform:scale(.95)}
.wheel-close{position:absolute;top:calc(env(safe-area-inset-top) + 20px);right:24px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:6}

/* ===== WIN CELEBRATION ===== */
.win-ov{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(24,201,126,.22),rgba(4,8,16,.97) 60%);backdrop-filter:blur(6px);z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 34px;opacity:0;pointer-events:none;transition:opacity .3s}
.win-ov.show{opacity:1;pointer-events:auto}
.win-ov .trophy{font-size:90px;animation:pop .6s cubic-bezier(.2,1.4,.4,1)}
@keyframes pop{0%{transform:scale(0)}100%{transform:scale(1)}}
.win-ov .wt{font-family:'Sora';font-weight:800;color:#fff;font-size:34px;margin-top:10px;text-align:center}
.win-ov .wa{font-family:'Sora';font-weight:800;color:var(--gold);font-size:44px;margin-top:4px;text-shadow:0 4px 20px rgba(255,197,49,.6)}
.win-ov .ws{color:#9DB0CC;font-size:15px;margin-top:8px;text-align:center;max-width:260px}
.win-ov .wbtn{margin-top:28px;background:var(--gold);color:var(--navy);font-family:'Sora';font-weight:800;font-size:16px;padding:15px 40px;border-radius:100px;cursor:pointer}
.win-ov .wbtn-ghost{margin-top:12px;background:transparent;border:1.5px solid rgba(157,176,204,.4);color:#9DB0CC;font-size:14.5px;padding:13px 28px}
.win-ov .wbtn-ghost:active{transform:scale(.96)}
#confetti{position:absolute;inset:0;z-index:249;pointer-events:none;opacity:0;transition:opacity .3s}
#confetti.show{opacity:1}

/* ===== FLOATING QUICK-PLAY BUTTON ===== */
.fab{position:absolute;right:14px;bottom:120px;width:60px;height:60px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--gold2));box-shadow:0 8px 24px rgba(255,176,0,.5);z-index:45;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;border:3px solid rgba(255,255,255,.35);transition:opacity .4s ease}
.fab.idle{opacity:.42}
.fab:active{cursor:grabbing}
.fab .fab-ic{font-size:30px;animation:fabpulse 2.2s ease-in-out infinite}
@keyframes fabpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.fab .fab-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--gold);animation:fabring 2s ease-out infinite;pointer-events:none}
@keyframes fabring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.fab-lbl{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:var(--navy);color:#fff;font-family:'Sora';font-weight:700;font-size:11px;padding:6px 11px;border-radius:100px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.3)}

/* QUICK SLOT MODAL */
.qs-bg{position:absolute;inset:0;background:rgba(4,8,16,.7);z-index:210;opacity:0;pointer-events:none;transition:opacity .3s;display:flex;align-items:center;justify-content:center;padding:24px}
.qs-bg.show{opacity:1;pointer-events:auto}
.qs{width:100%;max-width:360px;background:linear-gradient(160deg,var(--navy),var(--navy3));border:1px solid rgba(255,197,49,.3);border-radius:26px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.6);transform:scale(.9);transition:transform .3s}
.qs-bg.show .qs{transform:scale(1)}
.qs .qh{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.qs .qh .t{font-family:'Sora';font-weight:800;color:#fff;font-size:19px}
.qs .qh .x{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
.qs .qsub{color:#9DB0CC;font-size:12.5px;margin-bottom:16px}
.qs-reels{display:flex;gap:10px;background:#02060E;border:2px solid var(--gold);border-radius:18px;padding:18px;justify-content:center;box-shadow:inset 0 4px 16px rgba(0,0,0,.6)}
.reel{width:74px;height:90px;background:#0F2444;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.reel .strip{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}
.reel .strip .sym{height:90px;display:flex;align-items:center;justify-content:center;font-size:44px}
.qs-win{text-align:center;font-family:'Sora';font-weight:800;font-size:17px;margin:14px 0 4px;min-height:24px;transition:color .2s}
.qs-spin{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-family:'Sora';font-weight:800;font-size:17px;text-align:center;padding:15px;border-radius:15px;cursor:pointer;margin-top:10px;transition:transform .12s}
.qs-spin:active{transform:scale(.96)}
.qs-bet{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;color:#9DB0CC;font-size:13px}
.qs-bet .amt{font-family:'Sora';font-weight:800;color:#fff;font-size:16px}
.qs-bet .pm{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;font-weight:700}

/* toast */
.toast{position:absolute;bottom:150px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--navy);border:1px solid rgba(255,197,49,.4);color:#fff;padding:13px 22px;border-radius:100px;font-weight:600;font-size:14px;z-index:300;transition:transform .38s,opacity .38s,visibility .38s;box-shadow:0 12px 30px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap;font-family:'Sora';max-width:90%;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}

/* ===== TOP BALANCE BAR (fija, anclada arriba) ===== */
.topbar{flex-shrink:0;background:linear-gradient(150deg,var(--navy),var(--navy2));padding:calc(env(safe-area-inset-top) + 10px) 15px 12px;display:flex;align-items:center;justify-content:space-between;color:#fff;z-index:30;box-shadow:0 2px 14px rgba(4,8,16,.28)}
.tb-brand{display:flex;align-items:center;gap:9px}
.pin.sm{width:34px;height:34px;border-radius:11px 11px 11px 3px;box-shadow:0 4px 10px rgba(255,176,0,.4)}
.pin.sm::after{width:11px;height:11px}
.tb-wm{font-family:'Sora';font-weight:800;font-size:19px;letter-spacing:-.01em}
.tb-wm span{color:var(--gold)}
.tb-right{display:flex;align-items:center;gap:9px}
.tb-bal{text-align:right;line-height:1.05;cursor:pointer;padding:2px 4px}
.tb-bal:active{opacity:.7}
.tb-k{font-size:9.5px;color:#9DB0CC;font-weight:600;letter-spacing:.02em}
.tb-v{font-family:'Sora';font-weight:800;font-size:16px;color:var(--gold);margin-top:1px;transition:color .25s,transform .25s}
#balTop.bal-up{color:var(--green);animation:balpop .5s ease}
#balTop.bal-down{color:#FF6B6B;animation:balpop .5s ease}
@keyframes balpop{0%{transform:scale(1)}35%{transform:scale(1.16)}100%{transform:scale(1)}}
/* feel táctil global: micro-rebote al presionar cualquier cosa cliqueable */
.tap-press{transform:scale(.965)!important;transition:transform .07s ease!important;filter:brightness(.97)}
/* ===== JUGADA EN CURSO — enganche de espera del sorteo ===== */
.live-play{margin:14px 20px 0;border-radius:20px;padding:16px 18px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1B0F3D,#3A1D6E 55%,#5B21B6);box-shadow:0 12px 30px rgba(91,33,182,.35);color:#fff}
.live-play .lp-glow{position:absolute;top:-40%;right:-10%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,197,49,.35),transparent 70%);pointer-events:none}
.live-play .lp-top{display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.live-play .lp-em{font-size:38px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:lp-bob 2.6s ease-in-out infinite}
@keyframes lp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.live-play .lp-info{flex:1;min-width:0}
.live-play .lp-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#FFD873;text-transform:uppercase}
.live-play .lp-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#18C97E;box-shadow:0 0 8px #18C97E;animation:lt-pulse 1.4s infinite}
.live-play .lp-name{font-family:'Sora';font-weight:800;font-size:16px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-play .lp-sub{font-size:12px;color:rgba(255,255,255,.72);margin-top:1px}
.live-play .lp-cd{display:flex;gap:7px;margin:14px 0 4px;position:relative;z-index:2}
.live-play .lp-u{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:7px 0;flex:1;text-align:center}
.live-play .lp-u .v{font-family:'Sora';font-weight:800;font-size:22px;line-height:1}
.live-play .lp-u .k{font-size:9px;color:rgba(255,255,255,.6);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}
.live-play .lp-btn{display:block;text-align:center;background:var(--gold);color:#05060B;font-family:'Sora';font-weight:800;font-size:14px;padding:12px;border-radius:13px;margin-top:12px;position:relative;z-index:2}
.live-play.ready{background:linear-gradient(135deg,#0B3D2E,#0FA968 60%,#18C97E)}
.live-play.ready .lp-tag{color:#EAFFF6}
/* ===== PRIMEROS PASOS — guía del novato (no bloquea, descartable) ===== */
.coach{margin:14px 20px 0;border-radius:20px;padding:16px 18px 14px;position:relative;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 22px rgba(11,27,51,.07)}
.coach .co-x{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(11,27,51,.06);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}
.coach .co-h{font-family:'Sora';font-weight:800;color:var(--navy);font-size:16px;padding-right:30px}
.coach .co-s{font-size:12.5px;color:var(--muted);margin-top:2px}
.coach .co-bar{height:6px;border-radius:100px;background:rgba(11,27,51,.08);margin:13px 0 4px;overflow:hidden}
.coach .co-bar span{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.coach .co-pct{font-size:11px;font-weight:700;color:var(--gold2);text-align:right;margin-bottom:8px}
.coach .co-step{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.coach .co-ck{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;border:2px solid var(--line);color:var(--muted)}
.coach .co-step.done .co-ck{background:var(--green);border-color:var(--green);color:#fff}
.coach .co-tx{flex:1;min-width:0}
.coach .co-tx .a{font-family:'Sora';font-weight:700;color:var(--navy);font-size:13.5px}
.coach .co-step.done .co-tx .a{color:var(--muted);text-decoration:line-through}
.coach .co-tx .b{font-size:11px;color:var(--muted);margin-top:1px}
.coach .co-go{font-family:'Sora';font-weight:800;font-size:12px;color:#05060B;background:var(--gold);padding:8px 14px;border-radius:100px;flex-shrink:0}
.coach .co-step.done .co-go{display:none}
.coach .co-star{font-size:11px;font-weight:700;color:var(--gold2);flex-shrink:0}
[data-theme="dark"] .coach{background:#0E1B31;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .coach .co-h,[data-theme="dark"] .coach .co-tx .a{color:#EAF0FA}
[data-theme="dark"] .coach .co-step{border-color:rgba(255,255,255,.08)}
.tb-add{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 14px rgba(255,176,0,.42);transition:transform .12s}
.tb-add:active{transform:scale(.9)}
.tb-add svg{width:20px;height:20px;stroke:var(--navy);stroke-width:2.6}
.tb-bell{position:relative;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tb-bell:active{opacity:.7}
.tb-bell svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2}
.tb-bell .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;background:var(--gold);border-radius:50%;border:2px solid var(--navy2)}
.tb-bell .dot.hide{display:none}
.stage{flex:1;position:relative;overflow:hidden}

/* ===== DEPOSIT / WITHDRAW sheet extra ===== */
.dep-method{display:flex;gap:10px;padding:14px 0 4px}
.dep-m{flex:1;background:#fff;border:2px solid var(--line);border-radius:15px;padding:14px 10px;text-align:center;cursor:pointer;transition:all .15s}
.dep-m.on{border-color:var(--gold2);background:#FFFBEF}
.dep-m .mi{width:36px;height:36px;border-radius:10px;background:#FFF3D6;display:flex;align-items:center;justify-content:center;margin:0 auto 7px}
.dep-m .mi svg{width:20px;height:20px;stroke:var(--gold2);fill:none;stroke-width:2}
.dep-m .mn{font-family:'Sora';font-weight:700;color:var(--navy);font-size:13px}
.dep-m .ms{font-size:10.5px;color:var(--muted);margin-top:2px}
.dep-info{background:#E9EEFF;border-radius:14px;padding:13px 15px;margin-top:12px;display:flex;gap:10px;align-items:flex-start}
.dep-info svg{width:18px;height:18px;stroke:#3355CC;fill:none;stroke-width:2;flex-shrink:0;margin-top:1px}
.dep-info .t{font-size:12.5px;color:#33459C;line-height:1.4}
.lbl-sm{font-size:12px;color:var(--muted);font-weight:700;margin:16px 0 2px}

/* ===== TICKETS (Mis apuestas) ===== */
.tk-tabs{display:flex;gap:8px;padding:6px 18px 4px}
.tk-tab{flex:1;text-align:center;padding:11px 0;border-radius:12px;font-family:'Sora';font-weight:700;font-size:14px;color:var(--muted);background:#fff;border:1px solid var(--line);cursor:pointer}
.tk-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tk{margin:10px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 16px;box-shadow:0 4px 12px rgba(11,27,51,.04)}
.tk .tkh{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.tk .tkh .lg{font-size:12px;color:var(--muted);font-weight:600}
.badge{font-size:11px;font-weight:800;padding:5px 11px;border-radius:100px;font-family:'Sora';display:flex;align-items:center;gap:6px}
.badge.live{background:#E7F7F0;color:#0B7A4B}
.badge.live .dot{width:7px;height:7px;background:#18C97E;border-radius:50%;animation:blink 1.2s infinite}
.badge.won{background:#E7F7F0;color:#0B7A4B}
.badge.lost{background:#FDE7EA;color:#C81E5B}
.badge.wait{background:#FFF3D6;color:#B8860B}
.tk-sel{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.tk-sel:first-of-type{border-top:none}
.tk-sel .p{font-family:'Sora';font-weight:700;color:var(--navy);font-size:14px}
.tk-sel .m{font-size:11.5px;color:var(--muted);margin-top:1px}
.tk-sel .o{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:15px}
.tk-sel .ck{width:20px;height:20px;flex-shrink:0}
.tk-live{background:var(--paper);border-radius:12px;padding:10px 13px;margin:8px 0 2px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--navy);font-weight:600}
.tk-live .sc{font-family:'Sora';font-weight:800;color:var(--green)}
.tk-foot{display:flex;justify-content:space-between;align-items:center;padding-top:11px;margin-top:6px;border-top:1px dashed var(--line)}
.tk-foot .k{font-size:12px;color:var(--muted)}
.tk-foot .v{font-family:'Sora';font-weight:800;color:var(--navy);font-size:15px}
.tk-foot .v.win{color:#0B7A4B}
.tk-foot .v.lose{color:var(--red)}

/* ===== MATCH DETAIL ===== */
.mhero{margin:6px 18px 0;background:linear-gradient(130deg,var(--navy),#173a6b);border-radius:20px;padding:18px 20px;color:#fff;position:relative;overflow:hidden}
.mhero .glow{position:absolute;right:-40px;top:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,197,49,.35),transparent 70%)}
.mhero .lg{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.08em;position:relative}
.mhero .mt{display:flex;justify-content:space-between;align-items:center;margin-top:12px;position:relative}
.mhero .tm{text-align:center;flex:1}
.mhero .tm .nm{font-family:'Sora';font-weight:800;font-size:18px}
.mhero .sc{font-family:'Sora';font-weight:800;font-size:30px;padding:0 14px}
.mhero .st{margin-top:12px;font-size:12.5px;color:#9DB0CC;position:relative;display:flex;align-items:center;gap:7px}
.mhero .st .d{width:8px;height:8px;background:var(--green);border-radius:50%;animation:blink 1.2s infinite}
.mkt{margin:12px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;box-shadow:0 4px 12px rgba(11,27,51,.04)}
.mkt .mkh{font-family:'Sora';font-weight:800;color:var(--navy);font-size:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mkt .mkh .c{font-size:11px;color:var(--muted);font-weight:600}
.mkt .og{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mkt .og.c3{grid-template-columns:1fr 1fr 1fr}
.mkt .ob{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:transform .12s,background .3s,border-color .3s}
.mkt .ob:active{transform:scale(.96)}
.mkt .ob.sel{background:var(--navy);border-color:var(--navy)}
.mkt .ob.sel .l{color:#9DB0CC}.mkt .ob.sel .o{color:#fff}
.mkt .ob .l{font-size:12.5px;color:var(--navy);font-weight:600}
.mkt .ob .o{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:16px}
.mkt.c3 .ob{flex-direction:column;gap:4px;text-align:center}
.mkt.c3 .ob .l{font-size:11px;color:var(--muted)}
.match .more-mkt{margin-top:12px;text-align:center;font-family:'Sora';font-weight:700;color:var(--gold2);font-size:13px;background:#FFFBEF;border-radius:11px;padding:10px;cursor:pointer}
.match .more-mkt:active{opacity:.6}
/* skeleton loading */
.sk{background:linear-gradient(90deg,#E7ECF5 25%,#F1F5FB 50%,#E7ECF5 75%);background-size:400% 100%;animation:shimmer 1.25s infinite;border-radius:12px}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.mkt-sk{display:none}
.mkt-sk.on{display:block}

/* ===== NOTIFICATIONS ===== */
.ntf{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 15px;margin:0 18px 10px;position:relative;cursor:pointer;transition:transform .12s}
.ntf:active{transform:scale(.98)}
.ntf .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ntf .ic svg{width:22px;height:22px;fill:none;stroke-width:2}
.ntf .ic.win{background:#E7F7F0}.ntf .ic.win svg{stroke:#0B7A4B}
.ntf .ic.draw{background:#EDE7FF}.ntf .ic.draw svg{stroke:#7A1FD6}
.ntf .ic.promo{background:#FFF3D6}.ntf .ic.promo svg{stroke:var(--gold2)}
.ntf .ic.money{background:#E9EEFF}.ntf .ic.money svg{stroke:#3355CC}
.ntf .mid{flex:1}
.ntf .mid .t{font-family:'Sora';font-weight:700;color:var(--navy);font-size:14px}
.ntf .mid .d{font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.ntf .mid .tm{font-size:11px;color:#B4C0D4;margin-top:5px;font-weight:600}
.ntf.unread{background:#FBFCFF}
.ntf.unread::after{content:"";position:absolute;top:15px;right:15px;width:9px;height:9px;background:var(--gold2);border-radius:50%}
.ntf-day{padding:16px 20px 6px;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}

/* ===== SUPPORT CHAT ===== */
#s-soporte{display:flex;flex-direction:column}
.chat{flex:1;overflow-y:auto;padding:12px 16px 6px;display:flex;flex-direction:column;gap:9px;-webkit-overflow-scrolling:touch}
.chat::-webkit-scrollbar{display:none}
.msg{max-width:82%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.42}
.msg.bot{background:#fff;border:1px solid var(--line);color:var(--navy);border-bottom-left-radius:5px;align-self:flex-start;box-shadow:0 3px 10px rgba(11,27,51,.04)}
.msg.me{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-weight:600;border-bottom-right-radius:5px;align-self:flex-end}
.msg.typing{display:flex;gap:4px;align-items:center;padding:14px 16px}
.msg.typing span{width:7px;height:7px;background:#B4C0D4;border-radius:50%;animation:tdot 1.2s infinite}
.msg.typing span:nth-child(2){animation-delay:.2s}.msg.typing span:nth-child(3){animation-delay:.4s}
@keyframes tdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.chat-agent{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}
.chat-agent .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat-agent .av svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:2}
.chat-agent .ci .n{font-family:'Sora';font-weight:800;color:var(--navy);font-size:15px}
.chat-agent .ci .s{font-size:11.5px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:5px}
.chat-agent .ci .s .d{width:7px;height:7px;background:var(--green);border-radius:50%}
.qreplies{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 6px}
.qr{background:#fff;border:1px solid var(--gold2);color:var(--navy);font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:100px;cursor:pointer;transition:transform .12s}
.qr:active{transform:scale(.95)}
.chat-in{display:flex;gap:10px;align-items:center;padding:12px 16px calc(env(safe-area-inset-bottom) + 82px);border-top:1px solid var(--line);background:#fff}
.chat-in input{flex:1;border:1px solid var(--line);border-radius:100px;padding:13px 17px;font-size:14px;outline:none;font-family:'Inter';background:var(--paper)}
.chat-in .send{width:47px;height:47px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.chat-in .send svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:2}

/* ===== SPLASH / LOADING SKELETON ===== */
.splash{position:fixed;inset:0;background:var(--navy);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .35s;gap:16px}
.splash.hide{opacity:0;pointer-events:none}
.splash .pin{width:72px;height:72px;border-radius:22px 22px 22px 7px;animation:splashpulse 1.4s ease-in-out infinite}
.splash .pin::after{width:24px;height:24px}
@keyframes splashpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
.splash .sw{font-family:'Sora';font-weight:800;font-size:28px;color:#fff;width:auto;height:auto;background:none;border-radius:0;position:static;margin-left:0}
.splash .sw::after{display:none;content:none}
.splash .sw span{color:var(--gold)}
.splash .sl{font-size:13px;color:#9DB0CC}
.splash .bar{width:130px;height:5px;border-radius:100px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:4px}
.splash .bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:100px;animation:loadbar 1.1s ease-in-out infinite}
@keyframes loadbar{0%{margin-left:-40%}100%{margin-left:100%}}

/* ===== MENÚ (botón ☰) ===== */
.tb-menu{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:4px}
.tb-menu:active{opacity:.6}
.tb-menu svg{width:21px;height:21px;stroke:#fff}
.tb-brand{gap:10px}

/* ===== DRAWER ===== */
.drawer-bg{position:absolute;inset:0;background:rgba(4,8,16,.55);opacity:0;pointer-events:none;transition:opacity .3s;z-index:400}
.drawer-bg.show{opacity:1;pointer-events:auto}
.drawer{position:absolute;top:0;left:0;bottom:0;width:82%;max-width:340px;background:var(--paper);z-index:401;transform:translateX(-102%);transition:transform .34s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:8px 0 40px rgba(4,8,16,.4)}
.drawer.show{transform:translateX(0)}
.dw-user{background:linear-gradient(155deg,var(--navy),var(--navy2));padding:calc(env(safe-area-inset-top) + 16px) 18px 18px;color:#fff;flex-shrink:0}
.dw-top{display:flex;align-items:center;gap:12px}
.dw-av{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;color:var(--navy);font-size:17px;flex-shrink:0}
.dw-ui{flex:1;min-width:0}
.dw-n{font-family:'Sora';font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dw-m{font-size:12px;color:#9DB0CC;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dw-x{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.dw-x svg{width:18px;height:18px;stroke:#fff}
.dw-bal{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:13px 16px;margin-top:15px}
.dw-bk{font-size:11.5px;color:#9DB0CC;font-weight:600}
.dw-bv{font-family:'Sora';font-weight:800;font-size:24px;color:var(--gold);margin-top:2px}
.dw-acts{display:flex;gap:10px;margin-top:12px}
.dw-b{flex:1;background:var(--gold);color:var(--navy);text-align:center;padding:12px;border-radius:13px;font-family:'Sora';font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s}
.dw-b svg{width:17px;height:17px;stroke:var(--navy)}
.dw-b:active{transform:scale(.96)}
.dw-b.gh{background:rgba(255,255,255,.12);color:#fff}
.dw-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 30px}
.dw-scroll::-webkit-scrollbar{display:none}
.dw-sec{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:16px 20px 5px}
.dw-item{display:flex;align-items:center;gap:14px;padding:13px 20px;font-family:'Sora';font-weight:600;color:var(--navy);font-size:15px;cursor:pointer;transition:background .12s}
.dw-item:active{background:#EEF2FA}
.dw-item .di{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.dw-item .di svg{width:23px;height:23px;stroke:var(--gold2);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dw-item .dw-ch{margin-left:auto;color:#CBD5E6;font-size:20px;font-weight:400}
[data-theme="dark"] .dw-item{color:#EAF0FA}
[data-theme="dark"] .dw-item:active{background:#16233D}
[data-theme="dark"] .dw-item .dw-ch{color:#5A6B87}
.dw-foot{text-align:center;font-size:12px;color:var(--muted);padding:24px 20px 10px}
.dw-item .fav-star{margin-left:auto;font-size:18px}
.hello-name{font-family:'Sora';font-weight:800;color:var(--navy);font-size:20px;line-height:1.2}
.hello-name .hello-sub{font-family:'Inter';font-weight:600;font-size:13px;color:var(--gold2);margin-top:3px}
[data-theme="dark"] .hello-name{color:#EAF0FA}
[data-theme="dark"] .hello-name .hello-sub{color:var(--gold)}

/* ===== MODO OSCURO ===== */
[data-theme="dark"]{
  --navy:#0A1526; --navy2:#0E1E38; --navy3:#060F1E;
  --paper:#0B1424; --muted:#7E90AE; --line:#1E2C44;
}
[data-theme="dark"] body{background:#0B1424;color:#EAF0FA}
[data-theme="dark"] .tile,[data-theme="dark"] .sug,[data-theme="dark"] .match,[data-theme="dark"] .race,
[data-theme="dark"] .lcard,[data-theme="dark"] .t10,[data-theme="dark"] .draw,[data-theme="dark"] .res,
[data-theme="dark"] .tk,[data-theme="dark"] .mkt,[data-theme="dark"] .ntf,[data-theme="dark"] .search-home,
[data-theme="dark"] .animal,[data-theme="dark"] .tk-tab,[data-theme="dark"] .chip,[data-theme="dark"] .dep-m,
[data-theme="dark"] .stake-row,[data-theme="dark"] .msg.bot,[data-theme="dark"] .sec-title .back,
[data-theme="dark"] .qr,[data-theme="dark"] .sr-item,[data-theme="dark"] .cont-card{
  background:#12203A;border-color:#1E2C44;color:#EAF0FA;
}
[data-theme="dark"] .nav,[data-theme="dark"] .sheet,[data-theme="dark"] .drawer,[data-theme="dark"] .chat-agent,[data-theme="dark"] .chat-in{background:#0E1B31}
[data-theme="dark"] .tile .t,[data-theme="dark"] .match .teams,[data-theme="dark"] .odd .n,[data-theme="dark"] .sug .mt,
[data-theme="dark"] .t10 .mid .nm,[data-theme="dark"] .draw .info .nm,[data-theme="dark"] .res .an,[data-theme="dark"] .lcard h3,
[data-theme="dark"] .lot-h,[data-theme="dark"] .sh .t,[data-theme="dark"] .tk-sel .p,[data-theme="dark"] .ntf .mid .t,
[data-theme="dark"] .mkt .mkh,[data-theme="dark"] .dw-n,[data-theme="dark"] .msg.bot,[data-theme="dark"] .hub-title,
[data-theme="dark"] .sec-title{color:#EAF0FA}
/* fix dark: textos de la hoja depósito/retiro/KYC que usaban var(--navy) */
[data-theme="dark"] .sheet .sh-top .t,[data-theme="dark"] .dep-m .mn,
[data-theme="dark"] .auth-field label,[data-theme="dark"] .kyc-inp{color:#EAF0FA!important}
[data-theme="dark"] .kyc-inp{background:#12203A!important;border-color:#1E2C44!important}
[data-theme="dark"] .odd,[data-theme="dark"] .horse .no~*,[data-theme="dark"] .sug .pick,[data-theme="dark"] .tk-live,[data-theme="dark"] .mkt .ob{background:#0B1424;border-color:#1E2C44}
[data-theme="dark"] .chat-in input{background:#0B1424;border-color:#1E2C44;color:#EAF0FA}
[data-theme="dark"] .search-home input{color:#EAF0FA}
[data-theme="dark"] .horse{border-color:#1E2C44}

/* ===== BUSCADOR (overlay) ===== */
.search-ov{position:absolute;inset:0;background:var(--paper);z-index:410;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .25s}
.search-ov.show{opacity:1;pointer-events:auto}
.sr-bar{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(150deg,var(--navy),var(--navy2))}
.sr-bar .sr-in{flex:1;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:12px 15px}
.sr-bar .sr-in svg{width:19px;height:19px;stroke:#9DB0CC;fill:none;stroke-width:2}
.sr-bar .sr-in input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:16px;font-family:'Inter'}
.sr-bar .sr-in input::placeholder{color:#9DB0CC}
.sr-bar .sr-cancel{color:#fff;font-size:14px;font-weight:700;font-family:'Sora';cursor:pointer;white-space:nowrap}
.sr-body{flex:1;overflow-y:auto;padding:8px 0 30px}
.sr-body::-webkit-scrollbar{display:none}
.sr-lbl{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:16px 18px 6px}
.sr-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 18px 8px}
.sr-chip{background:var(--gold);color:var(--navy);font-family:'Sora';font-weight:700;font-size:12.5px;padding:8px 14px;border-radius:100px;cursor:pointer}
.sr-item{display:flex;align-items:center;gap:13px;padding:13px 18px;cursor:pointer;transition:background .12s}
.sr-item:active{background:rgba(143,161,189,.12)}
.sr-item .se{width:40px;height:40px;border-radius:11px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.sr-item .st{flex:1;min-width:0}
.sr-item .st .n{font-family:'Sora';font-weight:700;color:var(--navy);font-size:15px}
.sr-item .st .m{font-size:12px;color:var(--muted);margin-top:1px}
.sr-item .sc{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:16px}
.sr-empty{text-align:center;color:var(--muted);padding:50px 30px;font-size:14px}
.sr-empty .em{font-size:44px;margin-bottom:10px}

/* ===== CONTINÚA DONDE QUEDASTE ===== */
.cont-row{display:flex;gap:12px;overflow-x:auto;padding:6px 18px 4px;-webkit-overflow-scrolling:touch}
.cont-row::-webkit-scrollbar{display:none}
.cont-card{min-width:150px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 14px;cursor:pointer;box-shadow:0 4px 12px rgba(11,27,51,.05);transition:transform .12s;position:relative}
.cont-card:active{transform:scale(.96)}
.cont-card .ce{font-size:26px}
.cont-card .cn{font-family:'Sora';font-weight:700;color:var(--navy);font-size:14px;margin-top:6px}
.cont-card .cm{font-size:11.5px;color:var(--muted);margin-top:2px}
.cont-card .cgo{margin-top:8px;font-family:'Sora';font-weight:800;color:var(--gold2);font-size:12px}

/* ===== FAVORITOS ===== */
.fav-row{display:flex;gap:12px;overflow-x:auto;padding:6px 18px 4px;-webkit-overflow-scrolling:touch}
.fav-row::-webkit-scrollbar{display:none}
.fav-btn{position:absolute;top:9px;left:9px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:15px;z-index:3;cursor:pointer;backdrop-filter:blur(3px)}
.fav-empty{padding:2px 18px 4px;color:var(--muted);font-size:13px;line-height:1.4}

/* ===== HELP / "¿cómo juego?" ===== */
.help-chip{display:inline-flex;align-items:center;gap:6px;margin:0 18px 8px;background:#EAF1FF;color:#3355CC;border:1px solid #D6E2FF;border-radius:100px;padding:9px 15px;font-size:13px;font-weight:700;font-family:'Sora';cursor:pointer}
.help-chip svg{width:16px;height:16px;stroke:#3355CC;fill:none;stroke-width:2.2}
[data-theme="dark"] .help-chip{background:#152443;color:#8FB4FF;border-color:#25406E}
.help-modal{position:absolute;inset:0;background:rgba(4,8,16,.6);z-index:420;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .3s}
.help-modal.show{opacity:1;pointer-events:auto}
.help-card{background:var(--paper);width:100%;border-radius:24px 24px 0 0;padding:24px 22px calc(env(safe-area-inset-bottom) + 26px);transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:520px;margin:0 auto}
.help-modal.show .help-card{transform:translateY(0)}
.help-card .he{font-size:44px;text-align:center}
.help-card .ht{font-family:'Sora';font-weight:800;color:var(--navy);font-size:21px;text-align:center;margin-top:8px}
.help-card .hsteps{margin-top:16px}
.help-card .hstep{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px}
.help-card .hstep .hnum{width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--navy);font-family:'Sora';font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.help-card .hstep .hx{font-size:14px;color:var(--navy);line-height:1.4;padding-top:3px}
[data-theme="dark"] .help-card .ht,[data-theme="dark"] .help-card .hstep .hx{color:#EAF0FA}
.help-card .hbtn{margin-top:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-family:'Sora';font-weight:800;font-size:16px;text-align:center;padding:15px;border-radius:15px;cursor:pointer}

/* ===== EMPTY STATE ===== */
.empty{text-align:center;padding:44px 30px;color:var(--muted)}
.empty .em{font-size:52px;margin-bottom:12px}
.empty .eh{font-family:'Sora';font-weight:800;color:var(--navy);font-size:18px;margin-bottom:6px}
[data-theme="dark"] .empty .eh{color:#EAF0FA}
.empty .es{font-size:14px;line-height:1.45;margin-bottom:18px}
.empty .ebtn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-family:'Sora';font-weight:800;font-size:14px;padding:13px 26px;border-radius:100px;cursor:pointer}

/* ===== UNDO SNACKBAR ===== */
.snackbar{position:absolute;left:18px;right:18px;bottom:calc(env(safe-area-inset-bottom) + 150px);background:var(--navy3);color:#fff;border:1px solid rgba(255,197,49,.35);border-radius:15px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;z-index:305;transform:translateY(200px);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.snackbar.show{transform:translateY(0);opacity:1}
.snackbar .sm{font-size:13.5px;font-weight:600}
.snackbar .su{font-family:'Sora';font-weight:800;color:var(--gold);font-size:14px;cursor:pointer;padding:6px 10px;margin:-6px -10px}

/* ===== TUTORIAL / ONBOARDING ===== */
.tut{position:absolute;inset:0;background:linear-gradient(160deg,var(--navy),var(--navy3));z-index:900;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .35s}
.tut.show{opacity:1;pointer-events:auto}
.tut-skip{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:20px;color:#9DB0CC;font-size:14px;font-weight:700;font-family:'Sora';cursor:pointer;z-index:2}
.tut-slide{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 34px}
.tut-slide.on{display:flex}
.tut-slide .tem{font-size:88px;margin-bottom:8px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}
.tut-slide .tt{font-family:'Sora';font-weight:800;color:#fff;font-size:27px;line-height:1.15;margin-bottom:12px}
.tut-slide .tt span{color:var(--gold)}
.tut-slide .tx{color:#9DB0CC;font-size:15.5px;line-height:1.5;max-width:300px}
.tut-name{margin-top:22px;width:100%;max-width:300px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:15px 18px;color:#fff;font-size:16px;outline:none;text-align:center;font-family:'Inter'}
.tut-name::placeholder{color:#9DB0CC}
.tut-foot{padding:20px 34px calc(env(safe-area-inset-bottom) + 28px);display:flex;flex-direction:column;align-items:center;gap:18px}
.tut-dots{display:flex;gap:8px}
.tut-dots .td{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:width .3s,background .3s}
.tut-dots .td.on{width:24px;background:var(--gold)}
.tut-next{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-family:'Sora';font-weight:800;font-size:17px;text-align:center;padding:16px;border-radius:15px;cursor:pointer}

/* ===== SETTINGS en drawer ===== */
.dw-toggle{display:flex;align-items:center;gap:14px;padding:13px 20px;font-family:'Sora';font-weight:600;color:var(--navy);font-size:15px}
[data-theme="dark"] .dw-toggle{color:#EAF0FA}
.dw-toggle .di{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.dw-toggle .di svg{width:23px;height:23px;stroke:var(--gold2);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sw{margin-left:auto;width:46px;height:27px;border-radius:100px;background:var(--line);position:relative;transition:background .2s;cursor:pointer;flex-shrink:0}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .22s;box-shadow:0 2px 5px rgba(0,0,0,.25)}
.sw.on{background:var(--green)}
.sw.on::after{transform:translateX(19px)}

/* ===== ASISTENTE MIPUNTO (IA) ===== */
.ai-cta{margin:14px 18px 0;background:linear-gradient(120deg,#3B1E7A,#6B2FD6 55%,#9B4BFF);border-radius:20px;padding:16px 18px;display:flex;align-items:center;gap:13px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(107,47,214,.4)}
.ai-cta:active{transform:scale(.98)}
.ai-cta .ai-glow{position:absolute;right:-30px;top:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,197,49,.35),transparent 70%)}
.ai-cta .ai-orb{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;position:relative;animation:aipulse 2.4s ease-in-out infinite}
@keyframes aipulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.ai-cta .ai-tx{flex:1;position:relative;min-width:0}
.ai-cta .ai-h{font-family:'Sora';font-weight:800;color:#fff;font-size:15px}
.ai-cta .ai-s{font-size:11.5px;color:rgba(255,255,255,.8);margin-top:3px;line-height:1.35}
.ai-cta .ai-mic{font-size:24px;flex-shrink:0;position:relative}

#s-ai{display:flex;flex-direction:column;background:var(--paper)}
.ai-head{display:flex;align-items:center;gap:11px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(120deg,#3B1E7A,#6B2FD6);color:#fff}
.ai-head .ai-av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}
.ai-head .ai-ci .n{font-family:'Sora';font-weight:800;font-size:16px}
.ai-head .ai-ci .s{font-size:11.5px;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;margin-top:1px}
.ai-head .ai-ci .s .d{width:7px;height:7px;background:#18C97E;border-radius:50%;box-shadow:0 0 0 3px rgba(24,201,126,.3)}
.ai-chat{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 6px;display:flex;flex-direction:column;gap:11px}
.ai-chat::-webkit-scrollbar{display:none}
.ai-msg{max-width:86%;padding:12px 15px;border-radius:16px;font-size:14px;line-height:1.45}
.ai-msg.me{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-weight:600;align-self:flex-end;border-bottom-right-radius:5px}
.ai-msg.bot{background:#fff;border:1px solid var(--line);color:var(--navy);align-self:flex-start;border-bottom-left-radius:5px;box-shadow:0 3px 10px rgba(11,27,51,.05)}
[data-theme="dark"] .ai-msg.bot{background:#12203A;border-color:#1E2C44;color:#EAF0FA}
.ai-msg.typing{display:flex;gap:4px;align-items:center;padding:15px 16px}
.ai-msg.typing span{width:7px;height:7px;background:#B24BFF;border-radius:50%;animation:tdot 1.2s infinite}
.ai-msg.typing span:nth-child(2){animation-delay:.2s}.ai-msg.typing span:nth-child(3){animation-delay:.4s}
/* tarjeta de ticket propuesto */
.ai-ticket{align-self:flex-start;max-width:92%;width:100%;background:#fff;border:2px solid #B24BFF;border-radius:18px;padding:15px 16px;box-shadow:0 8px 22px rgba(107,47,214,.18)}
[data-theme="dark"] .ai-ticket{background:#12203A;border-color:#6B2FD6}
.ai-ticket .att{display:flex;align-items:center;gap:8px;font-family:'Sora';font-weight:800;color:#6B2FD6;font-size:13px;margin-bottom:10px}
[data-theme="dark"] .ai-ticket .att{color:#B98FFF}
.ai-ticket .asel{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.ai-ticket .asel .p{font-family:'Sora';font-weight:700;color:var(--navy);font-size:13.5px}
[data-theme="dark"] .ai-ticket .asel .p{color:#EAF0FA}
.ai-ticket .asel .m{font-size:11px;color:var(--muted);margin-top:1px}
.ai-ticket .asel .o{font-family:'Sora';font-weight:800;color:var(--gold2);font-size:15px}
.ai-ticket .asum{background:var(--paper);border-radius:12px;padding:11px 13px;margin-top:11px}
[data-theme="dark"] .ai-ticket .asum{background:#0B1424}
.ai-ticket .arow{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);padding:3px 0}
.ai-ticket .arow b{color:var(--navy);font-family:'Sora'}
[data-theme="dark"] .ai-ticket .arow b{color:#EAF0FA}
.ai-ticket .awin{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;border-top:1px dashed var(--line)}
.ai-ticket .awin .l{font-family:'Sora';font-weight:700;color:#0B7A4B;font-size:13px}
.ai-ticket .awin .v{font-family:'Sora';font-weight:800;color:#0B7A4B;font-size:19px}
.ai-ticket .prob{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;margin-top:10px}
.ai-ticket .prob.hi{background:#E7F7F0;color:#0B7A4B}
.ai-ticket .prob.mid{background:#FFF3D6;color:#B8860B}
.ai-ticket .prob.low{background:#FDE7EA;color:#C81E5B}
.ai-ticket .abtns{display:flex;gap:9px;margin-top:13px}
.ai-ticket .abtn{flex:1;text-align:center;padding:13px;border-radius:13px;font-family:'Sora';font-weight:800;font-size:14px;cursor:pointer;transition:transform .12s}
.ai-ticket .abtn:active{transform:scale(.96)}
.ai-ticket .abtn.go{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy)}
.ai-ticket .abtn.edit{background:var(--paper);color:var(--navy);border:1px solid var(--line)}
[data-theme="dark"] .ai-ticket .abtn.edit{background:#0B1424;color:#EAF0FA;border-color:#1E2C44}
.ai-sugg{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 6px;-webkit-overflow-scrolling:touch;flex-shrink:0}
.ai-sugg::-webkit-scrollbar{display:none}
.ai-sugg .qr{white-space:nowrap;border-color:#B24BFF;color:var(--navy)}
[data-theme="dark"] .ai-sugg .qr{color:#EAF0FA;background:#12203A}
.ai-in{display:flex;gap:9px;align-items:center;padding:12px 16px calc(env(safe-area-inset-bottom) + 82px);border-top:1px solid var(--line);background:#fff}
[data-theme="dark"] .ai-in{background:#0E1B31;border-color:#1E2C44}
.ai-in input{flex:1;border:1px solid var(--line);border-radius:100px;padding:13px 17px;font-size:14px;outline:none;font-family:'Inter';background:var(--paper)}
[data-theme="dark"] .ai-in input{background:#0B1424;border-color:#1E2C44;color:#EAF0FA}
.ai-in .ai-mic-btn,.ai-in .ai-send{width:47px;height:47px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.ai-in .ai-mic-btn{background:var(--paper);border:1px solid var(--line)}
[data-theme="dark"] .ai-in .ai-mic-btn{background:#0B1424;border-color:#1E2C44}
.ai-in .ai-mic-btn svg{width:21px;height:21px;stroke:#6B2FD6}
.ai-in .ai-mic-btn.rec{background:#FDE7EA;border-color:#FF5D6C;animation:micpulse 1s infinite}
.ai-in .ai-mic-btn.rec svg{stroke:#FF5D6C}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,93,108,.4)}50%{box-shadow:0 0 0 8px rgba(255,93,108,0)}}
.ai-in .ai-send{background:linear-gradient(135deg,#6B2FD6,#9B4BFF)}
.ai-in .ai-send svg{width:21px;height:21px;stroke:#fff}