/* Scoped to community lobby surfaces; never changes the in-game table. */
#lobbyFeatureBody .community-hub { color:#ead8b8; max-width:860px; margin:0 auto; padding:2px 0 24px; font-size:13px; }
.community-hub *, .community-hub *::before, .community-hub *::after { box-sizing:border-box; }
.ch-icon { display:inline-block; width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
#lobbyFeatureBody .community-hub button { font-family:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
#lobbyFeatureBody .community-hub button:disabled { opacity:.55; cursor:wait; }
#lobbyFeatureBody .ch-button { display:inline-flex; justify-content:center; align-items:center; gap:6px; min-height:44px; padding:8px 12px; border:1px solid #785d3c; border-radius:9px; background:#3a2e24; color:#e6cc9f; font-size:12px; line-height:1.5; }
#lobbyFeatureBody .ch-button.ch-primary { border-color:#e5c176; background:linear-gradient(#f0d38e,#d9b369); color:#3a2815; font-weight:800; }
#lobbyFeatureBody .ch-button.ch-link { padding:0 4px; border:0; background:transparent; color:#d9b979; font-size:11px; }
#lobbyFeatureBody .ch-button.ch-danger { color:#e6a99e; }
#lobbyFeatureBody .ch-button.ch-more { width:100%; margin-top:12px; }
#lobbyFeatureBody .ch-button.is-selected { border-color:#e6c382; background:#d9bb7c; color:#332516; font-weight:800; }
.community-hub :focus-visible, .ch-bell:focus-visible, .ch-lobby-notice:focus-visible { outline:2px solid #ffe2a4; outline-offset:2px; }
.community-hub h2,.community-hub h3,.community-hub p { margin:0; }
.community-hub h2 { color:#f3dfb4; letter-spacing:-.5px; }
.community-hub p { line-height:1.85; }
.ch-muted { color:#bba585; font-size:11px; }
.ch-error { color:#ffb5a6; margin:12px 0; line-height:1.7; }
.ch-feedback:empty { display:none; }
#lobbyFeatureBody .ch-tabs { display:flex; width:100%; gap:2px; border-bottom:1px solid #7a603d; margin-bottom:18px; }
#lobbyFeatureBody .ch-tabs .ch-button { flex:1; min-width:0; border:0; border-bottom:2px solid transparent; border-radius:0; padding:8px 1px; background:transparent; font-size:11px; white-space:nowrap; color:#c3ac88; }
#lobbyFeatureBody .ch-tabs .is-active { color:#f3d48e; border-bottom-color:#e6bd6c; font-weight:800; }
#lobbyFeatureBody .ch-home-link { padding:0; border:0; background:transparent; margin-bottom:5px; color:#bca580; font-size:11px; }
#lobbyFeatureBody .ch-activity-strip { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; margin-bottom:16px; padding:9px 12px; border:1px solid #79603b; border-radius:9px; background:#403221; color:#d9c19a; font-size:11px; text-align:left; }
.ch-activity-strip>span { flex:1; }.ch-activity-strip b { color:#f1ce87; }
.ch-daily { padding:17px; background:linear-gradient(135deg,#524028,#3c3022); border:1px solid #a58249; border-radius:12px; box-shadow:0 5px 16px #120d0829; }
.ch-overline { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; font-size:10px; color:#e4c681; margin-bottom:10px; }
.ch-overline span:last-child { color:#bda47a; }
.ch-daily h2 { font-size:20px; line-height:1.5; margin-bottom:6px; }
.ch-daily>p { font-size:12px; color:#d5c09a; }
.ch-felt { --community-card-width:clamp(23px,7.7vw,37px); display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 10px; background:radial-gradient(ellipse at 50% 0,#37483a,#28312a); border:1px solid #687056; border-radius:9px; margin:14px 0; }
.ch-felt>div { min-width:0; }.ch-felt>div:last-child { text-align:right; }
.ch-felt small { display:block; font-size:10px; color:#c8d0b4; margin-bottom:7px; }
.ch-cards { display:inline-flex; flex-wrap:nowrap; gap:4px; vertical-align:middle; }
/* Only dimensions are local; card-face-themes.css supplies the live deck paint. */
#lobbyFeatureBody .ch-card.card { position:relative; flex:none; width:var(--community-card-width,37px); height:calc(var(--community-card-width,37px) * 1.38); padding:0; line-height:1; }
#app #lobbyFeatureBody .ch-card.card-face { --face-rank-size:calc(var(--community-card-width,37px) * .49); --face-corner-size:calc(var(--community-card-width,37px) * .27); }
#lobbyFeatureBody .ch-card .suit { position:relative; }
#lobbyFeatureBody .ch-card .suit>.hd-suit-text { opacity:0; }
#lobbyFeatureBody .ch-card .suit>.hd-suit-vector { position:absolute; inset:0; display:block; width:100%; height:100%; fill:currentColor; }
.ch-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.ch-daily .ch-hint { text-align:center; font-size:10px; margin:10px 0 0; }
.ch-daily .ch-daily-answer { border-top:1px solid #8e7046; padding-top:11px; margin-top:12px; font-size:12px; white-space:pre-wrap; }
.ch-section { margin-top:24px; }
.ch-section-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
.ch-section-head h2 { font-size:16px; }
#lobbyFeatureBody .ch-post { display:block; width:100%; padding:14px; border:1px solid #705637; border-radius:10px; background:#352b23; color:#ecddc1; text-align:left; }
.ch-post+.ch-post { margin-top:9px; }
.ch-post-author { display:block; color:#b9a586; font-size:10px; margin-bottom:7px; }
.ch-post strong { display:block; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.ch-post .ch-cards { --community-card-width:28px; margin-top:10px; }
.ch-post-meta { display:block; color:#bea884; font-size:10px; margin-top:9px; }
.ch-tag { display:inline-flex; align-items:center; padding:4px 7px; border:1px solid #86683b; border-radius:5px; background:#4a3820; color:#e3c68c; font-size:10px; line-height:1.4; }
.ch-tag.ch-green { background:#2e3e2d; border-color:#6a7c52; color:#cedbb0; }
.ch-videos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.community-hub .ch-section:first-of-type { margin-top:0; }
.ch-video-carousel { display:flex; width:100%; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
.ch-video-carousel::-webkit-scrollbar { display:none; }
.ch-video-page { flex:0 0 100%; min-width:0; scroll-snap-align:start; }
.ch-video-pagination { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:10px; color:#c8ad7d; font-size:11px; }
#lobbyFeatureBody .ch-video-pagination .ch-button { min-width:44px; min-height:44px; padding:3px 10px; font-size:20px; }
.ch-video-pagination [data-ch-video-status] { min-width:40px; text-align:center; }
#lobbyFeatureBody .ch-hand-review-entry { display:flex; align-items:center; gap:10px; width:100%; padding:15px; margin-top:20px; border:1px solid #8b6e42; border-radius:11px; background:linear-gradient(125deg,#4b3a24,#362b20); color:#e7cf9f; text-align:left; }
.ch-hand-review-entry>span { flex:1; min-width:0; }
.ch-hand-review-entry strong { display:block; font-size:14px; }
.ch-hand-review-entry small { display:block; color:#bba27d; font-size:11px; margin-top:4px; }
.ch-hand-review-entry>.ch-icon:last-child { width:14px; height:14px; }
.ch-activity-strip { margin-top:16px; }
#lobbyFeatureBody .ch-video { padding:0 0 9px; border:1px solid #73593b; border-radius:9px; overflow:hidden; background:#392d24; color:#e7d4b2; text-align:left; }
.ch-video>span { display:block; position:relative; aspect-ratio:16/9; background:#29231d; }.ch-video img { display:block; width:100%; height:100%; object-fit:cover; }
.ch-video i { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:4px 11px; border-radius:6px; background:#b73027; color:white; font-size:12px; font-style:normal; }
.ch-video strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; padding:8px 9px 0; font-size:11px; line-height:1.5; }
.ch-video small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 9px 0; font-size:9px; color:#bda583; }
.ch-quick { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:20px 0 0; }
#lobbyFeatureBody .community-hub .ch-external-sites { margin-top:28px; padding-top:20px; border-top:1px solid #624d34; }
.ch-external-sites-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:5px 12px; margin-bottom:10px; }
.ch-external-sites-heading h2 { font-size:15px; }
.ch-external-sites-heading p { color:#bba585; font-size:10px; }
.ch-external-sites-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
#lobbyFeatureBody .community-hub .ch-external-site { display:flex; align-items:flex-start; gap:8px; min-width:0; min-height:76px; padding:12px; border:1px solid #705637; border-radius:9px; background:#352b23; color:#ecddc1; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.ch-external-site>span { flex:1; min-width:0; }
.ch-external-site strong { display:block; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.ch-external-site small { display:block; margin-top:5px; color:#bda88a; font-size:10px; line-height:1.6; overflow-wrap:anywhere; }
.ch-external-site>.ch-icon { width:14px; height:14px; margin-top:2px; color:#d9b979; }
@media (hover:hover) { #lobbyFeatureBody .community-hub .ch-external-site:hover { border-color:#b38b52; background:#403222; } }
.ch-empty { padding:18px 13px; border:1px dashed #756044; border-radius:9px; color:#bda88a; font-size:12px; line-height:1.8; text-align:center; }
.ch-empty .ch-button { display:flex!important; margin:10px auto 0; }
.ch-page-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:8px 0 18px; }.ch-page-head>div { min-width:0; }
.ch-page-head h2 { font-size:21px; line-height:1.5; }.ch-page-head p { color:#bda580; font-size:11px; margin-top:5px; }.ch-page-head p .ch-icon { width:13px; height:13px; }.ch-page-head>.ch-button { flex:none; }
.ch-personal-tabs { display:flex; gap:7px; margin:0 0 18px; }.ch-personal-tabs>.ch-button { flex:1; }
.ch-filters { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 14px; }#lobbyFeatureBody .ch-filters .ch-button { font-size:11px; padding:6px 10px; }
#lobbyFeatureBody .ch-notification { display:flex; align-items:flex-start; gap:10px; width:100%; min-height:90px; padding:16px 0; border:0; border-bottom:1px solid #5d4934; background:transparent; text-align:left; color:#ead8b7; }
.ch-notification-symbol { display:grid; place-items:center; flex:none; width:34px; height:34px; background:#4a3926; border-radius:10px; color:#e5c17d; }
.ch-notification-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:5px; }.ch-notification-copy strong { font-size:13px; line-height:1.65; overflow-wrap:anywhere; }.ch-notification-copy>span:not(.ch-kicker) { font-size:11px; line-height:1.7; color:#c5b08e; overflow-wrap:anywhere; }.ch-notification-copy>small { font-size:10px; color:#a99170; }
.ch-kicker { color:#e2c07d; font-size:10px; }.ch-notification.is-read .ch-kicker { color:#b59d7a; }.ch-unread-dot { width:6px; height:6px; margin:6px 0 0; background:#edc36e; border-radius:50%; }
.ch-search { display:flex; align-items:center; gap:7px; padding:0 9px; border:1px solid #775d3e; border-radius:9px; background:#31271f; margin-bottom:13px; }
#lobbyFeatureBody .ch-search input { min-width:0; flex:1; width:0; padding:10px 0; min-height:44px; border:0; background:transparent; color:#e9d9b9; font-size:16px; }.ch-search input::placeholder { font-size:12px; color:#b49d7a; }
#lobbyFeatureBody .ch-search button { min-height:44px; min-width:44px; border:0; background:transparent; color:#d9bc7f; font-size:12px; }
.ch-note { padding:15px; margin-bottom:12px; border:1px solid #70583b; border-radius:10px; background:#362b23; }.ch-note h3 { font-size:15px; color:#efdbb5; line-height:1.65; margin:9px 0; overflow-wrap:anywhere; }
.ch-note-excerpt { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#bea98a; font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
.ch-note-body { padding-top:10px; margin-top:10px!important; border-top:1px solid #624d33; font-size:12px; color:#e3cdab; white-space:pre-wrap; overflow-wrap:anywhere; }
.ch-note-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 6px; margin-top:10px; }.ch-note-foot>small { color:#a68f70; font-size:9px; }.ch-note-foot>span { display:flex; gap:8px; }
#lobbyFeatureBody .ch-study-card { display:flex; align-items:center; width:100%; gap:12px; padding:14px; border:1px solid #715b3b; background:#352c23; border-radius:10px; text-align:left; color:#e8d7b7; margin-bottom:10px; }
.ch-date-tile { flex:none; display:flex; flex-direction:column; align-items:center; padding:7px; min-width:47px; background:#4c3b25; border:1px solid #84683d; border-radius:8px; color:#e4c58d; }.ch-date-tile small { font-size:10px; }.ch-date-tile b { font-size:25px; line-height:1.35; }
.ch-study-copy { display:flex; align-items:flex-start; flex:1; min-width:0; flex-direction:column; gap:6px; }.ch-study-copy strong { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }.ch-study-copy>small,.ch-study-copy>span:not(.ch-tag) { font-size:10px; line-height:1.6; color:#bfa884; overflow-wrap:anywhere; }
.ch-study-hero { padding:20px; border:1px solid #657552; border-radius:12px; background:linear-gradient(135deg,#3c4834,#293128); margin-bottom:20px; }.ch-study-hero h2 { font-size:24px; line-height:1.5; margin:10px 0; overflow-wrap:anywhere; }.ch-study-hero p { color:#c9d1b3; font-size:12px; overflow-wrap:anywhere; }
.ch-study-details { display:grid; grid-template-columns:64px 1fr; gap:14px 8px; font-size:12px; line-height:1.6; margin:0 0 20px; }.ch-study-details dt { color:#b79e7a; }.ch-study-details dd { margin:0; color:#ead8b7; overflow-wrap:anywhere; }
.ch-study-body { color:#decaab; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; margin-bottom:18px!important; }
.ch-form { display:flex; flex-direction:column; gap:16px; }.ch-form label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#dcc49b; }
#lobbyFeatureBody .ch-form input,#lobbyFeatureBody .ch-form textarea { box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:12px; border:1px solid #836742; border-radius:8px; background:#30271f; color:#eee0c5; font-family:inherit; font-size:16px; line-height:1.65; color-scheme:dark; }.ch-form textarea { resize:vertical; }.ch-form input::placeholder,.ch-form textarea::placeholder { color:#a9916e; font-size:12px; }
.ch-form-actions { display:flex; justify-content:flex-end; gap:8px; }.ch-form-actions>.ch-button { min-width:90px; }
.lobby-feature-view-header .ch-bell { position:relative; display:grid; place-items:center; flex:none; width:44px; height:44px; border:0; border-radius:9px; background:transparent; color:#e7c47d; }.ch-bell .ch-icon { width:22px; height:22px; }.ch-bell em { position:absolute; top:1px; right:0; display:grid; place-items:center; min-width:16px; height:16px; padding:0 3px; border-radius:9px; background:#efc66e; color:#382816; font-style:normal; font-size:9px; font-weight:800; }
#lobbyFeatureBar [data-feature="board"] { position:relative; }.ch-menu-badge { display:inline-grid; place-items:center; min-width:16px; height:16px; padding:0 4px; border-radius:9px; background:#f0c76c; color:#352615; font-style:normal; font-size:9px; font-weight:800; }
#communityLobbyNotice { display:flex; align-items:center; gap:7px; width:calc(100% - 24px); min-height:40px; margin:3px 12px 6px; padding:8px 4px; border:0; border-bottom:1px solid #705736; background:transparent; color:#d9c29b; text-align:left; font-family:inherit; font-size:11px; }#communityLobbyNotice>span { flex:1; }#communityLobbyNotice .ch-icon { width:15px; height:15px; }#communityLobbyNotice[hidden],.lobby-feature-open #communityLobbyNotice { display:none; }
@media(min-width:800px) { #lobbyFeatureBody .community-hub { padding:8px 16px 32px; }.ch-felt { --community-card-width:43px; justify-content:center; gap:60px; }.ch-section-head h2 { font-size:18px; }.ch-post strong { font-size:16px; } }
@media(max-width:359px) { .ch-daily { padding:13px; }.ch-daily h2 { font-size:18px; }.ch-felt { padding:12px 8px; gap:6px; }#lobbyFeatureBody .ch-tabs .ch-button { font-size:10px; }.ch-page-head h2 { font-size:19px; }.ch-page-head>.ch-button { padding:7px 9px; font-size:11px; }.ch-study-hero h2 { font-size:21px; } }