:root{ --cw-board-gutter: 8px; --cw-bg:#20160f; --cw-wood:#6b4e2e; --cw-accent:#d4b07a; --cw-green:#2ecc71; --cw-red:#e74c3c; --cw-yellow:#f1c40f; }
.cw-menu, .cw-container, .cw-profile, .cw-premium, .cw-tournaments, .cw-rooms { color:#eee; background: var(--cw-bg); padding:12px; border-radius:12px; }
.cw-menu-grid{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:12px; }
.cw-card{ display:block; background: var(--cw-wood); color:#fff; padding:16px; text-align:center; border-radius:12px; text-decoration:none; }
.cw-modal{ position:fixed; inset:0; display:grid; place-items:center; background: rgba(0,0,0,.5); z-index:999; }
.cw-modal-card{ background:#fff; color:#111; padding:16px; border-radius:12px; min-width:220px; }
.cw-promo-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }

/* Ensure hidden overlays are truly hidden across all themes/resets */
[hidden]{display:none !important;}

/* Promotion overlay buttons */
.cw-promo-grid button{
  width:72px; height:72px; border-radius:12px; border:2px solid #ddd; background:#fff;
  display:grid; place-items:center; cursor:pointer;
}
.cw-promo-grid button:hover{ box-shadow:0 0 0 3px rgba(0,0,0,.08) inset; }
.cw-promo-grid button img{ width:64px; height:64px; object-fit:contain; image-rendering:auto; }