.blind-display{margin:0;background:#151a18;color:#fff;font-family:'Bahnschrift','Segoe UI',sans-serif}
.blind-display *{box-sizing:border-box}
.blind-display [hidden]{display:none!important}
.board-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(290px,1fr);min-height:100vh}
.board-main{min-width:0;background:linear-gradient(#171b18b8,#171b18b8),url('/static/timer/background.png') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 24px 20px;min-height:100vh;color:#7ed8c4;text-align:center}
.board-badges{display:flex;justify-content:space-between;gap:15px;width:100%;color:#96d5f1;font-weight:700;font-size:clamp(14px,1.45vw,30px)}
.board-badges>div{background:#074936b8;border:1px solid #2a9976;border-radius:5px;padding:6px 12px;max-width:45%}
.board-badges strong{display:block;font-variant-numeric:tabular-nums}
.board-main h1{font-size:clamp(28px,4.5vw,90px);margin:8px 0;line-height:1.1;overflow-wrap:anywhere}
.board-main h2{font-size:clamp(24px,3.5vw,70px);margin:4px 0}
.board-time{font-family:'Cascadia Mono','Consolas',monospace;font-size:clamp(80px,17.5vw,360px);line-height:1.05;color:white;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.board-phase{height:1.2em;font-size:24px;color:#ebd69a}
.board-blinds{font-family:'Cascadia Mono','Consolas',monospace;font-size:clamp(26px,5.7vw,130px);font-weight:700;line-height:1.2;overflow-wrap:anywhere;max-width:100%}
.board-ante{font-size:clamp(20px,3.4vw,70px);font-weight:700;min-height:1.2em}
.board-next{font-size:clamp(14px,1.7vw,32px);color:#96d5f1}
.board-side{background:#0b4d3c;display:flex;flex-direction:column;border-left:1px solid #227555}
.board-side h2{font-size:clamp(20px,1.6vw,30px);color:#7ed8c4;text-align:center;margin:0 0 18px}
.board-stats,.board-points{padding:20px 15px}
.board-stats>div{display:flex;justify-content:space-between;gap:12px;font-size:clamp(14px,1.15vw,22px);margin:12px 0}
.board-stats b{font-family:'Consolas',monospace;text-align:right;white-space:nowrap}
.board-in-game{display:block;text-align:center;font-size:clamp(40px,3.9vw,80px);margin:20px 0}
.board-points{border-top:2px solid #267f62;flex:1}
.board-statistics{position:relative;min-width:0}
.board-statistics.notice-visible>.board-stats{visibility:hidden}
#board-notice{position:absolute;inset:0;background:#0b4d3c;padding:24px 16px;overflow:auto;display:grid;place-items:center}
.board-player-notice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%;overflow-wrap:anywhere}
.board-player-notice strong{font-size:clamp(24px,2.1vw,44px);max-width:100%}
.board-player-notice p{font-size:clamp(18px,1.5vw,30px);margin:0}
.board-player-notice>b{font-size:clamp(36px,3.3vw,68px)}
.notice-avatar{position:relative;display:grid;place-items:center;width:clamp(96px,9vw,180px);height:clamp(96px,9vw,180px);border-radius:50%;overflow:hidden;background:#173e33;border:2px solid #7ed8c4;font-size:50px;flex-shrink:0}
.notice-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.notice-avatar .avatar-initial{grid-area:1/1}
.notice-eliminated{color:#bbc3c0;filter:grayscale(1);opacity:.78}
.notice-return{color:#a4efcd}.notice-fire{display:block;width:clamp(56px,5vw,100px);height:clamp(56px,10vh,100px);object-fit:contain;flex-shrink:0}
.point-places>div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;font-variant-numeric:tabular-nums}.board-empty{display:grid;place-items:center;min-height:100vh;margin:0;padding:30px;font-size:clamp(24px,4vw,70px);text-align:center;color:#7ed8c4}
#board-connection{position:fixed;bottom:8px;left:8px;right:8px;background:#9c3327;color:#fff;padding:12px;text-align:center;z-index:5;margin:0}
.manager-timer-readout{font-size:clamp(24px,5vw,48px);font-variant-numeric:tabular-nums;color:var(--gold);margin:20px 0}
.game-dialog-inner{max-width:850px}.game-player,.game-action{padding:13px 0;border-bottom:1px solid var(--line)}.game-player>span{float:right;color:var(--muted)}.game-player p,.game-action p{font-size:12px;color:var(--muted);line-height:1.8}.game-action.voided{opacity:.55}.game-dialog-inner label{display:block;margin:12px 0}.game-dialog-inner label input,.game-dialog-inner label select{margin-top:6px}
.structure-scroll{overflow:auto;margin:20px 0}.structure-table{border-collapse:collapse;min-width:850px;width:100%}.structure-table th,.structure-table td{padding:6px;text-align:left;font-size:12px}.structure-table input{min-width:86px}.structure-table select{min-width:120px}.structure-buttons{white-space:nowrap}.structure-buttons button{padding:9px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer}
@media(max-width:800px){.board-layout{grid-template-columns:1fr}.board-main{min-height:70vh;padding:12px}.board-time{font-size:24vw}.board-blinds{font-size:9vw}.board-side{border-left:0}.board-stats>div{font-size:18px}.board-in-game{font-size:50px}.board-badges{font-size:14px}.board-main h1{font-size:8vw}.board-main h2{font-size:6vw}}

/* The room display fits both payout tiers in one landscape viewport. */
@media(min-width:801px){
  .board-layout{height:100dvh;min-height:0;grid-template-columns:minmax(0,3.5fr) minmax(310px,1fr)}
  .board-main{min-height:0;padding:clamp(8px,1.4vh,16px) 20px}
  .board-main h1{font-size:clamp(24px,min(4.5vw,7vh),90px);margin:4px 0}
  .board-main h2{font-size:clamp(20px,min(3.5vw,5vh),70px);margin:2px 0}
  .board-badges{font-size:clamp(12px,min(1.45vw,2.5vh),30px)}
  .board-time{font-size:clamp(60px,min(17.5vw,32vh),360px)}
  .board-phase{font-size:clamp(14px,2.8vh,24px)}
  .board-blinds{font-size:clamp(24px,min(5.7vw,10vh),130px)}
  .board-ante{font-size:clamp(18px,min(3.4vw,6vh),70px)}
  .board-next{font-size:clamp(12px,min(1.7vw,3vh),32px)}
  .board-side{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
  .board-side h2{font-size:clamp(16px,min(1.6vw,3vh),30px);margin:0 0 1vh}
  .board-stats,.board-points{padding:1.5vh 14px}
  .board-stats>div{font-size:clamp(12px,min(1.15vw,2.1vh),22px);margin:.9vh 0;gap:8px}
  .board-in-game{font-size:clamp(28px,min(3.9vw,6vh),80px);margin:1.4vh 0 0}
  .board-points .point-places>div{font-size:clamp(12px,min(1.15vw,2.1vh),22px);line-height:1.2;padding:.35vh 0}
  .point-tier{border-top:1px solid #ffffff26;margin-top:.3vh}
  #board-notice{padding:1.5vh 14px}
  .board-player-notice{gap:1.5vh}
  .notice-avatar{width:clamp(64px,14vh,150px);height:clamp(64px,14vh,150px)}
  .board-player-notice strong{font-size:clamp(20px,min(2.1vw,4.5vh),44px)}
  .board-player-notice p{font-size:clamp(16px,min(1.5vw,3.5vh),30px)}
}

.game-eliminated{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;color:var(--muted)}
.game-eliminated h3{font-size:13px;font-weight:500;margin:0 20px 8px}
.game-eliminated .player-row{opacity:.7;filter:grayscale(1)}

.game-counts{clear:both;padding-top:5px}
.game-counts p{display:flex;flex-wrap:wrap;gap:4px 14px;margin:3px 0}
.game-counts span{white-space:nowrap}
@media(max-width:480px){.game-player>span{float:none;display:block;font-size:12px;margin-top:4px}.game-counts p{column-gap:10px}}
