/* LottoLuma — approved premium glossy number balls (2026-10-24)
   Intentionally scoped to the Advanced Random Number Generator only.
   Does not alter randomness, other tools, game studios, or exports. */
body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-result {
  padding: 19px 20px 22px;
  border-radius: 17px;
  background: linear-gradient(138deg,#f5fcfe 0%,#eff9fc 48%,#eaf5fb 100%);
  border: 1px solid #cfe5ec;
}
body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-result-head {
  margin-bottom: 17px;
}
body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-balls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11px;
}
body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-ball {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  width: 58px;
  height: 58px;
  min-width: 58px;
  padding: 0;
  flex: 0 0 58px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(8,135,133,.22);
  background:
    radial-gradient(ellipse at 29% 17%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.40) 8%,transparent 26%),
    radial-gradient(circle at 33% 25%,#b2fff4 0%,#6bf0e0 15%,#26dac9 39%,#04b7ae 62%,#049b99 81%,#046977 100%);
  color: #08283e;
  font-size: 1.07rem;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  text-shadow: 0 1px 0 rgba(255,255,255,.23);
  box-shadow:
    inset 0 3px 3px rgba(255,255,255,.46),
    inset -4px -7px 8px rgba(0,62,84,.16),
    0 7px 13px rgba(3,96,108,.22),
    0 1px 2px rgba(2,66,77,.13);
}
body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-ball::before {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 17%; top: 13%; width: 18%; height: 13%;
  border-radius: 70% 45% 70% 45%;
  transform: rotate(-29deg);
  background: rgba(255,255,255,.80);
  filter: blur(.45px);
}
body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-ball.extra {
  border-color: rgba(167,103,13,.28);
  background:
    radial-gradient(ellipse at 29% 17%,rgba(255,255,255,.91) 0%,rgba(255,255,255,.26) 8%,transparent 26%),
    radial-gradient(circle at 34% 24%,#fff9d7 0%,#ffdc7b 20%,#f1ad37 51%,#d78a19 76%,#9c590f 100%);
  color: #59330b;
  box-shadow: inset 0 3px 3px rgba(255,255,255,.42),inset -4px -7px 8px rgba(104,56,0,.19),0 7px 13px rgba(113,68,5,.20);
}
html[data-theme="dark"] body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-result {
  background: linear-gradient(135deg,#183a4f,#153347);
  border-color: #38657a;
}
@media(max-width:580px) {
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-result {padding: 16px 13px 19px;}
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-balls {gap: 6px;}
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-ball {
    width: 44px; height: 44px; min-width: 44px; flex-basis:44px; font-size:.92rem;
  }
}
@media(max-width:375px) {
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-result {padding-inline: 11px;}
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-balls {gap: 4px;}
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-ball {
    width: 35px; height: 35px; min-width: 35px; flex-basis:35px; font-size:.83rem;
  }
}
@media(prefers-reduced-motion:reduce) {
  body[data-lotto-tool="generator"] .lt-app #lt-gen-results .lt-ball {animation:none!important;transition:none!important;}
}