/* Live game and game replay pages */
body:has(#page-game) { background:#fbfaf6; }
#page-game { --game-ink:#1c3024; --game-green:#1c4b36; color:var(--game-ink); }
#page-game .breadcrumbs { padding:38px 0 22px; background:#183f31; }
#page-game .breadcrumbs .page-title { overflow-wrap:anywhere; color:#fff; font:700 clamp(33px,4vw,46px)/1.06 Georgia,serif; letter-spacing:-.035em; }
#page-game .breadcrumb-nav { color:#e8c97c; font-size:12px; }
#page-game .breadcrumb-nav a { color:#c5d5ca; }
#page-game>.section-block { padding:28px 0 60px!important; background:#fbfaf6; }
#page-game>.section-block>.row { align-items:flex-start; }
#page-game .nav-tabs { display:flex; gap:5px; margin-bottom:18px; padding:7px; border:1px solid #e3e8e0; border-radius:5px; background:#f0f3ed; }
#page-game .nav-tabs .nav-link { padding:10px 16px; border:1px solid transparent; border-radius:4px; color:#45634c; font-size:12px; font-weight:700; }
#page-game .nav-tabs .nav-link:hover { background:#fff; color:#1d573b; }
#page-game .nav-tabs .nav-link.active { border-color:#1d573b; background:#1d573b; color:#fff; box-shadow:0 4px 10px #1d573b26; }
#page-game .tab-content { min-width:0; }
#page-game #board.tab-pane { overflow:hidden; border:1px solid #e1e5dc; border-radius:5px; background:#fff; box-shadow:0 8px 24px #1a2e1e0b; }
#page-game #board.tab-pane>.row:first-child { margin:0; padding:12px 14px; border-bottom:1px solid #edf0ea; background:#f7f9f5; }
#page-game #board.tab-pane>.game-board { margin:14px auto; }
#page-game #gameControlsButtonsDiv { margin:12px 0!important; padding:0 10px; }
#page-game .gameControlsButtons,#page-game #guestSpecificButtons .btn { min-height:35px; padding:7px 12px; border:1px solid #d5dfd3; border-radius:4px; background:#f8faf6; color:#28573a; font-size:11px; font-weight:700; }
#page-game .gameControlsButtons:hover,#page-game #guestSpecificButtons .btn:hover { border-color:#1d573b; background:#1d573b; color:#fff; }
#page-game .chat-box { overflow:hidden; border:1px solid #e3e7df; border-radius:5px; background:#fff; box-shadow:0 8px 24px #1a2e1e0b; }
#page-game .chat-box .accordion-item { margin:0; border:0; border-bottom:1px solid #e8ebe5; border-radius:0; box-shadow:none; }
#page-game .chat-box .accordion-item:last-child { border-bottom:0; }
#page-game .chat-box .accordion-button { padding:16px 18px; color:#244a32; font-size:13px; font-weight:800; }
#page-game .chat-box .accordion-button:not(.collapsed) { background:#eff4ed; color:#1d573b; box-shadow:none; }
#page-game .chat-box .accordion-button:focus { box-shadow:0 0 0 .15rem #4e875025; }
#page-game .chat-box .accordion-body { padding:14px; }
#page-game #detailsTable { margin:0; color:#536358; font-size:12px; }
#page-game #detailsTable td { padding:9px 8px; border-color:#e8ebe5; vertical-align:middle; }
#page-game #detailsTable td:first-child { width:38%; color:#607164; font-weight:700; }
#page-game #detailsTable a { color:#286341; font-weight:700; text-decoration:none; }
#page-game #detailsTable img { width:38px; height:38px; margin-right:6px; border-radius:50%; object-fit:cover; }
#page-game #detailsTable .btn-primary { border-color:#1d573b; background:#1d573b; font-size:11px; }
#page-game #detailsTable .btn-primary:hover { border-color:#286b48; background:#286b48; }
#page-game .alert { border:0; border-radius:4px; font-size:13px; }
#page-game a { overflow-wrap:anywhere; }
@media(max-width:991px) {
 #page-game>.section-block { padding-top:22px!important; }
 #page-game .chat-box { margin-top:12px; }
}
@media(max-width:575px) {
 #page-game .breadcrumbs { padding:32px 0 19px; }
 #page-game>.section-block { padding-bottom:42px!important; }
 #page-game .nav-tabs { gap:2px; }
 #page-game .nav-tabs .nav-link { padding:9px 10px; font-size:11px; }
 #page-game .chat-box .accordion-body { padding:10px; }
 #page-game #detailsTable td { padding:8px 6px; }
}