/* The Big Win Wall (wins.js). */
.wall-main{ padding-top:1.2rem; padding-bottom:3rem; }
.wall-top{ display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.wall-top h1{ margin:.15rem 0 .3rem; font:900 2.2rem var(--font-display); }
.wall-top p{ margin:0; }
.wall-kicker{ display:inline-flex; align-items:center; gap:.4rem; font:800 .75rem var(--font-display); letter-spacing:.16em; text-transform:uppercase; color:#ff5a5a; }
.wall-dot{ width:9px; height:9px; border-radius:50%; background:#ff3b3b; box-shadow:0 0 8px #ff3b3b; }
@media (prefers-reduced-motion: no-preference){
  .wall-dot{ animation:wall-blink 1.4s ease-in-out infinite; }
  @keyframes wall-blink{ 50%{ opacity:.25; } }
}
.wall-controls{ display:flex; gap:.5rem; }
.wall-layout{ display:grid; grid-template-columns:minmax(0, 1fr) 320px; gap:1rem; align-items:start; }
@media (max-width:980px){ .wall-layout{ grid-template-columns:1fr; } }
.wall-now{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; min-height:2.6rem; margin-bottom:.6rem; padding:.5rem .8rem; border-radius:12px;
  background:linear-gradient(90deg, rgba(255,203,5,.2), rgba(255,203,5,.04)); border:1px solid rgba(255,203,5,.45); }
.wall-now img{ width:30px; height:30px; border-radius:50%; object-fit:cover; }
.wall-now span{ flex:1; min-width:180px; }
.wall-gold{ color:#e0a800; }
.wall-frame{ position:relative; border-radius:18px; overflow:hidden; background:#0b0818; border:2px solid rgba(255,203,5,.35); box-shadow:0 14px 36px rgba(0,0,0,.4); }
.wall-frame iframe{ display:block; width:100%; height:min(78vh, 760px); border:0; }
.wall-side{ padding:1rem; border-radius:16px; background:var(--surface); border:1px solid var(--border); }
.wall-side h2{ margin:0 0 .6rem; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint); }
.wall-list{ list-style:none; margin:0; padding:0; display:grid; gap:.4rem; max-height:min(78vh, 760px); overflow:auto; }
.wall-item{ display:flex; align-items:center; gap:.55rem; padding:.45rem .55rem; border-radius:12px; cursor:pointer; background:rgba(127,127,127,.07); border:1px solid transparent; }
.wall-item:hover, .wall-item:focus-visible{ background:rgba(255,203,5,.12); outline:none; }
.wall-item.now{ border-color:#ffcb05; background:rgba(255,203,5,.16); }
.wall-item.seen:not(.now){ opacity:.7; }
.wall-av{ width:32px; height:32px; flex:none; border-radius:50%; object-fit:cover; background:rgba(127,127,127,.25); }
.wall-info{ display:flex; flex-direction:column; min-width:0; flex:1; }
.wall-info strong, .wall-info span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wall-amt{ display:flex; flex-direction:column; align-items:flex-end; }
.wall-amt b{ color:#e0a800; font-size:.9rem; }
.wall-x{ font-size:.72rem; padding:0 .35rem; border-radius:999px; background:#e3350d; color:#fff; }
.wall-empty{ padding:.6rem; }