.wins { padding: 0; overflow: hidden; }
  .wins[hidden], .wins-label[hidden] { display: none; }
  .wins-head { display: flex; justify-content: space-between; padding: 9px 14px; font-size: 11px; font-weight: 600;
               color: var(--muted); background: var(--elevated); border-bottom: 1px solid var(--border); }
  .win-row { display: flex; align-items: center; gap: 11px; padding: 10px 14px; border-top: 1px solid var(--border); overflow: hidden; }
  .win-row:first-child { border-top: 0; }
  .win-row .win-txt { flex: 1; min-width: 0; }
  .win-row .w1, .win-row .w2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .win-row .w1 { font-size: 11.5px; color: var(--muted); }
  .win-row .w2 { font-size: 14.5px; font-weight: 700; }
  .win-row .amt { flex: none; font-family: var(--display); font-size: 15px; font-weight: 700;
                  color: var(--cash); font-variant-numeric: tabular-nums; }
  .win-row.you { background: rgba(224,20,20,.06); box-shadow: inset 3px 0 0 var(--brand); }
  
  .win-row.in { animation: winIn .45s ease-out, winFlash 1.8s ease-out; }
  .win-row.out { animation: winOut .4s ease-in forwards; }
  @keyframes winIn { from { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } to { max-height: 64px; } }
  @keyframes winFlash { from { background: rgba(46,224,111,.18); } }
  @keyframes winOut { from { max-height: 64px; } to { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } }


  .wins-public {
    position: relative; overflow: hidden; isolation: isolate;
    padding: 88px var(--gutter) 96px; text-align: center;
    background:
      radial-gradient(60% 40% at 50% 52%, rgba(46, 224, 111, .11), transparent 72%),
      linear-gradient(180deg, var(--night) 0%, var(--night-2) 50%, var(--night) 100%);
  }
  .wins-public h2 { margin: 0; font: 800 clamp(29px, 8vw, 56px)/1.1 var(--display); letter-spacing: -.025em; text-wrap: balance; }
  .wins-public .wins-dot {
    display: inline-block; width: .24em; height: .24em; margin: 0 .3em .14em 0; border-radius: 50%;
    background: var(--brand); vertical-align: middle; animation: winsPulse 1.4s infinite;
  }
  @keyframes winsPulse { 50% { opacity: .35; } }
  .wins-public .wins-panel {
    width: min(100%, 520px); margin: clamp(26px, 5vh, 44px) auto 0; overflow: hidden; text-align: left;
    border-radius: 22px; border: 1px solid var(--line);
    background: rgba(17, 23, 39, .66); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 26px 50px -26px rgba(0, 0, 0, .85), 0 0 70px -24px rgba(46, 224, 111, .3);
  }
  .wins-public .wins-head {
    display: flex; justify-content: space-between; padding: 12px 18px; font: 600 12px/1 var(--body);
    color: var(--muted); background: rgba(238, 241, 245, .04); border-bottom: 1px solid var(--line);
  }
  .wins-public .win-row { display: flex; align-items: center; gap: 12px; padding: 11px 18px; border-top: 1px solid var(--line); overflow: hidden; }
  .wins-public .win-row:first-child { border-top: 0; }
  .wins-public .win-ico { width: 38px; height: 38px; border-radius: 11px; flex: none; }
  .wins-public .win-txt { flex: 1; min-width: 0; display: grid; }
  .wins-public .win-txt .w1, .wins-public .win-txt .w2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .wins-public .win-txt .w1 { font-size: 12.5px; line-height: 1.3; color: var(--muted); }
  .wins-public .win-txt .w2 { font: 700 16px/1.3 var(--body); }
  .wins-public .win-row .amt { flex: none; font: 800 16.5px/1 var(--display); color: var(--cash); font-variant-numeric: tabular-nums; }
  
  .wins-public .win-row.in { animation: winInPublic .45s ease-out, winFlashPublic 1.8s ease-out; }
  .wins-public .win-row.out { animation: winOutPublic .4s ease-in forwards; }
  @keyframes winInPublic { from { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } to { max-height: 70px; } }
  @keyframes winFlashPublic { from { background: rgba(46, 224, 111, .18); } }
  @keyframes winOutPublic { from { max-height: 70px; } to { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } }
  .wins-public .wins-cta { width: min(100%, 380px); margin: clamp(22px, 4vh, 34px) auto 0; }

.wins[hidden] {display:none}
.wins:not(.wins-public) {margin-top:24px}
.wins:not(.wins-public) .wins-panel {border:1px solid var(--border);border-radius:14px;overflow:hidden}
.wins:not(.wins-public) .wins-label {display:flex;align-items:center;margin-bottom:8px}
.wins:not(.wins-public) .wins-dot {width:6px;height:6px;margin:0 7px 0 0;border-radius:50%;background:var(--brand)}
.wins:not(.wins-public) .win-ico {width:34px;height:34px;border-radius:10px;flex:none}
.wins .win-txt .w2 {white-space:normal;overflow-wrap:anywhere}
[data-live-public] [data-live-error] {max-width:520px;margin:24px auto;text-align:center;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.wins-dot,.wins-public .wins-dot,.win-row.in,.win-row.out,.wins-public .win-row.in,.wins-public .win-row.out{animation:none}}