/* STARLIKE ROULETTE · BOSQUES + CIUDALIA2 */
.stl-roulette-entry{margin:5px 0 2px}.stl-roulette-entry.hidden{display:none!important}
.stl-roulette-open{width:100%;min-height:48px;border:1px solid #ff2b91;border-radius:12px;background:linear-gradient(100deg,#161016,#2c0a21 55%,#3b2800);color:#fff;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:7px 10px;box-shadow:0 0 18px rgba(255,43,145,.24);cursor:pointer}
.stl-roulette-open>span{grid-row:1/3;font-size:26px}.stl-roulette-open b{font-size:13px;color:#ffd400;letter-spacing:.8px}.stl-roulette-open small{font-size:10px;color:#f6d7e8}.stl-roulette-open:disabled{opacity:.42;cursor:not-allowed}
.stl-roulette-chip{display:block;margin-top:4px;padding:5px 8px;border-radius:8px;background:#211420;color:#ffd400;font-size:10px;border:1px solid #4b243c}.stl-roulette-chip.ok{border-color:#18c77a;color:#8dffc7}
.stl-roulette-overlay{position:fixed;inset:0;z-index:999999;background:radial-gradient(circle at 50% 32%,rgba(255,26,134,.24),transparent 38%),rgba(5,5,7,.96);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}
.stl-roulette-overlay.hidden{display:none!important}.stl-roulette-card{position:relative;width:min(430px,94vw);max-height:96vh;overflow:auto;border:1px solid #ff2b91;border-radius:26px;background:radial-gradient(circle at 50% 18%,rgba(255,43,147,.25),transparent 30%),radial-gradient(circle at 80% 50%,rgba(255,212,0,.12),transparent 25%),linear-gradient(180deg,#050505 0%,#0b0b0b 64%,#050505 100%);padding:14px 14px 20px;text-align:center;color:#fff;box-shadow:0 0 55px rgba(255,43,145,.28),0 0 80px rgba(255,212,0,.08)}
.stl-roulette-x{position:absolute;right:10px;top:8px;z-index:9;border:0;background:#25141f;color:#fff;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.stl-v51-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:34px;margin-bottom:2px}.stl-v51-top img{width:126px;height:56px;object-fit:contain;object-position:left center;border-radius:8px}.stl-live-badge{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,212,0,.55);background:#121212;border-radius:999px;padding:7px 9px;color:#ffd400;font-weight:1000;font-size:8px;letter-spacing:.07em}.stl-live-badge i{width:7px;height:7px;border-radius:50%;background:#52e08b;box-shadow:0 0 10px #52e08b;animation:stlLive 1.2s infinite}@keyframes stlLive{50%{opacity:.35}}.stl-roulette-kicker{font-weight:1000;letter-spacing:2.5px;color:#ffd400;font-size:10px;margin-top:2px}.stl-roulette-card h2{font-size:clamp(34px,9vw,46px);line-height:.84;letter-spacing:-2px;margin:6px 0;text-transform:uppercase}.stl-roulette-card h2 span{color:#ff2b91}.stl-roulette-copy{color:#ddd;margin:7px 0 10px;font-size:12px}.stl-offer-ribbon{width:max-content;max-width:92%;margin:8px auto 10px;padding:7px 11px;border:2px solid #fff;background:#ff2b91;transform:rotate(-1.5deg);font-size:10px;font-weight:1000;letter-spacing:.05em;box-shadow:5px 5px 0 #ffd400}
.stl-wheel-zone{position:relative;width:min(420px,76vw);aspect-ratio:1;margin:0 auto 16px}.stl-wheel{position:absolute;inset:0;border-radius:50%;border:8px solid #ffd400;background:conic-gradient(from -20deg,#ff2b91 0 40deg,#ffd400 40deg 80deg,#151515 80deg 120deg,#ff2b91 120deg 160deg,#ffd400 160deg 200deg,#151515 200deg 240deg,#ff2b91 240deg 280deg,#ffd400 280deg 320deg,#151515 320deg 360deg);box-shadow:0 0 28px rgba(255,212,0,.3),inset 0 0 24px #000}
.stl-wheel-label{--a:calc(var(--i)*40deg + 20deg);position:absolute;left:50%;top:50%;width:112px;margin-left:-56px;transform:rotate(var(--a)) translateY(-150px) rotate(calc(-1*var(--a)));transform-origin:50% 50%;font-size:10px;line-height:1.05;text-shadow:0 1px 4px #000;display:flex;flex-direction:column;gap:2px}.stl-wheel-label b{font-size:10px}.stl-wheel-label small{font-size:12px;font-weight:900}
.stl-pointer{position:absolute;z-index:6;left:50%;top:-8px;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 2px 4px #000)}
.stl-wheel-center{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;background:#09090a;border:5px solid #ff2b91;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 20px #000}.stl-wheel-center b{color:#ffd400;font-size:14px}.stl-wheel-center small{font-size:9px;letter-spacing:2px}
.stl-roulette-spin,.stl-result-actions button{border:0;border-radius:14px;background:linear-gradient(90deg,#ff2b91,#ff006e);color:#fff;font-weight:1000;font-size:18px;padding:14px 24px;cursor:pointer;box-shadow:0 8px 30px rgba(255,43,145,.28)}.stl-roulette-spin.hidden{display:none}.stl-roulette-fine{font-size:10px;color:#aaa;margin-top:9px}
.stl-roulette-countdown{position:absolute;z-index:20;left:50%;top:54%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(5,5,5,.94);border:4px solid #ffd400;box-shadow:0 0 40px rgba(255,43,145,.55)}.stl-roulette-countdown.hidden{display:none}.stl-roulette-countdown b{font-size:72px;line-height:.9;color:#fff;text-shadow:4px 4px 0 #ff2b91}.stl-roulette-countdown small{font-size:10px;font-weight:1000;color:#ffd400;letter-spacing:2px}.stl-roulette-countdown.pulse{animation:stlCount .62s ease both}@keyframes stlCount{0%{transform:translate(-50%,-50%) scale(.75);opacity:.3}45%{transform:translate(-50%,-50%) scale(1.08);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.stl-roulette-result{margin:8px auto 16px;padding:14px;border-radius:18px;background:#150f14;border:1px solid #4e263e;display:flex;flex-direction:column;gap:4px}.stl-roulette-result.hidden{display:none}.stl-result-fire{color:#ffd400;font-weight:900;letter-spacing:2px}.stl-roulette-result strong{font-size:30px}.stl-roulette-result em{font-style:normal;color:#ff2b91;font-weight:1000;font-size:34px}.stl-roulette-result small{color:#aaa}.stl-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.stl-result-actions button{font-size:14px;padding:11px 17px}.stl-result-actions .ghost{background:#242126;color:#ddd;box-shadow:none}.stl-result-actions .stl-declined{background:#242126;color:#999;box-shadow:none}
.stl-tablet-label{display:block;text-align:left;margin:14px 0 6px;font-size:12px;font-weight:900;color:#ddd}.stl-tablet-label select{width:100%;min-height:46px;margin-top:6px;border:1px solid #4d3143;border-radius:12px;background:#09090b;color:#fff;padding:10px 12px;font-weight:800}
.roulette-manual-card{border-color:#ff2b91!important;background:linear-gradient(145deg,#191018,#0a0a0c)!important;box-shadow:inset 0 0 0 1px rgba(255,212,0,.08)}.roulette-manual-card .cat{color:#ffd400!important}.roulette-manual-card strong{color:#ff2b91!important;font-size:24px!important}.roulette-manual-card small{display:block;margin-top:5px;color:#aaa;font-size:10px}.stl-roulette-order-locked{pointer-events:none!important;opacity:.52!important;filter:saturate(.65)}.stl-roulette-order-locked:before{content:"RULETA EN CURSO · ESPERA AL CLIENTE";position:absolute;z-index:8;left:50%;top:8px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:#ff2b91;color:#fff;font-size:10px;font-weight:1000;white-space:nowrap}
@media(max-width:700px){.stl-roulette-card{padding:15px 10px}.stl-wheel-zone{width:min(350px,82vw)}.stl-wheel-label{transform:rotate(var(--a)) translateY(-126px) rotate(calc(-1*var(--a)));width:92px;margin-left:-46px;font-size:9px}.stl-wheel-label b{font-size:8px}.stl-wheel-label small{font-size:10px}.stl-wheel-center{width:78px;height:78px}}
body.sl-operator-mode .stl-roulette-open{min-height:40px;height:40px;padding:4px 8px}.sl-operator-mode .stl-roulette-open>span{font-size:21px}.sl-operator-mode .stl-roulette-open b{font-size:11px}.sl-operator-mode .stl-roulette-open small{font-size:9px}

.stl-roulette-pos-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.stl-roulette-secondary{border:1px solid #5a3b50;background:#20141e;color:#fff;border-radius:12px;padding:8px 12px;font-weight:900;cursor:pointer;min-height:48px}
.stl-manual-chip{border-color:#ff2b91!important;color:#ffd400!important}
.stl-manual-grid.hidden{display:none!important}.stl-manual-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px!important}
.stl-manual-product{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;min-height:120px!important;padding:14px!important;border:1px solid #4d2940!important;background:linear-gradient(160deg,#1b1119,#0b0b0e)!important;color:#fff!important;text-align:left!important}
.stl-manual-product strong{font-size:24px;color:#ffd400;margin-top:3px}.stl-manual-product small{font-size:10px;color:#aaa;margin-top:5px}.stl-manual-tag{font-size:9px;font-weight:1000;letter-spacing:.12em;color:#ff2b91}
.stl-pair-card{max-width:520px}.stl-pair-url{word-break:break-all;border:1px solid #3a3037;background:#09090c;border-radius:12px;padding:10px;font-size:13px;color:#ddd}.stl-pair-code{display:block;font-size:56px;letter-spacing:.12em;color:#ffd400}.stl-pair-code-small{display:block;font-size:18px;color:#fff;margin-bottom:8px}
@media(max-width:760px){.stl-roulette-pos-actions{grid-template-columns:1fr}.stl-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-pair-code{font-size:42px}}