/* 2026-10-17: Responsive real drawing and in-room chat. Scoped to games. */
body:has(.ejv24-club) .columns{display:block!important;grid-template-columns:minmax(0,1fr)!important}
body:has(.ejv24-club) .columns>.right-sidebar,
body:has(.ejv24-club) .columns>.left-sidebar{display:none!important}
body:has(.ejv24-club) .columns>.main-area{width:100%!important;max-width:1150px!important;margin:0 auto!important;min-width:0!important}
.ejp-classic-room,.ejp-classic-lobby{width:100%;max-width:1150px;margin-inline:auto;min-width:0}
.ejp-classic-room .ejv24-room-layout{grid-template-columns:minmax(0,1fr) 300px}
.ejp-messages-link{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#eef5ff;border:1px solid #c3d9ee;border-radius:4px;text-decoration:none;white-space:nowrap;font-size:12px}
.ejp-messages-link svg{width:17px;height:17px}
.ejp-drawing-stage{margin:13px 0;padding:10px;border:1px solid #cbdbe9;background:#f8fbff;border-radius:5px;min-width:0}
.ejp-drawing-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#2b6598;font-size:13px}
.ejp-drawing-top span{font-size:11px;color:#68819a}
.ejp-drawing-stage canvas{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:25/12;background:#fff;border:1px solid #d2dce7;border-radius:4px;touch-action:none;cursor:crosshair}
.ejp-drawing-stage canvas[data-draw-allowed=no]{cursor:default;touch-action:auto}
.ejp-drawing-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.ejp-classic-room .ejp-drawing-tools button{font-size:12px;min-height:32px;padding:4px 10px;color:#365b7d;background:#edf4fc;border-color:#c5d8e9}
.ejp-classic-room .ejp-drawing-tools button[aria-pressed=true]{color:#fff;background:#2d73ad;border-color:#245f90}
.ejp-classic-room .ejp-drawing-tools button[data-party-draw-tool=clear]{color:#a53e45;background:#fff4f4;border-color:#ddb7b7}
.ejp-drawing-stage>small{display:block;color:#728496;font-size:11px;margin-top:7px}
.ejp-room-chat{border-top:1px solid #d9e6f4;margin-top:12px;padding-top:10px;min-width:0}
.ejp-room-chat h2{color:#245f94;font-size:16px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 9px!important}
.ejp-room-chat h2 small{font-size:10px;font-weight:400}
.ejp-chat-list{min-height:145px;max-height:285px;overflow:auto;overscroll-behavior:contain;background:#f9fbfe;border:1px solid #d8e3f0;border-radius:4px;padding:7px;display:flex;flex-direction:column;gap:8px}
.ejp-chat-item{max-width:95%;align-self:flex-start;padding:7px 9px;border:1px solid #d7e5f3;background:#fff;border-radius:9px 9px 2px 9px;overflow-wrap:anywhere}
.ejp-chat-item.own{align-self:flex-end;background:#e7f2ff;border-color:#bfdaef;border-radius:9px 9px 9px 2px}
.ejp-chat-item b{display:block;color:#286b9b;font-size:11px}
.ejp-chat-item p{font-size:13px;color:#33485d;white-space:pre-wrap;line-height:1.6;margin:1px 0!important}
.ejp-chat-item small{font:normal 10px/1.3 Arial,sans-serif;color:#8090a0}
.ejp-chat-compose{display:flex;gap:5px;align-items:stretch;min-width:0}
.ejp-chat-caption{display:block;font-size:11px!important;margin:8px 0 2px!important;color:#657e95}
.ejp-classic-room .ejp-chat-compose input{font-size:14px;min-width:0;flex:1;width:0;margin:0!important}
.ejp-classic-room .ejp-chat-compose button{background:#2c73ad;color:white;font-size:12px;flex-shrink:0;min-height:38px;padding:6px 9px}
.ejp-classic-room .ejp-chat-list .ejp-log-empty{font-size:12px;margin:auto 0;text-align:center}
@media(max-width:780px){
 .ejp-classic-room .ejv24-room-layout{display:flex;flex-direction:column}
 .ejp-classic-room .ejv24-players-panel{width:100%!important}
 .ejp-room-chat{margin-top:13px}
 .ejp-chat-list{min-height:135px;max-height:245px}
}
@media(max-width:420px){
 .ejp-classic-room .ejv24-panel{padding:9px!important}
 .ejp-classic-room .ejv24-round-head{margin:-9px -9px 10px;padding:8px}
 .ejp-classic-room .ejv24-club-hero{padding:9px!important}
 .ejp-drawing-stage{padding:6px;margin:9px 0}
 .ejp-drawing-stage canvas{aspect-ratio:25/12}
 .ejp-drawing-tools{gap:4px}
 .ejp-classic-room .ejp-drawing-tools button{font-size:11px;padding:4px 7px}
 .ejp-classic-room .ejp-chat-compose button{min-width:65px}
}