/* Shared shell only: the colors, geometry and animations of playing pieces stay untouched. */
:root{--club-bg:#191b1d;--club-panel:#222527;--club-border:#34383a;--club-text:#f1eee5;--club-muted:#a4a6a5;--club-gold:#efb544;--text:#f1eee5;--muted:#a4a6a5;--accent:#efb544;--accent-2:#efb544;--warm:#efb544;color-scheme:dark}
html body,html body[data-game]{background:#191b1d;color:#f1eee5;font-family:Arial,Helvetica,sans-serif}body::before{display:none!important}body .ticker,body .house-rules,body>.footer{display:none!important}
body a.brand{display:inline-flex;align-items:center;gap:10px;transform:none;padding:0;border:0;box-shadow:none;color:#f1eee5;text-decoration:none;flex-shrink:0}.club-mark{width:32px;height:32px;display:block}.club-wordmark{font:600 25px/1 Arial;letter-spacing:-.8px}.topbar .brand:before,.topbar .brand:after{display:none}
body .topbar{min-height:64px;gap:18px;border-bottom:1px solid #34383a;margin-bottom:12px;padding-top:8px;padding-bottom:12px}body .topbar nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:500}body .topbar nav a{padding:8px 0;color:#d5d5d0}body .topbar nav a:hover{color:#efb544}body .topbar__back{background:transparent;border:1px solid #3c4143!important;border-radius:7px;color:#d7d8d3;box-shadow:none!important;font-size:13px;font-weight:500}
body .page{padding-bottom:32px!important}body[data-game] .hero{background:transparent!important;box-shadow:none!important;border:0!important;padding:6px 2px 12px!important}body[data-game] .hero h1{font-weight:500!important;color:#f1eee5}body[data-game] .layout__board,body[data-game] .layout__side{background:#202325!important;border:1px solid #34383a!important;border-radius:10px!important;box-shadow:none!important}body[data-game] .layout__side{padding:12px}
body .game-toolbar{background:#25292b;border:1px solid #393d3f;padding:5px;border-radius:8px}body[data-game] .stats{background:transparent!important;border:0!important;box-shadow:none!important}body[data-game] .stat{background:transparent!important}body[data-game] .stat strong{color:#efb544}body[data-game] .status-bar{background:transparent!important;color:#c5c7c5;border-color:#353a3c!important;font-size:14px}
body .button,body .rules-button,body .leaderboard button,body .topbar__back,body .btn,body .filter{font-family:Arial,sans-serif;transition:background .16s ease,border-color .16s ease,color .16s ease;transform:none!important;text-shadow:none;box-shadow:none!important;border:1px solid #3a4042!important;background:#292d2f;color:#e5e5dd;border-radius:7px!important;font-weight:500}
body .button:hover,body .rules-button:hover,body .btn:hover,body .filter:hover{background:#343a3c;border-color:#6d7475!important}body .button--primary,body .btn--ink,body .filter.is-active{background:#efb544!important;border-color:#efb544!important;color:#191b1d!important;font-weight:600}body .button--primary:hover,body .btn--ink:hover{background:#fac65a!important}
body select{background:#282d2f!important;color:#ecebe3!important;border:1px solid #414749!important;border-radius:6px;padding:8px;font-family:Arial,sans-serif;font-size:14px}body input:not([type=checkbox]):not([type=radio]){background:#222729;color:#efeee7;border:1px solid #414749;border-radius:7px}body input[type=checkbox]{accent-color:#efb544}body .game-setting,body .puzzle-setting{background:transparent!important;border:0!important;font-size:13px;color:#bfc2bf}
body .leaderboard{background:#202426!important;border:1px solid #343a3c;border-radius:8px;color:#e6e7df}body .leaderboard h2{font-weight:500;font-size:20px}body .leaderboard th,body .leaderboard td{border-bottom-color:#33383a}body .leaderboard tbody tr:first-child,body .leaderboard th:first-child{color:#efc975}body .leader-level,body .leader-status{color:#a4aaa7}
body .rules-dialog,body .record-dialog,body .game-result{background:#25292b!important;color:#f1eee5!important;border:1px solid #655735!important;border-radius:12px;box-shadow:0 20px 70px #0008}body .rules-dialog button,body .record-dialog button{background:#efb544;color:#191b1d;border:0;border-radius:7px;font-weight:500}
.club-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;max-width:1180px;margin:12px auto 0;padding:22px 18px;border-top:1px solid #34383a;color:#929895;font:13px/1.5 Arial;flex-basis:100%}.club-footer>a:first-child{color:#efb544;font-weight:600;font-size:17px}.club-footer a{text-decoration:none}.club-footer a:hover{color:#f2ca76}
/* Catalog: unified edge-to-edge charcoal, imagery carries the color. */
body.club-home .filters{max-width:none;justify-content:flex-start;min-width:0}
body.club-home .wrap{width:min(1180px,calc(100% - 36px))}body.club-home .intro{display:none!important}body.club-home .catalog{margin:0;padding:6px 0 24px;background:transparent;border:0;color:#f1eee5}body.club-home .catalog__head{justify-content:flex-start;margin:0 0 12px}body.club-home .filters{gap:8px;display:flex;flex-wrap:wrap}body.club-home .filter{padding:9px 15px;font-size:13px;min-height:38px}body.club-home .catalog-tools{margin-bottom:18px;gap:12px}body.club-home .catalog-sort{color:#a6aaa6;font-size:12px}body.club-home .game-search input{background:#222729!important;color:#eeeee7!important;border:1px solid #3b4143!important;font-size:14px;height:42px;min-height:42px}body.club-home .game-search input::placeholder{color:#8d9591}body.club-home .game-search button{border:1px solid #414749;border-radius:7px;font-size:12px}body.club-home .game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0;background:transparent}body.club-home .game-card{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;background:#222628!important;border:1px solid #353b3d!important;border-radius:8px;color:#f1eee5;box-shadow:none!important;transform:none!important;overflow:hidden;transition:border-color .18s,background .18s}body.club-home .game-card:hover{border-color:#b08d48!important;background:#282d2f!important}body.club-home .game-card__image{width:100%;aspect-ratio:3/2;border-radius:0;object-fit:cover;transform:none!important}body.club-home .game-card strong{font:500 17px/1.25 Arial;padding:12px 12px 6px;letter-spacing:0}body.club-home .game-card small{font:12px/1.4 Arial;color:#a7afaa;padding:0 12px 12px}body.club-home .game-card::after,body.club-home .game-card::before{display:none!important}.club-random{margin-left:auto;padding:9px 12px;font-size:12px}
body.club-home .game-card strong,body.club-home .game-card small{align-self:stretch;text-align:left}body.club-home .club-random{min-height:38px;padding:9px 12px}
.club-poker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 16px;border-bottom:1px solid #34383a;color:#d8d9d0;font-size:13px}body.club-poker .panel{background:#222628;border-color:#383e40;border-radius:10px;box-shadow:none}body.club-poker button.primary{background:#efb544;color:#191b1d;border-color:#efb544;box-shadow:none}body.club-poker .topbar{background:transparent}body.club-poker .home-link{color:#efc16c}
.account-link{display:inline-flex!important;align-items:center;gap:7px;text-decoration:none;white-space:nowrap}.account-link__avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#efb544;color:#191b1d;background-size:cover;background-position:center;font-size:13px}.account-link.is-logged-in{color:#efc16c!important}.theme-toggle{white-space:nowrap}
@media(max-width:1000px){body.club-home .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){body.club-home .wrap{width:calc(100% - 20px)}body .topbar{gap:10px;min-height:58px}body .topbar nav{gap:12px;font-size:12px}.club-wordmark{font-size:22px}.club-mark{width:28px;height:28px}body.club-home .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.club-home .game-card strong{font-size:15px;padding:10px 10px 5px}body.club-home .game-card small{font-size:11px;padding:0 10px 10px}body.club-home .filter{padding:8px 10px;font-size:12px}body.club-home .filters{gap:6px}.club-random{margin-left:0;font-size:11px;padding:8px}.club-footer{flex-wrap:wrap;gap:10px;padding:18px 12px}.club-footer span{font-size:11px}body[data-game] .layout__side{padding:8px}}
