/* Stream-legible mode — everything here is scoped to html[data-stream] and cannot affect normal play.
   Target: readable at 720p in a corner of a broadcast, next to a facecam. The three things a viewer
   must read without squinting are BOTH SCORES, WHOSE TURN, and HOW MUCH IS AT RISK. */

html[data-stream] body{ font-size:18px; }

/* Scores: the headline number. 1.55rem -> ~3.4rem. */
html[data-stream] .psc{ font-size:3.4rem; line-height:1; letter-spacing:-.02em;
  text-shadow:0 2px 14px rgba(0,0,0,.65); font-variant-numeric:tabular-nums; }
html[data-stream] .nm{ font-size:1.5rem; font-weight:800; }
html[data-stream] .pav{ width:64px; height:64px; font-size:1.9rem; border-radius:16px; }
html[data-stream] .coin-ico{ transform:scale(1.6); transform-origin:center; margin-right:10px; }

/* Chrome a viewer does not need: wallet chips, chat, nav, promos. */
html[data-stream] .res,
html[data-stream] #chatBtn,
html[data-stream] .btn.nav,
html[data-stream] #coinPlus,
html[data-stream] #menuBtn,
html[data-stream] #audioBtn,
html[data-stream] #guide,
html[data-stream] .rchip{ display:none !important; }

/* Turn indicator reads as a state, not a caption. */
html[data-stream] #turnInd{ font-size:1.15rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }

/* Action buttons scale with the board so the audience can follow the decision. */
html[data-stream] .btn.roll{ font-size:1.5rem; padding:22px 18px; }
html[data-stream] .btn.side{ font-size:1.15rem; padding:18px 14px; }

/* The spectator HUD injected by stream.js — the finish line and the money at risk. */
html[data-stream] .dg-shud{
  display:flex; align-items:stretch; gap:10px; justify-content:center;
  margin:8px auto 4px; max-width:760px; padding:0 10px;
}
html[data-stream] .dg-shud .cell{
  flex:1; background:rgba(4,16,31,.72); border:1px solid rgba(255,255,255,.14); border-radius:14px;
  padding:10px 14px; text-align:center; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
}
html[data-stream] .dg-shud .lbl{
  font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#8fa6c8;
}
html[data-stream] .dg-shud .val{
  font-size:2.1rem; font-weight:900; line-height:1.1; color:#eaf0ff; font-variant-numeric:tabular-nums;
}
html[data-stream] .dg-shud .risk .val{ color:#ffd24a; }
html[data-stream] .dg-shud .risk.hot .val{ color:#ff9b5c; }
html[data-stream] .dg-shud .risk.hot{ border-color:rgba(255,155,92,.55); }

/* Give the board a comfortable broadcast width instead of a phone column. */
@media (min-width:900px){
  html[data-stream] .middle{ max-width:920px; margin-left:auto; margin-right:auto; }
}