/* Bluff Buffet on the TV, on top of the shared TV styles. */
.bb { min-width: 0; flex-direction: column !important; align-items: stretch !important; justify-content: center; gap: 3.4vh !important; }
.bb-top { display: grid; gap: 2vh; justify-items: start; }
.bb-top .lcd { height: 5vh; padding: 0 2vh; font-size: 2vh; border-radius: 1.2vh; margin: 0; }
.bb-dish { font: 800 9vh/1 var(--display) !important; letter-spacing: -.04em; margin: 0 !important; color: #FFD3C2; }
.bb-say { margin: 0; font-size: 3.4vh; color: var(--soft); }
.bb-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1.4vh; }
.bb-chips li { display: flex; align-items: center; gap: 1vh; padding: 1vh 2vh 1vh 1vh; border-radius: 99px; background: var(--panel); border: 1px solid var(--line); font: 600 2.6vh/1 var(--body); opacity: .55; }
.bb-chips li i { width: 3.6vh; height: 3.6vh; border-radius: 50%; background: var(--tint); }
.bb-chips li.done { opacity: 1; border-color: var(--lcd-ink); box-shadow: 0 0 1.4vh rgba(125,255,163,.25); }
.bb-chips li.away { opacity: .25; }
.bb-options { margin: 0; padding: 0; list-style: none; counter-reset: opt; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.8vh 2.4vw; }
.bb-options li { counter-increment: opt; display: flex; flex-direction: column; gap: 1vh; padding: 2.2vh 2.6vh 2.2vh 7vh; position: relative; border-radius: 2vh;
  background: var(--panel); border: 1px solid var(--line); font: 500 2.8vh/1.35 var(--body); }
.bb-options li::before { content: counter(opt, decimal-leading-zero); position: absolute; left: 2.4vh; top: 2.5vh; font: 400 2.2vh/1 var(--pixel); color: var(--lcd-ink); }
.bb-options.reveal li { opacity: .6; }
.bb-options.reveal li.real { opacity: 1; border-color: var(--lcd-ink); background: var(--lcd); box-shadow: 0 0 3vh rgba(125,255,163,.2); }
.bb-options small { font: 400 1.8vh/1.3 var(--pixel); text-transform: uppercase; letter-spacing: .04em; color: var(--soft); }
.bb-options li.real small { color: var(--lcd-ink); }
.bb .btn { justify-self: start; align-self: flex-start; }
.bb-scores { list-style: none; margin: 0; padding: 2vh; display: grid; gap: 1.4vh; border-radius: 2.4vh; background: var(--lcd); max-width: 80vh; }
.bb-scores li { display: flex; align-items: center; gap: 2vh; font: 600 3.4vh/1 var(--body); color: #DDF7E5; }
.bb-scores li i { width: 5vh; height: 5vh; border-radius: 50%; background: var(--tint); }
.bb-scores li b { flex: 1; }
.bb-scores li span { font: 400 4vh/1 var(--pixel); color: var(--lcd-ink); }
body.tv main, body.tv .screen { min-width: 0; }