.lsd4-app{max-width:1250px;margin:20px auto;padding:26px;border-radius:26px;background:linear-gradient(135deg,#07131d,#0c2440);color:#fff;font-family:Arial,sans-serif;box-shadow:0 18px 50px #0008}.lsd4-app header{display:flex;justify-content:space-between;align-items:center}.lsd4-app header small{letter-spacing:2px;opacity:.75}.lsd4-app header h2{font-size:34px;margin:5px 0}.lsd4-app header>b{border:1px solid #fff4;border-radius:25px;padding:10px 18px}.lsd4-drums{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}.lsd4-drums section{text-align:center}.lsd4-drums h3{font-size:24px}.lsd4-machine{position:relative}.lsd4-drum{height:310px;border-radius:50%;overflow:hidden;position:relative;border:7px solid rgba(220,236,255,.55);background:transparent;box-shadow:inset 0 0 30px rgba(255,255,255,.12),0 15px 35px rgba(0,0,0,.45)}.lsd4-glass{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 28%,transparent 72%,rgba(255,255,255,.12));pointer-events:none}.lsd4-base{height:34px;width:62%;margin:-5px auto;background:#bcc8d0;border-radius:50%;box-shadow:0 8px 15px #000}.lsd4-balls{position:absolute;inset:5%}.lsd4-balls span{position:absolute;width:31px;height:31px;margin:-15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff,#ddd 20%,#888 70%,#444);color:#111;font-size:10px;font-weight:800;box-shadow:0 4px 9px #000;animation:lsd4float 1.8s ease-in-out infinite alternate}.lsd4-balls.mixing span{animation:lsd4mix .22s linear infinite alternate}.lsd4-draw{font-weight:700;opacity:.8;margin-top:10px}.lsd4-results-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:18px;align-items:start}.lsd4-result-card{text-align:center;padding:10px 8px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.lsd4-result-label{font-size:20px;font-weight:800;margin-bottom:6px;color:#fff}.lsd4-winner{font-size:62px;font-weight:900;margin:0 auto 8px;width:125px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.35);color:#fff;text-shadow:0 2px 8px #000;box-shadow:0 0 25px rgba(255,255,255,.12)}.lsd4-draw{font-weight:700;opacity:.8;margin-top:4px;color:#fff}.lsd4-result-card:nth-child(1) .lsd4-winner{border-color:#ffd447}.lsd4-result-card:nth-child(2) .lsd4-winner{border-color:#70cfff}.lsd4-result-card:nth-child(3) .lsd4-winner{border-color:#ff7373}.lsd4-status{text-align:center;padding:14px;margin:18px 0;background:#fff1;border-radius:12px;font-weight:700}.lsd4-search{display:flex;gap:8px;flex-wrap:wrap}.lsd4-search input,.lsd4-search button{padding:11px;border-radius:9px;border:0}.lsd4-search button{cursor:pointer;font-weight:700}.lsd4-scroll{overflow:auto;margin-top:15px}.lsd4-history table{width:100%;border-collapse:collapse}.lsd4-history th,.lsd4-history td{padding:11px;border-bottom:1px solid #fff2;text-align:left}@keyframes lsd4float{to{transform:translateY(-6px)}}@keyframes lsd4mix{to{transform:translate(9px,13px) rotate(20deg)}}@media(max-width:800px){.lsd4-drums{grid-template-columns:1fr}.lsd4-results-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lsd4-result-label{font-size:14px}.lsd4-winner{width:92px;height:68px;font-size:42px}.lsd4-drum{height:330px}}

/* v5: resultados visibles, horizontales y limpios */
.lsd4-results-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px auto 8px;max-width:1050px}
.lsd4-result-card{min-width:0}
.lsd4-result-label{color:#fff;text-transform:uppercase;letter-spacing:.4px}
.lsd4-winner{color:#fff !important;background:rgba(0,0,0,.22);font-variant-numeric:tabular-nums}
.lsd4-history{margin-top:28px}
.lsd4-history h3{color:#fff;margin-bottom:14px}
.lsd5-history-table{min-width:760px}
.lsd5-history-table th{text-align:center !important;color:#fff;font-size:14px;white-space:nowrap}
.lsd5-history-table td{text-align:center !important;vertical-align:middle}
.lsd5-history-number{display:inline-flex;align-items:center;justify-content:center;width:58px;height:42px;border-radius:10px;color:#fff !important;font-size:23px;font-weight:900;line-height:1;background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.25);text-shadow:0 2px 6px #000}
.lsd5-history-number.first{border-color:#ffd447}
.lsd5-history-number.second{border-color:#70cfff}
.lsd5-history-number.third{border-color:#ff7373}
@media(max-width:800px){.lsd4-results-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lsd4-result-card{padding:8px 3px}.lsd4-result-label{font-size:12px}.lsd4-winner{width:82px;height:62px;font-size:38px}.lsd5-history-table{min-width:720px}}

/* v6: encabezados del historial siempre visibles */
.lsd4-history .lsd5-history-table thead th,
.lsd4-history .lsd5-history-table thead th * {
  color: #fff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px #000;
}
.lsd4-history .lsd5-history-table tbody td,
.lsd4-history .lsd5-history-table tbody td b {
  color: #fff !important;
}

/* v7: movimiento continuo para transmisión en vivo y salida del bolo por tubo */
.lsd4-machine{min-height:335px}
.lsd4-drum{width:min(100%,330px);height:310px;margin:0 auto;z-index:1}
.lsd4-balls span{animation:lsd4mix .75s ease-in-out infinite alternate;will-change:transform}
.lsd4-balls.mixing span{animation-duration:.16s}
@keyframes lsd4mix{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(var(--dx,9px),var(--dy,13px)) rotate(22deg)}}
.lsd4-tube{position:absolute;z-index:4;right:0;top:42px;width:54px;height:194px;border-radius:28px 28px 17px 17px;border:4px solid rgba(225,241,255,.78);background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(70,180,255,.34) 45%,rgba(255,255,255,.18));box-shadow:inset 0 0 12px #8ad8ff88,0 0 14px #148dff66;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.lsd4-tube:before{content:"";position:absolute;top:0;left:10px;right:10px;height:12px;border-radius:50%;background:#eaf8ff99}
.lsd4-tube-ball{width:40px;height:40px;flex:0 0 40px;margin-bottom:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff,#f4f4f4 28%,#b9cce2 72%,#53677f);border:2px solid #fff;color:#06172b;font-weight:900;font-size:17px;box-shadow:0 0 20px #ffdc57,0 4px 8px #0009;transform:translateY(-135px);opacity:.15}
.lsd4-tube-ball.draw-out{animation:lsd4-ball-out 1.25s cubic-bezier(.2,.8,.25,1) forwards}
@keyframes lsd4-ball-out{0%{transform:translateY(-135px) scale(.75);opacity:.1}65%{transform:translateY(0) scale(1.08);opacity:1}82%{transform:translateY(-9px) scale(1);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
.lsd4-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:15px 0 4px;padding:12px;border-radius:12px;background:rgba(0,20,65,.35);color:#fff;font-weight:700}
.lsd4-pagination button{border:1px solid #8ebeff;background:#0755c9;color:#fff;border-radius:8px;padding:9px 14px;font-weight:800;cursor:pointer}
.lsd4-pagination button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:800px){.lsd4-machine{min-height:320px}.lsd4-drum{height:285px;width:calc(100% - 25px)}.lsd4-tube{right:-2px;top:42px;width:44px;height:175px}.lsd4-tube-ball{width:32px;height:32px;flex-basis:32px;font-size:14px}}


/* v7.0.1: diseño ancho para ocupar casi toda la pantalla sin cambiar funciones */
.lsd4-app{
  width:calc(100vw - 32px) !important;
  max-width:1800px !important;
  box-sizing:border-box !important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  margin:20px 0 !important;
  padding:clamp(18px,2.2vw,38px) !important;
}
.lsd4-app *{box-sizing:border-box}
.lsd4-app header h2{color:#fff !important;line-height:1.15}
.lsd4-app header small{color:#fff !important}
.lsd4-app .lsd4-drums{gap:clamp(12px,2vw,30px);margin-top:clamp(20px,3vw,42px)}
.lsd4-app .lsd4-drum{width:min(100%, min(30vw,440px));height:clamp(290px,30vw,440px);margin:0 auto}
.lsd4-app .lsd4-machine{min-height:clamp(340px,34vw,470px)}
.lsd4-app .lsd4-tube{right:max(0px,calc((100% - min(100%, min(30vw,440px)))/2));height:clamp(175px,18vw,250px);width:clamp(44px,4vw,62px)}
.lsd4-app .lsd4-results-row{max-width:none;width:100%;gap:clamp(10px,1.5vw,24px)}
.lsd4-app .lsd4-result-label{font-size:clamp(15px,1.45vw,24px)}
.lsd4-app .lsd4-winner{width:clamp(88px,8vw,132px);height:clamp(66px,6vw,94px);font-size:clamp(38px,4vw,64px)}
.lsd4-app #lsd4-status{color:#fff}
.lsd4-app .lsd4-history{width:100%;color:#fff}
.lsd4-app .lsd4-history h3{color:#fff !important;font-size:clamp(21px,2vw,30px)}
.lsd4-app .lsd4-search input{max-width:100%;min-width:0}
.lsd4-app #lsd4-table{width:100%;max-width:100%;overflow-x:auto}
@media(min-width:1500px){
  .lsd4-app{width:calc(100vw - 48px) !important}
  .lsd4-app .lsd4-drum{height:440px}
}
@media(max-width:800px){
  .lsd4-app{width:calc(100vw - 16px) !important;padding:14px !important;border-radius:18px}
  .lsd4-app .lsd4-drums{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .lsd4-app .lsd4-machine{min-height:230px}
  .lsd4-app .lsd4-drum{width:calc(100% - 8px);height:clamp(155px,36vw,260px);border-width:4px}
  .lsd4-app .lsd4-tube{right:-1px;top:32px;width:30px;height:110px;border-width:2px}
  .lsd4-app .lsd4-tube-ball{width:24px;height:24px;flex-basis:24px;font-size:11px}
  .lsd4-app .lsd4-balls span{width:21px;height:21px;font-size:7px;margin:-10px}
  .lsd4-app .lsd4-drums h3{font-size:clamp(10px,2.5vw,15px);line-height:1.25}
  .lsd4-app .lsd4-results-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .lsd4-app .lsd4-result-label{font-size:clamp(10px,2.7vw,14px)}
  .lsd4-app .lsd4-winner{width:clamp(48px,14vw,82px);height:clamp(44px,12vw,62px);font-size:clamp(25px,6vw,38px)}
}