:root{--bg:#11051f;--bg2:#22083b;--card:rgba(28,14,48,.78);--text:#fff9e8;--muted:#d9c9ff;--gold:#ffd56a;--pink:#ff4fd8;--cyan:#55e7ff;--green:#61ff9b;--danger:#ff5674;--border:rgba(255,255,255,.16)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(circle at 20% 5%,rgba(255,213,106,.22),transparent 28%),radial-gradient(circle at 80% 20%,rgba(255,79,216,.18),transparent 32%),linear-gradient(135deg,#090313,var(--bg) 48%,#07020d);overflow-x:hidden}.sparkles:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(var(--gold) 1px,transparent 1px);background-size:42px 42px,70px 70px;opacity:.18;animation:float 18s linear infinite}@keyframes float{to{transform:translateY(-70px)}}
.wrap{max-width:590px;margin:42px auto;padding:0 16px}.wrap.wide{max-width:1240px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(11,3,24,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{font-weight:1000;letter-spacing:.3px}.tiny-code{font-size:.75rem;color:var(--gold);border:1px solid var(--border);padding:3px 8px;border-radius:999px}.link,.soft-link{color:var(--gold);font-weight:900;text-decoration:none}.card,.login-card{background:linear-gradient(180deg,rgba(43,18,76,.88),rgba(24,10,44,.78));border:1px solid var(--border);border-radius:28px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.42)}.glow-card{box-shadow:0 0 0 1px rgba(255,213,106,.12),0 0 70px rgba(255,79,216,.16),0 30px 90px rgba(0,0,0,.5)}h1{font-size:clamp(2rem,6vw,4.4rem);line-height:.95;margin:0 0 12px;text-shadow:0 0 24px rgba(255,213,106,.45)}h2{margin:0 0 10px}.muted,.lead{color:var(--muted);line-height:1.45}.eyebrow{color:var(--gold);font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero-public{display:flex;justify-content:space-between;padding:18px;gap:10px}.premium-counter,.live-dot{border:1px solid var(--border);background:rgba(255,255,255,.07);padding:10px 14px;border-radius:999px;backdrop-filter:blur(10px)}.live-dot span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}.login-stage{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:10px 16px 42px}.login-card{max-width:560px;text-align:center}.brand-orb{font-size:4rem;filter:drop-shadow(0 0 24px var(--gold));animation:breathe 2.8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.08) rotate(5deg)}}.form{display:flex;flex-direction:column;gap:12px;text-align:left}label{color:var(--muted);font-weight:800}input,select,textarea{width:100%;background:rgba(0,0,0,.28);border:1px solid var(--border);color:var(--text);padding:14px;border-radius:16px;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,213,106,.12)}.code-input{text-align:center;font-size:1.2rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.btn{border:0;border-radius:16px;padding:13px 16px;background:linear-gradient(135deg,var(--gold),#ff9f2f);color:#211000;font-weight:1000;cursor:pointer;box-shadow:0 10px 24px rgba(255,160,47,.25)}.btn.big{font-size:1.05rem;padding:16px}.btn.ghost{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border);box-shadow:none}.pulse{animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 28px rgba(255,213,106,.45)}}.alert,.success{margin:12px 0;padding:12px;border-radius:16px}.alert{background:rgba(255,86,116,.14);border:1px solid rgba(255,86,116,.34)}.success{background:rgba(97,255,155,.13);border:1px solid rgba(97,255,155,.3)}.responsible{font-size:.78rem;color:#c7b3ed;margin-top:14px}.notify{position:fixed;right:16px;bottom:16px;z-index:50;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,213,106,.95),rgba(255,79,216,.92));color:#16061f;font-weight:1000;transform:translateY(130%);transition:.3s}.notify.show{transform:translateY(0)}
.user-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.side-stack{display:flex;flex-direction:column;gap:18px}.preset-row,.rank-tabs{display:flex;gap:8px;flex-wrap:wrap}.chip,.rank-tabs button{border:1px solid var(--border);background:rgba(255,255,255,.07);color:var(--text);padding:10px 12px;border-radius:999px;font-weight:900;cursor:pointer}.chip.active,.rank-tabs button.active{background:linear-gradient(135deg,var(--pink),var(--gold));color:#19051f}.mix-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.manual-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:10px 0}.manual-num{aspect-ratio:1;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.07);color:var(--text);font-weight:1000;cursor:pointer}.manual-num.on{background:linear-gradient(135deg,var(--cyan),var(--green));color:#041516}.combo-result{min-height:96px;margin:16px 0;padding:16px;border:1px dashed rgba(255,213,106,.4);border-radius:22px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;background:rgba(0,0,0,.18)}.ball{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:1.25rem;background:radial-gradient(circle at 30% 25%,#fff,var(--gold) 34%,#e07d13);color:#240e00;box-shadow:0 0 26px rgba(255,213,106,.38)}.ball.frío{background:radial-gradient(circle at 30% 25%,#fff,var(--cyan) 35%,#1979ff);color:#00182a}.ball.tibio{background:radial-gradient(circle at 30% 25%,#fff,#d2b4ff 35%,#814dff);color:#130026}.play-wa{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;padding:16px;border-radius:20px;background:linear-gradient(135deg,#35f071,#0fb94b);color:#041607;font-weight:1000}.play-wa small{display:block;font-weight:800}.rank-list{display:grid;gap:8px}.rank-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid var(--border)}.rank-item b{font-size:1.2rem}.hist-pill{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:10px 0}.hist-pill small{color:var(--muted)}
.admin-hero{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:end}.generate-box{display:grid;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}.stat-card{padding:16px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.07)}.stat-card span{display:block;color:var(--muted);font-size:.85rem}.stat-card b{font-size:2rem;color:var(--gold)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.search-input{max-width:340px}.code-list{max-height:620px;overflow:auto;display:grid;gap:10px;padding-right:4px}.code-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.06)}.code-item b{font-size:1.05rem}.code-item small{display:block;color:var(--muted);margin-top:4px}.code-actions{display:flex;gap:6px}.code-actions form{margin:0}.mini{border:0;border-radius:12px;padding:9px 10px;font-weight:900;cursor:pointer;background:rgba(255,255,255,.1);color:var(--text);border:1px solid var(--border)}.mini.danger{background:rgba(255,86,116,.18);color:#ffdbe2}.footer{margin-top:15px}.rank-tabs{margin:12px 0}
@media(max-width:900px){.user-grid,.admin-hero{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.manual-grid{grid-template-columns:repeat(6,1fr)}.mix-controls{grid-template-columns:1fr}.hero-public{flex-direction:column}.section-head{display:block}.search-input{max-width:none}.code-item{align-items:flex-start;flex-direction:column}.code-actions{width:100%;flex-wrap:wrap}.code-actions form{flex:1}.mini{width:100%}}@media(max-width:520px){.wrap{margin:24px auto}.card,.login-card{padding:16px;border-radius:22px}.manual-grid{grid-template-columns:repeat(5,1fr)}.ball{width:50px;height:50px}.stat-grid{grid-template-columns:1fr}.topbar{padding:12px}.premium-counter,.live-dot{font-size:.85rem}.login-stage{place-items:start}.hero-public{padding:12px}}

/* Quiniti Tio polish v2 */
body.app-body:after{content:"";position:fixed;inset:auto -10% -30% -10%;height:55vh;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,213,106,.16),transparent 55%);filter:blur(18px);animation:casinoGlow 4.5s ease-in-out infinite;z-index:-1}@keyframes casinoGlow{50%{opacity:.55;transform:scale(1.04)}}
.topbar{box-shadow:0 10px 35px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:8px}.brand:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green),0 0 32px var(--green)}
.fortune-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.fortune-strip span{padding:10px 12px;border-radius:16px;border:1px solid rgba(255,213,106,.22);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));font-weight:900;text-align:center;box-shadow:inset 0 0 18px rgba(255,213,106,.06)}
.mix-controls label{position:relative;border:1px solid var(--border);background:rgba(255,255,255,.055);border-radius:18px;padding:12px;display:grid;gap:6px}.mix-controls label small{display:block;color:#bca8ea;font-size:.72rem;font-weight:700}.mix-controls input{text-align:center;font-size:1.25rem;font-weight:1000;padding:10px;border-radius:12px;background:rgba(0,0,0,.22)}
.manual-box{margin-top:10px;padding:14px;border-radius:22px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.1)}.manual-grid{max-height:280px;overflow:auto;padding-right:4px}.manual-num{position:relative;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}.manual-num:hover{transform:translateY(-2px);border-color:rgba(255,213,106,.55);box-shadow:0 8px 18px rgba(0,0,0,.25)}.manual-num.on{box-shadow:0 0 22px rgba(85,231,255,.35)}
.selection-helper{display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0;padding:10px;border-radius:16px;background:rgba(255,213,106,.08);border:1px solid rgba(255,213,106,.2);color:#fff4c9;font-weight:900}.selection-helper b{color:var(--gold);font-size:1.25rem}.selection-helper span{color:#cdbaf1;font-weight:700}.combo-result:not(.empty){border-style:solid;background:radial-gradient(circle at 50% 50%,rgba(255,213,106,.14),rgba(0,0,0,.2));animation:resultPop .35s ease}@keyframes resultPop{from{transform:scale(.98);opacity:.2}to{transform:scale(1);opacity:1}}.ball{animation:ballIn .42s ease both}.ball:nth-child(2){animation-delay:.05s}.ball:nth-child(3){animation-delay:.1s}.ball:nth-child(4){animation-delay:.15s}.ball:nth-child(5){animation-delay:.2s}.ball:nth-child(6){animation-delay:.25s}@keyframes ballIn{from{transform:translateY(14px) scale(.82);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.ball.frio{background:radial-gradient(circle at 30% 25%,#fff,var(--cyan) 35%,#1979ff);color:#00182a}.play-wa{margin-top:8px;position:relative;overflow:hidden}.play-wa:before{content:"";position:absolute;inset:-80% auto -80% -30%;width:34%;background:rgba(255,255,255,.35);transform:rotate(18deg);animation:shine 2.8s infinite}@keyframes shine{to{left:130%}}.play-wa b{font-size:1.05rem}.wa-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}
.ritual-card{background:linear-gradient(180deg,rgba(255,213,106,.11),rgba(43,18,76,.78))}.ritual-steps{display:grid;gap:12px;margin:14px 0}.ritual-steps div{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.06)}.ritual-steps b{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#ff9f2f);color:#1a0b00}.ritual-steps span{color:var(--muted);font-weight:800}.mini-note{font-size:.82rem}.history-list{max-height:330px;overflow:auto}.hist-pill{border-radius:14px;padding:11px 10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);margin-bottom:8px}.generator-card{position:relative;overflow:hidden}.generator-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:28px;background:linear-gradient(135deg,rgba(255,213,106,.18),transparent 35%,rgba(255,79,216,.16));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}
@media(max-width:900px){.fortune-strip{grid-template-columns:1fr}.manual-grid{max-height:none}.user-grid{gap:12px}.side-stack{order:-1}.ritual-card{display:none}.generator-card h1{font-size:2.35rem}.selection-helper{font-size:.9rem;flex-wrap:wrap}.play-wa{position:sticky;bottom:10px;z-index:12;box-shadow:0 12px 28px rgba(0,0,0,.4)}}
@media(max-width:520px){.preset-row{display:grid;grid-template-columns:1fr 1fr}.chip{padding:10px 8px}.manual-grid{gap:7px}.manual-num{min-height:48px}.combo-result{position:relative}.ball{width:48px;height:48px}.fortune-strip{font-size:.85rem}.selection-helper{align-items:center}.topbar .link{font-size:.85rem}.tiny-code{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Quiniti Tio v3 - más explosión, calor y detalles iPhone */
.home-body,.app-body,.admin-body{background:
  radial-gradient(circle at 18% 18%,rgba(255,63,63,.20),transparent 24%),
  radial-gradient(circle at 82% 20%,rgba(255,213,106,.20),transparent 26%),
  radial-gradient(circle at 55% 86%,rgba(255,79,216,.20),transparent 30%),
  linear-gradient(135deg,#11051f 0%,#24083a 42%,#100218 100%) !important;}
.sparkles:before,.sparkles:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:
  radial-gradient(circle,rgba(255,213,106,.75) 0 1px,transparent 2px),
  radial-gradient(circle,rgba(255,79,216,.55) 0 1px,transparent 2px),
  radial-gradient(circle,rgba(85,231,255,.45) 0 1px,transparent 2px);background-size:72px 72px,112px 112px,156px 156px;animation:starRain 16s linear infinite;opacity:.55}.sparkles:after{filter:blur(1px);animation-duration:24s;opacity:.35}@keyframes starRain{from{background-position:0 0,0 0,0 0}to{background-position:0 620px,260px 720px,-180px 580px}}
.login-card,.card,.stat-card{box-shadow:0 18px 52px rgba(0,0,0,.42),0 0 34px rgba(255,79,216,.09),inset 0 0 28px rgba(255,213,106,.035)}
.glow-card{position:relative}.glow-card:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,213,106,.18),rgba(255,79,216,.12),rgba(85,231,255,.12),rgba(255,213,106,.16));filter:blur(13px);z-index:-1;animation:hotAura 3.8s ease-in-out infinite}@keyframes hotAura{50%{opacity:.55;transform:scale(1.015)}}
.btn.big{position:relative;overflow:hidden;text-transform:none;letter-spacing:.2px}.btn.big:before{content:"";position:absolute;top:-80%;bottom:-80%;left:-40%;width:28%;background:rgba(255,255,255,.45);transform:rotate(18deg);animation:btnFlash 2.5s infinite}.btn.big:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.25)}@keyframes btnFlash{to{left:135%}}
.brand-orb{animation:orbHeat 2.6s ease-in-out infinite}@keyframes orbHeat{50%{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 0 22px rgba(255,213,106,.85))}}
.premium-counter,.live-dot{backdrop-filter:blur(12px);box-shadow:0 0 22px rgba(255,213,106,.12);animation:counterBreath 3s ease-in-out infinite}@keyframes counterBreath{50%{transform:translateY(-1px);box-shadow:0 0 28px rgba(255,213,106,.22)}}
.notify{left:50%;right:auto;bottom:24px;transform:translate(-50%,150%) scale(.96);min-width:min(92vw,430px);text-align:center;box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 30px rgba(255,213,106,.35);border:1px solid rgba(255,255,255,.34)}.notify.show{transform:translate(-50%,0) scale(1);animation:notifyHeat .52s ease}@keyframes notifyHeat{0%{filter:brightness(1.5);letter-spacing:.4px}100%{filter:brightness(1);letter-spacing:0}}
.combo-result{position:relative;overflow:hidden}.combo-result.boom{animation:comboBlast .72s cubic-bezier(.2,1.35,.3,1)}.combo-result.boom:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,213,106,.25) 18%,rgba(255,79,216,.18) 31%,transparent 48%);animation:blastLight .85s ease forwards;pointer-events:none}.combo-result.boom:after{content:"🔥 ✨ 🍀 💰 ✨ 🔥";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2rem;letter-spacing:10px;opacity:0;animation:emojiBurst .9s ease forwards;pointer-events:none;white-space:nowrap}@keyframes comboBlast{0%{transform:scale(.93);box-shadow:0 0 0 rgba(255,213,106,0)}45%{transform:scale(1.035);box-shadow:0 0 58px rgba(255,213,106,.5)}100%{transform:scale(1);box-shadow:0 0 26px rgba(255,213,106,.22)}}@keyframes blastLight{0%{opacity:0;transform:scale(.45)}35%{opacity:1}100%{opacity:0;transform:scale(1.4)}}@keyframes emojiBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}35%{opacity:.9}100%{opacity:0;transform:translate(-50%,-165%) scale(1.35)}}
.ball{border:2px solid rgba(255,255,255,.45);box-shadow:0 0 28px rgba(255,213,106,.48),inset 0 -8px 13px rgba(0,0,0,.18);animation:ballExplosion .58s cubic-bezier(.15,1.45,.45,1) both}.ball:nth-child(odd){filter:saturate(1.18)}@keyframes ballExplosion{0%{transform:translateY(34px) scale(.28) rotate(-30deg);opacity:0}60%{transform:translateY(-8px) scale(1.12) rotate(7deg);opacity:1}100%{transform:translateY(0) scale(1) rotate(0)}}
.luck-explosion{position:fixed;inset:0;pointer-events:none;z-index:100}.luck-explosion i{position:absolute;font-style:normal;font-size:1.35rem;animation:particleBlast 1.05s ease-out forwards;filter:drop-shadow(0 0 8px rgba(255,213,106,.8))}@keyframes particleBlast{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.18) rotate(var(--r))}}
body.generating .generator-card{animation:generatorHeat .55s linear infinite}@keyframes generatorHeat{50%{box-shadow:0 0 60px rgba(255,86,116,.26),0 0 34px rgba(255,213,106,.26)}}
.mix-controls input:focus{outline:none;border-color:rgba(255,213,106,.8);box-shadow:0 0 0 4px rgba(255,213,106,.14),0 0 24px rgba(255,79,216,.18);background:rgba(0,0,0,.32)}
.play-wa.wa-pop{animation:waPop .7s cubic-bezier(.2,1.45,.3,1)}@keyframes waPop{0%{transform:scale(.88);filter:brightness(1.4)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
/* Admin: cards desplegables estilo iPhone */
.code-list{gap:12px}.code-item{display:block;padding:0;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.code-item:hover{transform:translateY(-1px);border-color:rgba(255,213,106,.35);box-shadow:0 15px 32px rgba(0,0,0,.22)}.code-main{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.code-main b{font-size:1.08rem}.chev{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--border);transition:transform .28s cubic-bezier(.2,.9,.2,1),background .22s ease}.code-detail{max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .38s cubic-bezier(.2,.9,.2,1),opacity .25s ease,transform .28s ease;background:rgba(0,0,0,.16);border-top:1px solid transparent}.code-item.open{border-color:rgba(255,213,106,.38);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 22px rgba(255,213,106,.09)}.code-item.open .chev{transform:rotate(180deg);background:linear-gradient(135deg,var(--gold),var(--pink));color:#22051d}.code-item.open .code-detail{max-height:340px;opacity:1;transform:translateY(0);border-top-color:rgba(255,255,255,.10)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.detail-grid span{display:grid;gap:6px;padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.detail-grid em{font-style:normal;color:var(--muted);font-size:.78rem;font-weight:800}.detail-grid strong{font-size:.92rem;word-break:break-word}.detail-actions{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-actions .mini{width:100%;padding:12px;border-radius:16px}.detail-actions .mini.danger{background:linear-gradient(135deg,rgba(255,86,116,.28),rgba(255,79,216,.18));border-color:rgba(255,86,116,.35)}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr 1fr}.detail-actions{grid-template-columns:1fr}.notify{bottom:18px}.combo-result.boom:after{font-size:1.35rem;letter-spacing:5px}.luck-explosion i{font-size:1.1rem}}
@media(max-width:430px){.detail-grid{grid-template-columns:1fr}.code-main{padding:13px}.code-main small{line-height:1.45}.chev{width:30px;height:30px;min-width:30px}.notify{font-size:.9rem}}

/* v1004 - tiempo real, copiado y contadores reales */
.hero-public{gap:10px;flex-wrap:wrap}.premium-counter.global{background:linear-gradient(135deg,rgba(255,213,106,.18),rgba(255,79,216,.12));border-color:rgba(255,213,106,.28)}
.stat-grid{grid-template-columns:repeat(7,1fr)}
.user-live-stat{margin-top:12px;padding:16px;border-radius:20px;background:radial-gradient(circle at 20% 0%,rgba(255,213,106,.18),rgba(255,255,255,.06));border:1px solid rgba(255,213,106,.22);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:inset 0 0 24px rgba(255,79,216,.08)}
.user-live-stat span{color:var(--muted);font-weight:900}.user-live-stat b{font-size:2.2rem;color:var(--gold);text-shadow:0 0 20px rgba(255,213,106,.45)}
.copy-btn{background:linear-gradient(135deg,rgba(110,247,255,.18),rgba(255,213,106,.12));border-color:rgba(110,247,255,.28)}
.admin-action[disabled],.copy-btn[disabled]{opacity:.55;cursor:wait}.code-item.updating{filter:brightness(1.18);transform:scale(1.005)}
.combo-result.super-boom{box-shadow:0 0 60px rgba(255,125,42,.35),0 0 110px rgba(255,79,216,.18), inset 0 0 36px rgba(255,213,106,.14)}
.combo-result.super-boom .ball{box-shadow:0 0 22px rgba(255,255,255,.55),0 0 42px rgba(255,213,106,.48),0 13px 28px rgba(0,0,0,.38);animation:ballIn .42s ease both, ballHeat 1.15s ease-in-out infinite alternate}
@keyframes ballHeat{from{filter:saturate(1) brightness(1)}to{filter:saturate(1.25) brightness(1.08)}}
.notify.show{animation:notifyHeat .52s ease, notifyPulse 1.2s ease .2s}@keyframes notifyPulse{0%,100%{box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 30px rgba(255,213,106,.35)}50%{box-shadow:0 20px 65px rgba(0,0,0,.55),0 0 55px rgba(255,125,42,.55)}}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.stat-grid{grid-template-columns:1fr}.hero-public{align-items:stretch}.premium-counter,.live-dot{justify-content:center}.user-live-stat{display:grid;text-align:center}.user-live-stat b{font-size:2rem}}
.manual-num.locked{opacity:.38;filter:grayscale(.35);cursor:not-allowed;box-shadow:none;transform:none}.manual-num.locked:hover{transform:none;border-color:var(--border);box-shadow:none}.mix-controls input{transition:box-shadow .18s ease,border-color .18s ease}.mix-controls input:focus{box-shadow:0 0 0 3px rgba(255,213,106,.2),0 0 22px rgba(255,96,195,.25);border-color:rgba(255,213,106,.85)}

/* ===== Quiniti Tio v6 - portada estilo póster premium ===== */
.quiniti-home-v6{min-height:100vh;overflow-x:hidden;background:#14041f;color:#fff9e8;position:relative;}
.quiniti-home-v6:before{content:"";position:fixed;inset:0;z-index:-5;background:
  radial-gradient(circle at 50% 18%,rgba(132,38,185,.38),transparent 32%),
  radial-gradient(circle at 18% 80%,rgba(255,67,196,.18),transparent 28%),
  radial-gradient(circle at 90% 74%,rgba(255,193,66,.18),transparent 30%),
  linear-gradient(180deg,#1a062b 0%,#170424 45%,#100219 100%);}
.home-stars{position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:
  radial-gradient(rgba(255,255,255,.95) .8px,transparent 1px),
  radial-gradient(rgba(255,211,111,.72) 1px,transparent 1.4px),
  radial-gradient(rgba(255,92,225,.7) .9px,transparent 1.4px);background-size:38px 38px,87px 87px,132px 132px;background-position:0 0,16px 24px,42px 12px;opacity:.45;animation:homeStars 22s linear infinite;}
@keyframes homeStars{to{transform:translateY(-90px)}}
.home-aurora{position:fixed;inset:-20%;z-index:-3;pointer-events:none;background:
  conic-gradient(from 110deg at 50% 45%,transparent,rgba(255,214,93,.14),rgba(255,75,216,.18),rgba(88,229,255,.08),transparent 38%);
  filter:blur(34px);opacity:.85;animation:homeAurora 9s ease-in-out infinite alternate;}
@keyframes homeAurora{50%{transform:scale(1.08) rotate(4deg);opacity:1}}
.home-counters{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:center;gap:10px;width:min(94vw,860px);pointer-events:none;}
.home-counters .premium-counter,.home-counters .live-dot{pointer-events:auto;font-size:.82rem;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(81,36,96,.78),rgba(43,18,62,.66));border:1px solid rgba(255,255,255,.14);box-shadow:0 0 22px rgba(255,196,69,.13),inset 0 0 18px rgba(255,255,255,.05);white-space:nowrap;}
.home-poster{min-height:100vh;width:min(100%,1180px);margin:0 auto;padding:56px 24px 34px;position:relative;display:grid;place-items:center;}
.home-logo-slogan{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:min(72vw,620px);max-height:154px;object-fit:contain;z-index:3;filter:drop-shadow(0 5px 0 rgba(71,37,5,.8)) drop-shadow(0 0 24px rgba(255,214,89,.5));animation:sloganFloat 3.8s ease-in-out infinite;}
@keyframes sloganFloat{50%{transform:translateX(-50%) translateY(-5px) scale(1.012)}}
.home-logo-juga{position:absolute;top:28px;right:24px;width:clamp(104px,15vw,180px);z-index:4;filter:drop-shadow(0 0 24px rgba(255,202,90,.42)) drop-shadow(0 10px 18px rgba(0,0,0,.55));transform:rotate(4deg);animation:jugaPulse 2.9s ease-in-out infinite;}
@keyframes jugaPulse{50%{transform:rotate(1deg) scale(1.045)}}
.home-logo-rolo{position:absolute;left:26px;bottom:20px;width:clamp(94px,17vw,170px);z-index:4;filter:drop-shadow(0 0 22px rgba(255,74,220,.5)) drop-shadow(0 0 18px rgba(80,224,255,.35));animation:roloGlow 2.6s ease-in-out infinite;}
@keyframes roloGlow{50%{transform:scale(1.05);filter:drop-shadow(0 0 28px rgba(255,74,220,.78)) drop-shadow(0 0 26px rgba(80,224,255,.55));}}
.home-login-card{width:min(92vw,520px);margin-top:130px;text-align:center;padding:28px 24px 26px;border-radius:30px;background:
  linear-gradient(180deg,rgba(52,22,83,.82),rgba(25,9,46,.74)),
  radial-gradient(circle at 50% 0%,rgba(255,213,106,.18),transparent 45%);
  border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(255,214,96,.08),0 0 65px rgba(160,58,255,.32),0 30px 90px rgba(0,0,0,.58);backdrop-filter:blur(15px);position:relative;z-index:2;overflow:hidden;}
.home-login-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 0 20%,rgba(255,255,255,.13) 26%,transparent 34% 100%);transform:translateX(-110%);animation:cardShine 5.5s ease-in-out infinite;pointer-events:none;}
@keyframes cardShine{40%,100%{transform:translateX(120%)}}
.home-login-card .home-clover{font-size:3.1rem;margin-bottom:6px;filter:drop-shadow(0 0 18px rgba(87,255,148,.95));}
.home-login-card h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,8vw,4rem);letter-spacing:-.04em;margin:0 0 4px;line-height:.9;background:linear-gradient(180deg,#fff5c6 0%,#ffc84f 46%,#9a530d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,196,54,.34);filter:drop-shadow(0 2px 0 rgba(88,43,8,.92));}
.home-login-card .eyebrow{font-size:.72rem;color:#ffdf8a;letter-spacing:.16em;margin:2px 0 6px;}
.home-login-card .lead{max-width:350px;margin:0 auto 16px;color:#eadcff;font-size:.94rem;}
.home-login-card .form{gap:9px}.home-login-card label{font-size:.88rem;color:#fff2d0;font-weight:900;}
.home-login-card .code-input{height:52px;border-radius:12px;background:rgba(21,4,36,.82);border:1px solid rgba(255,214,102,.75);box-shadow:inset 0 0 18px rgba(0,0,0,.38),0 0 0 3px rgba(255,203,75,.05);font-size:1.05rem;}
.home-login-card .btn.big{height:54px;border-radius:13px;background:linear-gradient(180deg,#ffe57f,#ffb43e 62%,#ef8b20);box-shadow:0 12px 30px rgba(255,174,49,.3),0 0 26px rgba(255,212,104,.18);}
.home-login-card .soft-link{display:inline-block;margin-top:10px;color:#ffdd85;text-shadow:0 0 10px rgba(255,214,89,.25);}
.home-login-card .responsible{margin-top:10px;color:#ded0ee;font-size:.76rem;}
.home-login-card .alert{text-align:left;margin:0 0 12px;}
.home-poster:before,.home-poster:after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0;filter:blur(2px);}
.home-poster:before{width:280px;height:280px;right:14%;bottom:12%;background:radial-gradient(circle,rgba(255,187,45,.16),transparent 66%);animation:fireOrb 4s ease-in-out infinite;}
.home-poster:after{width:240px;height:240px;left:10%;top:26%;background:radial-gradient(circle,rgba(255,67,207,.13),transparent 68%);animation:fireOrb 5s ease-in-out infinite reverse;}
@keyframes fireOrb{50%{transform:scale(1.18);opacity:.65}}
@media (max-width:820px){
  .home-counters{top:8px;gap:6px;width:98vw;overflow-x:auto;justify-content:flex-start;padding:0 10px;transform:none;left:0;scrollbar-width:none}.home-counters::-webkit-scrollbar{display:none}
  .home-counters .premium-counter,.home-counters .live-dot{font-size:.68rem;padding:7px 9px;}
  .home-poster{padding:48px 14px 26px;min-height:100svh;align-content:start;}
  .home-logo-slogan{top:48px;width:min(86vw,430px);max-height:110px;}
  .home-logo-juga{top:70px;right:8px;width:94px;opacity:.96;}
  .home-logo-rolo{left:8px;bottom:12px;width:96px;}
  .home-login-card{margin-top:150px;width:min(94vw,430px);padding:24px 16px 22px;border-radius:24px;}
  .home-login-card .home-clover{font-size:2.7rem}.home-login-card h1{font-size:3.1rem}.home-login-card .lead{font-size:.88rem;}
}
@media (max-width:430px){
  .home-logo-slogan{top:58px;width:84vw;}
  .home-logo-juga{top:76px;width:78px;}
  .home-login-card{margin-top:138px;}
  .home-login-card h1{font-size:2.75rem}.home-login-card .code-input{height:48px}.home-login-card .btn.big{height:50px;}
  .home-logo-rolo{width:78px;}
}


/* ===== Quiniti Tio v7 - home spacing + new hero assets ===== */
.home-poster{overflow:hidden;padding-bottom:64px;}
.home-logo-slogan{top:38px;width:min(60vw,560px);max-height:160px;}
.home-logo-juga{top:34px;right:38px;width:clamp(110px,14vw,190px);transform:rotate(3deg);}
.home-logo-rolo{left:36px;bottom:18px;width:clamp(98px,12vw,148px);}
.home-person-right{position:absolute;right:18px;bottom:0;width:clamp(200px,22vw,320px);z-index:1;pointer-events:none;user-select:none;filter:drop-shadow(0 20px 36px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(255,170,40,.32));}
.home-login-card{position:relative;z-index:3;width:min(92vw,500px);margin-top:150px;padding:26px 24px 24px;}
.home-login-card .eyebrow{margin-bottom:4px;}
.home-quinit6-logo{display:block;width:min(100%,340px);margin:0 auto 8px;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(255,208,90,.20)) drop-shadow(0 10px 16px rgba(0,0,0,.30));}
.home-login-card .lead{max-width:365px;margin:0 auto 16px;}
.home-login-card .brand-orb{margin-bottom:4px;}
@media (max-width:1100px){
  .home-logo-slogan{width:min(62vw,520px);}
  .home-logo-juga{right:24px;width:clamp(104px,14vw,170px);} 
  .home-person-right{width:clamp(170px,22vw,250px);right:6px;bottom:0;}
}
@media (max-width:820px){
  .home-poster{padding:44px 14px 110px;min-height:100svh;}
  .home-logo-slogan{top:52px;width:min(80vw,430px);max-height:110px;}
  .home-logo-juga{top:76px;right:10px;width:86px;}
  .home-logo-rolo{left:10px;bottom:16px;width:82px;}
  .home-person-right{width:min(30vw,145px);right:-4px;bottom:0;opacity:.98;}
  .home-login-card{margin-top:148px;width:min(94vw,430px);padding:24px 16px 22px;}
  .home-quinit6-logo{width:min(100%,285px);margin-bottom:6px;}
}
@media (max-width:430px){
  .home-poster{padding-bottom:118px;}
  .home-logo-slogan{top:60px;width:84vw;max-height:96px;}
  .home-logo-juga{top:78px;right:8px;width:76px;}
  .home-logo-rolo{left:8px;bottom:14px;width:70px;}
  .home-person-right{width:122px;right:-10px;bottom:4px;}
  .home-login-card{margin-top:136px;width:min(94vw,390px);padding:22px 14px 20px;}
  .home-quinit6-logo{width:min(100%,250px);}  
}

/* v1401 - acceso libre */
.public-entry{display:block;width:100%;text-align:center;text-decoration:none;margin-top:6px;}
.public-note{margin:12px auto 0;color:#e8d7ff;font-size:.83rem;line-height:1.35;max-width:340px;}
.public-home-card .home-quinit6-logo{margin-bottom:10px;}


/* v8.1 - portada limpia */
.home-person-right{display:none!important;}
.home-logo-rolo{border-radius:50%;overflow:hidden;isolation:isolate;background:transparent!important;}