:root {
  --green: #9dff1a;
  --green2: #55d292;
  --blue: #14a6ff;
  --ink: #030706;
  --cream: #fff8dc;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; font-family: Inter, system-ui, sans-serif; color: white; background: #020504; }
body::before { content: ""; position: fixed; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.08) 52%, rgba(0,0,0,.38)), url("./lotto_background.png") center / cover no-repeat; z-index: -2; }
body::after { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at 22% 15%, rgba(157,255,26,.22), transparent 34%), radial-gradient(circle at 75% 25%, rgba(20,166,255,.2), transparent 30%); z-index: -1; pointer-events: none; }
a { color: inherit; }
.site-page { overflow-x: hidden; }
.site-shell { min-height: 100vh; padding: 34px clamp(24px, 5vw, 86px); display: grid; grid-template-rows: auto 1fr auto; gap: 36px; }
.site-nav { display: flex; justify-content: space-between; align-items: center; }
.brand-mark, .live-head h1 { font-family: Anton, Impact, sans-serif; text-transform: uppercase; letter-spacing: 0; text-shadow: 0 0 20px rgba(157,255,26,.75), 4px 5px 0 #001b12; }
.brand-mark { font-size: clamp(42px, 6vw, 96px); color: var(--green); }
.live-link, .hero-actions a { text-decoration: none; background: linear-gradient(135deg, var(--green), var(--green2)); color: #03160d; font-weight: 900; text-transform: uppercase; padding: 14px 22px; border: 2px solid #ddff95; box-shadow: 0 0 26px rgba(157,255,26,.45); }
.hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 520px); align-items: center; gap: 40px; }
.eyebrow, article span, .jackpot-card span, .jackpot-readout span, .winner-reveal span, .panel-title span { color: #85f7ff; text-transform: uppercase; font-weight: 900; text-shadow: 0 0 14px rgba(20,166,255,.65); }
.hero h1 { font-family: Anton, Impact, sans-serif; font-size: clamp(90px, 13vw, 210px); line-height: .86; margin: 10px 0; text-transform: uppercase; color: var(--cream); text-shadow: 0 0 20px rgba(157,255,26,.42), 8px 10px 0 #07140c; }
.subhead { max-width: 720px; font-size: clamp(20px, 2vw, 34px); line-height: 1.15; font-weight: 900; color: #eaffdc; }
.hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 26px; }
.hero-actions span { color: var(--green); font-weight: 900; text-transform: uppercase; }
.jackpot-card, .site-stats article, .cycle-box, .jackpot-readout, .winner-reveal, .history-panel, .live-stats article { background: rgba(2, 10, 7, .72); border: 2px solid rgba(157,255,26,.65); box-shadow: inset 0 0 30px rgba(20,166,255,.18), 0 0 30px rgba(0,0,0,.35); backdrop-filter: blur(5px); }
.jackpot-card { padding: 34px; min-height: 260px; display: grid; align-content: center; }
.jackpot-card strong { font-family: Anton, Impact, sans-serif; color: var(--green); font-size: clamp(64px, 8vw, 132px); line-height: .9; text-shadow: 0 0 25px rgba(157,255,26,.68); }
.jackpot-card small { color: white; font-weight: 900; font-size: 20px; }
.site-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.site-stats article { padding: 22px; min-height: 126px; }
.site-stats strong { display: block; margin-top: 12px; font-family: Anton, Impact, sans-serif; font-size: clamp(34px, 4vw, 66px); color: var(--cream); }
.not-found { min-height: 100vh; display: grid; place-content: center; text-align: center; gap: 18px; }
.not-found h1 { font-family: Anton, Impact, sans-serif; font-size: 160px; margin: 0; color: var(--green); }
.live-page {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(0, 5, 4, .34), rgba(0, 8, 7, .2) 48%, rgba(0, 3, 8, .4)),
    url("./lotto_background.png") center / cover no-repeat #020504;
}
.live-viewport { width: 100vw; height: 100vh; overflow: hidden; display: grid; place-items: center; }
.live-board { width: min(100vw, 177.7778vh); height: min(100vh, 56.25vw); display: grid; grid-template-rows: 150px 1fr 155px 238px 56px; gap: 18px; padding: 28px 34px; }
.live-head { display: flex; justify-content: space-between; align-items: start; }
.live-chip { display: inline-block; background: var(--green); color: #03160d; padding: 8px 16px; text-transform: uppercase; font-weight: 900; font-size: 24px; }
.live-head h1 { margin: 4px 0 0; font-size: 92px; color: var(--green); line-height: .9; }
.live-head p { margin: 8px 0 0; font-weight: 900; color: var(--cream); font-size: 24px; }
.cycle-box { width: 330px; padding: 22px; text-align: right; }
.cycle-box span { color: #85f7ff; text-transform: uppercase; font-weight: 900; }
.cycle-box strong { display: block; font-family: Anton, Impact, sans-serif; font-size: 72px; color: var(--green2); }
.draw-stage { position: relative; min-height: 455px; display: grid; grid-template-columns: 1fr 460px; gap: 26px; align-items: stretch; }
.ball-orbit { position: absolute; inset: 0; pointer-events: none; }
.ball-wrap { --angle: calc((360deg / var(--count)) * var(--i)); position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; animation: drift 5s ease-in-out infinite; animation-delay: calc(var(--i) * -.45s); }
.ball-wrap img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 24px rgba(20,166,255,.7)); }
.ball-wrap span { position: absolute; inset: 0; display: grid; place-items: center; color: #111; font-family: Anton, Impact, sans-serif; font-size: 48px; transform: translateY(-2px); }
.is-drawing .ball-wrap { animation: drawspin 1.15s linear infinite; }
.jackpot-readout { padding: 34px; display: grid; align-content: end; z-index: 1; }
.jackpot-readout strong { font-family: Anton, Impact, sans-serif; font-size: 132px; line-height: .9; color: var(--green); text-shadow: 0 0 30px rgba(157,255,26,.7); }
.jackpot-readout p { font-size: 30px; color: var(--cream); font-weight: 900; text-transform: uppercase; }
.winner-reveal { padding: 34px; display: grid; align-content: center; z-index: 1; }
.winner-reveal strong { font-family: Anton, Impact, sans-serif; font-size: 54px; color: white; overflow-wrap: anywhere; text-shadow: 0 0 18px rgba(20,166,255,.9); }
.live-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.live-stats article { padding: 22px; }
.live-stats strong { display: block; margin-top: 12px; font-family: Anton, Impact, sans-serif; color: var(--cream); font-size: 52px; }
.history-panel { padding: 20px 24px; overflow: hidden; }
.panel-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.panel-title strong { font-size: 28px; }
.winner-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.winner-row { min-width: 0; display: grid; grid-template-columns: 54px 1fr 130px 82px; gap: 10px; align-items: center; padding: 11px 12px; background: rgba(1, 12, 9, .8); border: 1px solid rgba(85,210,146,.55); font-weight: 900; }
.winner-row span { color: var(--green); }
.winner-row strong { overflow: hidden; text-overflow: ellipsis; }
.winner-row em { color: #85f7ff; font-style: normal; text-align: right; }
.winner-row small { color: rgba(255,255,255,.72); text-align: right; }
.empty { grid-column: 1 / -1; display: grid; place-items: center; min-height: 130px; color: var(--cream); text-transform: uppercase; font-weight: 900; }
.live-board footer { display: flex; justify-content: space-between; align-items: center; color: var(--green); text-transform: uppercase; font-weight: 900; border-top: 2px solid rgba(157,255,26,.7); }
@keyframes drift { 0%,100% { transform: translate(-50%, -50%) scale(1); } 50% { transform: translate(-50%, -58%) scale(1.08); } }
@keyframes drawspin { 0% { transform: translate(-50%, -50%) rotate(0deg) scale(.95); } 100% { transform: translate(-50%, -50%) rotate(360deg) scale(1.08); } }
@media (max-width: 900px) { .hero, .site-stats { grid-template-columns: 1fr; } .site-nav { align-items: flex-start; gap: 18px; } }

.ball-wrap:nth-child(1) { left: 16%; top: 20%; }
.ball-wrap:nth-child(2) { left: 36%; top: 12%; }
.ball-wrap:nth-child(3) { left: 60%; top: 18%; }
.ball-wrap:nth-child(4) { left: 78%; top: 38%; }
.ball-wrap:nth-child(5) { left: 62%; top: 72%; }
.ball-wrap:nth-child(6) { left: 36%; top: 76%; }
.ball-wrap:nth-child(7) { left: 18%; top: 58%; }
.ball-wrap:nth-child(8) { left: 86%; top: 72%; }


/* Lotto Bank live v2 */
.live-page .live-viewport {
  display: block;
  width: 100vw;
  height: 100vh;
  padding: 0;
}
.live-board--bank {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  grid-template-rows: 1fr;
  gap: 28px;
  padding: 30px;
  transform: none;
}
.live-main {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: 135px minmax(0, 1fr) 150px 44px;
  gap: 22px;
}
.live-board--bank .live-head {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 24px;
  align-items: start;
}
.brand-block {
  min-width: 0;
}
.live-board--bank .live-chip {
  font-size: 19px;
  padding: 7px 14px;
}
.live-board--bank .live-head h1 {
  margin: 6px 0 0;
  font-size: clamp(58px, 5.2vw, 96px);
  line-height: .88;
  white-space: nowrap;
}
.live-board--bank .live-head p {
  max-width: 860px;
  margin: 8px 0 0;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-board--bank .cycle-box {
  width: auto;
  min-height: 124px;
  padding: 18px 22px;
  text-align: right;
  align-self: stretch;
}
.live-board--bank .cycle-box strong {
  margin-top: 4px;
  font-size: 64px;
  line-height: .95;
}
.live-board--bank .cycle-box small {
  display: block;
  margin-top: 6px;
  color: var(--cream);
  text-transform: uppercase;
  font-weight: 900;
}
.live-board--bank .draw-stage {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  grid-template-rows: minmax(0, 1fr) 158px;
  gap: 22px;
  border: 2px solid rgba(157, 255, 26, .7);
  background: rgba(0, 7, 5, .58);
  box-shadow: inset 0 0 60px rgba(20,166,255,.18), 0 0 35px rgba(0,0,0,.35);
  overflow: hidden;
  padding: 26px;
}
.live-board--bank .ball-orbit {
  position: absolute;
  inset: 20px 330px 170px 20px;
  z-index: 1;
}
.live-board--bank .ball-wrap {
  width: clamp(100px, 8.5vw, 170px);
  height: clamp(100px, 8.5vw, 170px);
  opacity: .96;
}
.live-board--bank .ball-wrap span {
  font-size: clamp(36px, 3vw, 58px);
}
.live-board--bank .jackpot-readout {
  grid-column: 1;
  grid-row: 1 / 3;
  align-content: end;
  padding: 34px 42px;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  z-index: 2;
}
.live-board--bank .jackpot-readout span,
.live-board--bank .winner-reveal span,
.live-board--bank .game-strip span,
.live-board--bank .panel-title span {
  font-size: 22px;
}
.live-board--bank .jackpot-readout strong {
  max-width: 100%;
  font-size: clamp(96px, 10.8vw, 188px);
  line-height: .86;
  overflow-wrap: anywhere;
}
.live-board--bank .jackpot-readout p {
  margin: 18px 0 0;
  font-size: 34px;
}
.live-board--bank .winner-reveal {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  align-content: center;
  padding: 22px;
}
.live-board--bank .winner-reveal strong {
  display: block;
  margin-top: 10px;
  font-size: clamp(30px, 2.5vw, 46px);
  line-height: 1.05;
  word-break: break-word;
}
.game-strip {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.game-strip article {
  min-width: 0;
  padding: 20px 24px;
  background: rgba(2, 10, 7, .76);
  border: 2px solid rgba(157,255,26,.65);
  box-shadow: inset 0 0 30px rgba(20,166,255,.16);
}
.game-strip strong {
  display: block;
  margin-top: 12px;
  font-family: Anton, Impact, sans-serif;
  font-size: clamp(34px, 3.1vw, 58px);
  line-height: .95;
  color: var(--cream);
  overflow-wrap: anywhere;
}
.live-board--bank footer {
  min-width: 0;
  gap: 20px;
  padding-top: 10px;
  font-size: 15px;
}
.live-board--bank footer span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-board--bank .history-panel {
  height: 100%;
  min-width: 0;
  padding: 24px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}
.live-board--bank .panel-title {
  margin-bottom: 18px;
}
.live-board--bank .winner-list {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.live-board--bank .winner-row {
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  padding: 14px;
  gap: 6px 12px;
}
.live-board--bank .winner-row strong {
  font-size: 21px;
}
.live-board--bank .winner-row em {
  grid-column: 2;
  text-align: left;
  font-size: 18px;
}
.live-board--bank .winner-row small {
  grid-column: 2;
  text-align: left;
}
.live-board--bank .empty {
  min-height: 100%;
  padding: 40px;
  text-align: center;
  border: 1px dashed rgba(157,255,26,.45);
}
.live-board--bank .ball-wrap:nth-child(1) { left: 10%; top: 17%; }
.live-board--bank .ball-wrap:nth-child(2) { left: 34%; top: 11%; }
.live-board--bank .ball-wrap:nth-child(3) { left: 61%; top: 19%; }
.live-board--bank .ball-wrap:nth-child(4) { left: 84%; top: 34%; }
.live-board--bank .ball-wrap:nth-child(5) { left: 55%; top: 52%; }
.live-board--bank .ball-wrap:nth-child(6) { left: 28%; top: 45%; }
.live-board--bank .ball-wrap:nth-child(7) { left: 73%; top: 7%; }
.live-board--bank .ball-wrap:nth-child(8) { left: 94%; top: 18%; }
@media (max-aspect-ratio: 16 / 10) {
  .live-board--bank { grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; padding: 22px; }
  .live-main { grid-template-rows: 120px minmax(0, 1fr) 132px 38px; gap: 16px; }
  .live-board--bank .draw-stage { grid-template-columns: minmax(0, 1fr) 340px; padding: 18px; }
}

/* Modern OBS live pass */
.live-page::before {
  display: none;
}
.live-page::after {
  background:
    radial-gradient(circle at 38% 40%, rgba(157, 255, 26, .08), transparent 34%),
    radial-gradient(circle at 72% 34%, rgba(20, 166, 255, .08), transparent 30%),
    linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.02) 44%, rgba(0,0,0,.2));
}
.live-board--bank {
  grid-template-columns: minmax(0, 1fr) clamp(280px, 27vw, 430px);
  gap: clamp(14px, 1.8vw, 30px);
  padding: clamp(14px, 2vw, 32px);
  background: rgba(0,0,0,.08);
}
.live-main {
  grid-template-rows: clamp(82px, 13vh, 132px) minmax(0, 1fr) clamp(96px, 15vh, 140px) clamp(28px, 4vh, 42px);
  gap: clamp(12px, 1.6vw, 22px);
}
.live-board--bank .live-head {
  grid-template-columns: minmax(0, 1fr) clamp(180px, 20vw, 290px);
  gap: clamp(12px, 1.4vw, 24px);
}
.live-board--bank .live-chip {
  border-radius: 999px;
  padding: 5px 10px;
  font-size: clamp(10px, 1vw, 16px);
  box-shadow: 0 0 20px rgba(157, 255, 26, .5);
}
.live-board--bank .live-head h1 {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(34px, 5.6vw, 92px);
  font-weight: 900;
  letter-spacing: -.04em;
  color: #b7ff24;
  text-shadow: 0 0 24px rgba(157, 255, 26, .55);
}
.live-board--bank .live-head p {
  font-size: clamp(11px, 1.5vw, 22px);
  color: rgba(255, 248, 220, .88);
}
.live-board--bank .cycle-box,
.live-board--bank .draw-stage,
.game-strip article,
.live-board--bank .history-panel,
.live-board--bank .winner-reveal {
  border: 1px solid rgba(137, 255, 65, .38);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(8, 26, 20, .76), rgba(2, 9, 8, .66)),
    rgba(1, 10, 8, .54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 34px rgba(20, 166, 255, .07),
    0 10px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(5px);
}
.live-board--bank .cycle-box {
  min-height: 0;
  padding: clamp(10px, 1.4vw, 18px);
}
.live-board--bank .cycle-box span,
.live-board--bank .cycle-box small {
  font-size: clamp(9px, .95vw, 13px);
}
.live-board--bank .cycle-box strong {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(24px, 4.9vw, 64px);
  font-weight: 900;
  letter-spacing: -.04em;
}
.live-board--bank .draw-stage {
  grid-template-columns: minmax(0, 1fr) clamp(210px, 25vw, 390px);
  grid-template-rows: minmax(0, 1fr) clamp(98px, 16vh, 148px);
  padding: clamp(16px, 2vw, 32px);
  gap: clamp(12px, 1.5vw, 22px);
  background: linear-gradient(90deg, rgba(0, 9, 7, .66), rgba(0, 9, 7, .46));
  box-shadow: inset 0 0 42px rgba(20,166,255,.12), 0 12px 34px rgba(0,0,0,.34);
}
.live-board--bank .ball-orbit {
  inset: clamp(14px, 1.8vw, 28px) clamp(12px, 1.4vw, 24px) clamp(126px, 19vh, 185px) clamp(210px, 28vw, 480px);
}
.live-board--bank .ball-wrap {
  width: clamp(62px, 8vw, 150px);
  height: clamp(62px, 8vw, 150px);
  opacity: .9;
  mix-blend-mode: screen;
}
.live-board--bank .ball-wrap img {
  filter: var(--ball-filter, saturate(1.15)) drop-shadow(0 0 14px rgba(20,166,255,.45));
}
.live-board--bank .ball-wrap span {
  font-family: Inter, system-ui, sans-serif;
  font-weight: 900;
  font-size: clamp(20px, 3vw, 50px);
}
.live-board--bank .ball-wrap--drawn {
  animation: drawReveal .45s cubic-bezier(.2, 1.2, .24, 1) both, drift 5.8s ease-in-out .45s infinite;
}
.is-drawing .live-board--bank .ball-wrap--drawn {
  animation: drawReveal .45s cubic-bezier(.2, 1.2, .24, 1) both, drift 5.8s ease-in-out .45s infinite;
}
.live-board--bank .ball-wrap--fall {
  left: var(--fall-x);
  top: -16%;
  width: var(--fall-size);
  height: var(--fall-size);
  opacity: 0;
  z-index: 4;
  animation: ballFall var(--fall-duration) cubic-bezier(.18, .7, .3, 1) var(--fall-delay) forwards;
}
.live-board--bank .ball-wrap--fall span {
  font-size: clamp(16px, 2.3vw, 42px);
}
.live-board--bank .ball-wrap--fall img {
  filter: var(--ball-filter, saturate(1.2)) drop-shadow(0 0 18px rgba(157,255,26,.58));
}
.is-ball-rain .live-board--bank .draw-stage {
  box-shadow: inset 0 0 58px rgba(157,255,26,.16), 0 0 42px rgba(20,166,255,.22), 0 12px 34px rgba(0,0,0,.34);
}
@keyframes ballFall {
  0% {
    opacity: 0;
    transform: translate(-50%, -140%) rotate(0deg) scale(.72);
  }
  8% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 92vh) rotate(var(--fall-spin)) scale(1.08);
  }
}
@keyframes drawReveal {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.3) rotate(-18deg);
  }
  70% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.12) rotate(4deg);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}
