/* Teaching content only. All rules are scoped away from game cards and chips. */
#lobbyFeatureBody .community-hand-context { margin:16px 0; color:#eadcc2; font-size:12px; line-height:1.6; }
#lobbyFeatureBody .community-hand-context * { box-sizing:border-box; }
#lobbyFeatureBody .chc-table { display:flex; flex-wrap:wrap; justify-content:space-between; gap:3px 12px; margin-bottom:10px; color:#c5b391; font-size:10px; }
#lobbyFeatureBody .chc-turn { display:flex; align-items:center; gap:8px; padding:11px 12px; border:1px solid #789276; border-radius:9px; background:linear-gradient(115deg,#344737,#29362b); color:#f0ead2; }
#lobbyFeatureBody .chc-turn strong { flex:1; font-size:13px; }
#lobbyFeatureBody .chc-turn>span:last-child { flex:none; color:#c2d9b6; font-size:11px; }
#lobbyFeatureBody .chc-turn-dot { width:6px; height:6px; flex:none; border-radius:50%; background:#b8dea7; box-shadow:0 0 0 4px #c0e6b014; }
#lobbyFeatureBody .chc-players { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:9px 0 20px; }
#lobbyFeatureBody .chc-player { min-width:0; padding:10px; border:1px solid #78613e; border-radius:8px; background:#2c261ee0; }
#lobbyFeatureBody .chc-player.is-hero { border-color:#bea066; background:#463824; }
#lobbyFeatureBody .chc-player>span { display:flex; align-items:center; justify-content:space-between; gap:4px; font-size:10px; color:#cdbb9b; }
#lobbyFeatureBody .chc-player>span b { color:#f7d68e; font-size:13px; }
#lobbyFeatureBody .chc-player>strong { display:block; margin:3px 0; font-size:20px; color:#fff0ce; line-height:1.35; }
#lobbyFeatureBody .chc-player>small { display:block; color:#bda98a; font-size:9px; }
#lobbyFeatureBody .chc-history-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; margin-bottom:8px; }
#lobbyFeatureBody .chc-history-heading strong { color:#f1d399; font-size:12px; }
#lobbyFeatureBody .chc-history-heading>span { color:#bda98a; font-size:10px; }
#lobbyFeatureBody .chc-streets { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
#lobbyFeatureBody .chc-street { min-width:0; margin:0; padding:11px; border:1px solid #79613e; border-radius:9px; background:#27231de6; }
#lobbyFeatureBody .chc-street.is-current { border-color:#b89a61; background:linear-gradient(130deg,#383122,#2c281e); }
#lobbyFeatureBody .chc-street.is-future { padding:9px 11px; border-style:dashed; background:#29231b55; }
#lobbyFeatureBody .chc-street-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px; }
#lobbyFeatureBody .chc-street-head h4 { display:flex; align-items:center; gap:7px; margin:0; color:#efdbb3; font-size:12px; }
#lobbyFeatureBody .chc-street-head h4>span { display:grid; place-items:center; width:19px; height:19px; border:1px solid #8b7449; border-radius:50%; color:#d4b87d; font-size:10px; }
#lobbyFeatureBody .chc-street-head>small { color:#bba584; font-size:10px; }
#lobbyFeatureBody .chc-board { display:flex; gap:3px; flex-wrap:wrap; }
#lobbyFeatureBody .chc-board-card { padding:1px 4px; border:1px solid #aa9d81; border-radius:3px; background:#f6edd8; font-size:11px; font-weight:800; line-height:1.4; }
#lobbyFeatureBody .chc-suit-s { color:#252c2c; } #lobbyFeatureBody .chc-suit-h { color:#bd333d; } #lobbyFeatureBody .chc-suit-d { color:#255f97; } #lobbyFeatureBody .chc-suit-c { color:#286a4e; }
#lobbyFeatureBody .chc-actions { display:grid; gap:5px; list-style:none; margin:10px 0; padding:0; }
#lobbyFeatureBody .chc-action { display:flex; justify-content:space-between; align-items:baseline; gap:6px 12px; margin:0; padding:0; color:#eadcc2; font-size:11px; }
#lobbyFeatureBody .chc-action>.chc-actor { min-width:0; flex:1; color:#c5b392; overflow-wrap:anywhere; }
#lobbyFeatureBody .chc-action>span:last-child { max-width:64%; text-align:right; }
#lobbyFeatureBody .chc-action.is-hero>.chc-actor { color:#f2d18c; font-weight:750; }
#lobbyFeatureBody .chc-action.is-fold { color:#b6a58c; }
#lobbyFeatureBody .chc-action.chc-waiting { flex-wrap:wrap; padding-top:7px; border-top:1px dashed #806d47; color:#f0ce88; }
#lobbyFeatureBody .chc-waiting strong { font-size:11px; }
#lobbyFeatureBody .chc-street-pot { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:7px; border-top:1px solid #77634366; color:#bcaa8b; font-size:10px; }
#lobbyFeatureBody .chc-street-pot b { color:#e9cf94; font-size:12px; }
#lobbyFeatureBody .chc-pending { margin:9px 0 0; padding:9px 10px; border-left:2px solid #d2ac62; border-radius:0 5px 5px 0; background:#bd8e3914; color:#ebce96; font-size:11px; line-height:1.65; }
#lobbyFeatureBody .chc-decision { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:13px; }
#lobbyFeatureBody .chc-decision>div { min-width:0; padding:8px 10px; border:1px solid #7d6743; border-radius:7px; background:#332b20; }
#lobbyFeatureBody .chc-decision>div>span { display:block; color:#bdac8c; font-size:10px; }
#lobbyFeatureBody .chc-decision strong { display:block; color:#f2d9a6; font-size:17px; line-height:1.5; }
#lobbyFeatureBody .chc-decision>.is-call { background:#3b472d; border-color:#7e9765; }
#lobbyFeatureBody .chc-decision>.is-call>span { color:#cbd5b3; }
#lobbyFeatureBody .chc-decision>.is-call strong { color:#e6f4cc; }
#lobbyFeatureBody .chc-decision-note { margin:7px 0 0; font-size:10px; color:#c9b38a; line-height:1.7; }
#lobbyFeatureBody .chc-choice-heading { margin:16px 0 9px; font-size:13px; font-weight:750; color:#f3dfb4; }
#lobbyFeatureBody .ch-choices .ch-button { min-width:0; padding:9px 4px; white-space:normal; overflow-wrap:anywhere; }
@media (min-width:700px) {
  #lobbyFeatureBody .chc-players { grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); }
  #lobbyFeatureBody .chc-streets { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  #lobbyFeatureBody .chc-decision { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:359px) {
  #lobbyFeatureBody .chc-player { padding:8px; }
  #lobbyFeatureBody .chc-player>small { font-size:8px; }
  #lobbyFeatureBody .chc-action { gap:4px 7px; font-size:10px; }
  #lobbyFeatureBody .chc-street { padding:9px; }
}