/* A warm paper score sheet surrounds the green playing table. */
.toep-game,.toep-board { --toep-ink:#263b58; --toep-cream:#fffaf0; --toep-peach:#b56645; color:var(--toep-ink); }
.toep-game { max-width:1060px; margin:0 auto; }
.toep-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.toep-heading h1 { font-family: inherit; font-size:clamp(2rem,3.6vw,3rem); line-height:1.12; letter-spacing:-.035em; margin:10px 0 24px; }
.toep-heading .vd-eyebrow { color:#a86246; }
.toep-stake { display:grid; justify-items:center; min-width:110px; padding:15px 20px; border:1px solid #e4d4b8; border-radius:18px; background:#f3e6c9; box-shadow:0 4px 12px #76634308; }
.toep-stake span { font-size: 12px; letter-spacing:.15em; font-weight:800; }.toep-stake strong { font-family: inherit; font-size:3.5rem; line-height:1.1; color:var(--toep-peach); }.toep-stake small { font-size: 12px; }
.toep-round-line { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:#68727a; padding:13px 0; border-bottom:1px solid #dfdfd7; }
.toep-turn { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:17px 0; font-size:16px; }.toep-live-dot { width:8px; height:8px; border-radius:50%; background:#b56645; }
.toep-announcement { padding:18px; margin:16px 0; background:#f1dcc9; color:#77432f; border-radius:15px; font-size:18px; line-height:1.5; }.toep-announcement small { display:block; font-size:12px; margin-top:6px; }
.toep-table { position:relative; min-height:190px; padding:26px; border:1px solid #3a6250; border-radius:26px; background:radial-gradient(ellipse at 50% 35%,#3e624c,#2d4c3a); color:var(--toep-cream); box-shadow:inset 0 0 0 5px #ffffff04, 0 5px 18px #263b5812; }
.toep-table-empty { min-height:160px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:8px; }.toep-table-empty>span { font-size:44px; color:#b7c4a6; }.toep-table-empty strong { font-family: inherit; font-size:22px; }.toep-table-empty p { color:#e5eddf; font-size:12px; margin:0; }
.toep-table-cards { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:20px; }.toep-played { width:93px; text-align:center; }.toep-played>strong { display:block; margin-top:10px; font-size:12px; overflow-wrap:anywhere; }.toep-played>small { display:block; color:#f0c4aa; font-size: 12px; line-height:1.3; margin-top:3px; }.toep-played-folded .toep-card { outline:2px dashed #e6b894; outline-offset:3px; }.toep-table-caption { font-size: 12px; text-transform:uppercase; letter-spacing:.13em; color:#e5eddf; margin:0 0 15px; }
.toep-card { display:flex; flex-direction:column; width:100%; padding:0; border:1px solid #e5dece; border-radius:10px; background:#fffaf0; color:#25372e; box-shadow:0 2px 0 #d1c9b8, 0 4px 9px #243c2d18; overflow:hidden; text-align:left; font-family: inherit; }.toep-card-face { position:relative; display:flex; flex-direction:column; min-height:115px; padding:8px; width:100%; box-sizing:border-box; }.toep-card-rank { font-size:24px; line-height:1; }.toep-card-suit { display:block; text-align:center; font-size:40px; line-height:1.35; }.toep-card-corner { position:absolute; right:8px; bottom:8px; font-size:16px; transform:rotate(180deg); }.toep-card-red { color:#a3332a; }.toep-card-action { display:block; font-family:inherit; font-size: 12px; padding:8px 2px; text-align:center; background:#ebe9dc; width:100%; min-height:29px; box-sizing:border-box; color:#3a3d31; }.toep-card-playable { cursor:pointer; border:1px solid #be876b; transition:transform 150ms ease, box-shadow 150ms ease; }.toep-card-playable .toep-card-action { background:#f0d5c0; color:#78432e; font-weight:700; }.toep-card-playable:hover { transform:translateY(-3px); }.toep-card-playable:focus-visible { outline:3px solid #486baf; outline-offset:4px; }.toep-card-idle { box-shadow:none; }
.toep-scoreboard { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:17px 0; }.toep-player { display:flex; justify-content:space-between; align-items:center; gap:8px; border:1px solid #dfdfd7; border-radius:14px; padding:12px 14px; min-width:0; background:#fffefa; transition:background-color 180ms ease, border-color 180ms ease; }.toep-player-current { border-color:#c98d6c; background:#faf0e3; box-shadow:inset 3px 0 #be7957; }.toep-player-out { background:#eeede6; color:#83867f; }.toep-player>div { min-width:0; }.toep-player>div>strong { display:block; overflow-wrap:anywhere; font-size:14px; }.toep-player>div>small { display:block; font-size: 12px; margin-top:5px; color:#616c62; }.toep-score { white-space:nowrap; }.toep-score b { font-family: inherit; font-size:27px; }.toep-score>small { margin-left:3px; font-size: 12px; color:#616c62; }
.toep-history { font-size:12px; color:#717a70; padding:12px 0; }.toep-history summary { cursor:pointer; min-height:30px; padding:6px 0; }.toep-history p { line-height:1.7; border-left:2px solid #d3b291; padding-left:12px; }.toep-rank-guide { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:13px; border:1px solid #dfdfd7; border-radius:14px; font-size: 12px; letter-spacing:.08em; color:#616c62; background:#f1efe5; }.toep-rank-guide strong { color:var(--toep-ink); font-size:13px; letter-spacing:.03em; }.toep-rank-guide>span { font-size: 12px; }
.toep-private-hand { margin:20px 0 0; padding:20px; border:1px solid #e0d7c5; border-radius:20px; background:#f1ebdc; }.toep-hand-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:16px; }.toep-hand-heading .vd-eyebrow { font-size: 12px; color:#a86246; }.toep-hand-heading>strong { font-size:14px; }.toep-hand-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; max-width:450px; margin:auto; }.toep-card-form { min-width:0; margin:0; }.toep-decision-help { font-size:13px; line-height:1.6; margin:18px 0 0; color:#6d746e; }.toep-decisions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }.toep-move { margin:0; }.toep-move .vd-button { width:100%; min-height:48px; }.toep-hide { display:block; text-align:center; padding:15px; color:#a86246; font-size:13px; text-decoration:underline; min-height:44px; }
.toep-public-knock { border:1px solid #dfdfd7; border-radius:18px; padding:20px; margin:24px 0; background:#fffefa; }.toep-public-knock h2 { font-family: inherit; font-size:23px; margin:0 0 8px; }.toep-public-knock p,.toep-next p,.toep-phone-knock p { font-size:12px; line-height:1.6; color:#646f63; }.toep-public-knock form { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.toep-public-knock label { grid-column:1/-1; font-size:12px; }.toep-public-knock select { min-width:0; min-height:48px; padding:10px; background:#fdf6e8; color:#292b26; border:1px solid #d8c7b2; border-radius:9px; }.toep-public-knock select:focus-visible { outline:3px solid #486baf; outline-offset:3px; }.toep-next { display:flex; flex-direction:column; gap:18px; align-items:center; padding:26px 0; }.toep-phone-knock { margin:20px 0; }.toep-spectator { padding:18px; background:#efeee2; border-radius:14px; font-size:14px; line-height:1.6; }.toep-box-art { width:100%; max-height:200px; }.toep-board-tv { max-width:1380px; margin:auto; }.toep-board-tv .toep-heading h1 { font-size:clamp(2.75rem,4vw,3.5rem); }.toep-board-tv .toep-stake strong { font-size:4rem; }.toep-board-tv .toep-scoreboard { grid-template-columns:repeat(4,minmax(0,1fr)); }.toep-board-tv .toep-turn { font-size:25px; }.toep-board-tv .toep-table { min-height:260px; }.toep-board-tv .toep-played { width:110px; }.toep-board-tv .toep-card-face { min-height:150px; }.toep-board-tv .toep-card-rank { font-size:30px; }.toep-board-tv .toep-card-suit { font-size:53px; }.toep-board-tv .toep-played>strong { font-size:16px; }.toep-board-tv .toep-player>div>strong { font-size:18px; }.toep-board-tv .toep-score b { font-size:34px; }
@media(max-width:600px){.toep-heading { gap:10px; }.toep-heading h1 { font-size:30px; margin-bottom:13px; }.toep-heading .vd-eyebrow { font-size: 12px; }.toep-stake { min-width:74px; padding:12px 9px; border-radius:13px; }.toep-stake span { font-size: 12px; }.toep-stake strong { font-size:39px; }.toep-stake small { font-size: 12px; }.toep-round-line { gap:8px 14px; font-size: 12px; }.toep-turn { font-size:14px; }.toep-table { padding:17px 12px; border-radius:19px; min-height:155px; }.toep-table-empty { min-height:125px; }.toep-table-empty strong { font-size:19px; }.toep-table-cards { gap:16px 10px; }.toep-played { width:calc((100% - 30px)/4); min-width:47px; }.toep-played>strong { font-size: 12px; }.toep-played>small { font-size: 12px; }.toep-card-face { min-height:96px; padding:6px; }.toep-card-rank { font-size:21px; }.toep-card-suit { font-size:29px; }.toep-card-corner { font-size:13px; right:5px; bottom:5px; }.toep-scoreboard { gap:7px; }.toep-player { padding:10px; gap:5px; }.toep-player>div>strong { font-size:12px; }.toep-player>div>small { font-size: 12px; }.toep-score b { font-size:23px; }.toep-score>small { font-size: 12px; }.toep-private-hand { padding:16px 12px; }.toep-hand-cards { gap:7px; }.toep-card-action { font-size: 12px; padding:7px 1px; min-height:34px; line-height:1.1; }.toep-rank-guide { gap:6px; padding:10px 6px; }.toep-rank-guide strong { font-size: 12px; }.toep-announcement { font-size:15px; padding:14px; }.toep-public-knock { padding:17px; }.toep-public-knock form { grid-template-columns:1fr; }.toep-public-knock label { grid-column:auto; }.toep-decisions .vd-button { padding-left:8px; padding-right:8px; }.toep-board-tv .toep-scoreboard { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(prefers-reduced-motion:reduce){.toep-game *,.toep-board * { animation:none!important; transition:none!important; }.toep-card-playable:hover { transform:none; }}
/* Keep the TV table and every score in one glance, including eight players. */
@media(min-width:900px){
  .pr-display.pr-game-toepen .toep-board-tv { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,26%); grid-template-areas:"heading heading" "round scores" "turn scores" "table scores" "history scores" "guide scores"; column-gap:28px; align-items:start; }
  .toep-board-tv .toep-heading { grid-area:heading; }
  .toep-board-tv .toep-round-line { grid-area:round; }
  .toep-board-tv .toep-turn,.toep-board-tv .toep-announcement { grid-area:turn; }
  .toep-board-tv .toep-table { grid-area:table; }
  .toep-board-tv .toep-scoreboard { grid-area:scores; grid-template-columns:minmax(0,1fr); margin-top:14px; }
  .toep-board-tv .toep-history { grid-area:history; }
  .toep-board-tv .toep-rank-guide { grid-area:guide; }
}
@media(min-width:900px) and (max-height:800px){
  .pr-display.pr-game-toepen { padding-top:12px; padding-bottom:12px; }
  .pr-display.pr-game-toepen .pr-room-header { min-height:46px; }
  .pr-display.pr-game-toepen .pr-connection { min-height:23px; padding-top:6px; }
  .pr-display.pr-game-toepen .pr-display-footer { margin-top:10px; padding-top:9px; }
  .toep-board-tv .toep-heading h1 { font-size:48px; margin:5px 0 12px; }
  .toep-board-tv .toep-heading .vd-eyebrow { font-size: 12px; }
  .toep-board-tv .toep-stake { padding:7px 20px; min-width:115px; }
  .toep-board-tv .toep-stake strong { font-size:48px; }
  .toep-board-tv .toep-stake span,.toep-board-tv .toep-stake small { font-size: 12px; }
  .toep-board-tv .toep-round-line { padding:8px 0; }
  .toep-board-tv .toep-turn { font-size:20px; margin:12px 0; }
  .toep-board-tv .toep-announcement { font-size:17px; padding:12px 16px; margin:10px 0; }
  .toep-board-tv .toep-announcement small { margin-top:3px; }
  .toep-board-tv .toep-table { min-height:210px; padding:20px 15px; }
  .toep-board-tv .toep-played { width:77px; }
  .toep-board-tv .toep-table-cards { gap:12px; }
  .toep-board-tv .toep-card-face { min-height:119px; }
  .toep-board-tv .toep-card-rank { font-size:25px; }
  .toep-board-tv .toep-card-suit { font-size:39px; }
  .toep-board-tv .toep-played>strong { font-size:12px; }
  .toep-board-tv .toep-played>small { font-size: 12px; }
  .toep-board-tv .toep-table-caption { margin-bottom:10px; }
  .toep-board-tv .toep-scoreboard { gap:7px; margin-bottom:0; }
  .toep-board-tv .toep-player { padding:8px 11px; }
  .toep-board-tv .toep-player>div>strong { font-size:14px; line-height:1.15; }
  .toep-board-tv .toep-player>div>small { font-size: 12px; margin-top:3px; }
  .toep-board-tv .toep-score b { font-size:27px; }
  .toep-board-tv .toep-history { padding:6px 0; }
  .toep-board-tv .toep-rank-guide { margin:8px 0 0; padding:9px; }
}
/* Dense tables keep all seven/eight names visible; smaller lineups retain their spacing. */
@media(min-width:900px){
  .toep-board-tv .toep-scoreboard:has(>.toep-player:nth-child(7)) { gap:6px; }
  .toep-board-tv .toep-scoreboard:has(>.toep-player:nth-child(7))>.toep-player { padding:8px 14px; }
}
@media(min-width:900px) and (max-height:800px){
  .toep-board-tv .toep-scoreboard:has(>.toep-player:nth-child(7)) { gap:5px; }
  .toep-board-tv .toep-scoreboard:has(>.toep-player:nth-child(7))>.toep-player { padding:5px 11px; }
}