.live-board--bank .jackpot-readout {
  padding: clamp(14px, 2.4vw, 40px);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .58), rgba(0, 0, 0, .18));
}
.live-board--bank .jackpot-readout span,
.live-board--bank .winner-reveal span,
.live-board--bank .game-strip span,
.live-board--bank .panel-title span {
  font-size: clamp(10px, 1.15vw, 18px);
  letter-spacing: .04em;
}
.live-board--bank .jackpot-readout strong {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(52px, 10.8vw, 168px);
  font-weight: 900;
  letter-spacing: -.075em;
  line-height: .84;
}
.live-board--bank .jackpot-readout p {
  margin-top: clamp(8px, 1.4vw, 18px);
  font-size: clamp(16px, 2vw, 31px);
}
.live-board--bank .winner-reveal {
  padding: clamp(12px, 1.6vw, 22px);
  background:
    linear-gradient(180deg, rgba(0, 13, 15, .74), rgba(0, 9, 7, .62)),
    rgba(0, 0, 0, .28);
}
.live-board--bank .winner-reveal strong {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(18px, 2.7vw, 42px);
  letter-spacing: -.035em;
  line-height: 1;
}
.game-strip {
  gap: clamp(10px, 1.4vw, 18px);
}
.game-strip article {
  padding: clamp(12px, 1.5vw, 22px);
  background: rgba(2, 10, 7, .72);
  border-color: rgba(157,255,26,.48);
}
.game-strip strong {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(21px, 3.2vw, 52px);
  font-weight: 900;
  letter-spacing: -.045em;
}
.live-board--bank footer {
  font-size: clamp(9px, 1vw, 14px);
}
.live-board--bank .history-panel {
  padding: clamp(14px, 1.8vw, 24px);
  background:
    linear-gradient(180deg, rgba(0, 12, 10, .74), rgba(0, 7, 6, .64)),
    rgba(0,0,0,.3);
}
.live-board--bank .panel-title {
  margin-bottom: clamp(10px, 1.4vw, 18px);
}
.live-board--bank .panel-title strong {
  font-size: clamp(18px, 2vw, 28px);
}
.live-board--bank .winner-list {
  gap: clamp(8px, 1.1vw, 12px);
}
.live-board--bank .winner-row {
  border: 1px solid rgba(85, 210, 146, .28);
  border-radius: 8px;
  background: rgba(0, 12, 10, .62);
  padding: clamp(10px, 1.35vw, 14px);
}
.live-board--bank .winner-row strong {
  font-size: clamp(14px, 1.6vw, 21px);
}
.live-board--bank .winner-row em,
.live-board--bank .winner-row small {
  font-size: clamp(11px, 1.2vw, 16px);
}
.live-board--bank .empty {
  min-height: 0;
  height: 100%;
  font-size: clamp(12px, 1.2vw, 16px);
  color: rgba(255, 248, 220, .82);
}
@media (max-width: 1000px) {
  .live-board--bank {
    grid-template-columns: minmax(0, 1fr) 245px;
    padding: 14px;
    gap: 12px;
  }
  .live-main {
    grid-template-rows: 84px minmax(0, 1fr) 82px 24px;
    gap: 10px;
  }
  .live-board--bank .live-head {
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 10px;
  }
  .live-board--bank .draw-stage {
    grid-template-columns: minmax(0, 1fr) 170px;
    grid-template-rows: minmax(0, 1fr) 78px;
    padding: 12px;
    gap: 10px;
  }
  .game-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .game-strip article {
    padding: 9px;
  }
  .live-board--bank .winner-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }
}