.appwin91-prediction { min-width: 0; }
.appwin91-prediction__status { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.appwin91-prediction__live { display: inline-flex; align-items: center; gap: 8px; color: var(--appwin91-secondary); font-weight: 800; }
.appwin91-prediction__live::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(0,201,167,.1); }
.appwin91-prediction__clock { color: var(--appwin91-muted); font-variant-numeric: tabular-nums; }
.appwin91-prediction__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); gap: 20px; }
.appwin91-prediction__grid > * { min-width: 0; }
.appwin91-prediction__primary { grid-row: span 2; background: linear-gradient(135deg, rgba(108,92,231,.18), rgba(0,201,167,.08)), var(--appwin91-surface); }
.appwin91-prediction__label { margin: 0 0 8px; color: var(--appwin91-muted); font-size: .88rem; font-weight: 750; }
.appwin91-prediction__period { margin: 0 0 22px; color: #fff; font-size: clamp(1rem, 2.3vw, 1.42rem); font-weight: 850; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.appwin91-prediction__countdown { margin: 0 0 20px; color: #fff; font-size: clamp(2.5rem, 7vw, 5.4rem); font-weight: 900; line-height: 1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.appwin91-prediction__numbers { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.appwin91-prediction__number { display: grid; place-items: center; width: clamp(54px, 8vw, 72px); aspect-ratio: 1; border: 2px solid rgba(255,255,255,.22); border-radius: 50%; background: linear-gradient(145deg, var(--appwin91-primary), #304ffe); color: #fff; font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 900; box-shadow: 0 10px 24px rgba(48,79,254,.22); font-variant-numeric: tabular-nums; }
.appwin91-prediction__value { color: #fff; font-size: 1.36rem; font-weight: 850; overflow-wrap: anywhere; }
.appwin91-prediction__colour { display: inline-flex; align-items: center; gap: 9px; }
.appwin91-prediction__colour::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--appwin91-colour, var(--appwin91-secondary)); }
.appwin91-prediction__scorebar { height: 10px; margin-top: 13px; overflow: hidden; border-radius: 999px; background: #071124; }
.appwin91-prediction__scorebar span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--appwin91-primary), var(--appwin91-secondary)); transition: width .3s ease; }
.appwin91-prediction__note { margin-top: 20px; color: var(--appwin91-muted); font-size: .9rem; }
.appwin91-prediction__history { margin-top: 26px; }
.appwin91-prediction__history table { min-width: 650px; }
.appwin91-prediction__history td { font-variant-numeric: tabular-nums; }
.appwin91-prediction__links { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 820px) {
  .appwin91-prediction__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .appwin91-prediction__primary { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 640px) {
  .appwin91-prediction__grid { grid-template-columns: 1fr; }
  .appwin91-prediction__primary { grid-column: auto; }
  .appwin91-prediction__number { width: 58px; }
  .appwin91-prediction__status { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 340px) {
  .appwin91-prediction__number { width: 50px; }
}
@media (prefers-reduced-motion: reduce) {
  .appwin91-prediction__scorebar span { transition: none; }
}