.room-code{display:block;width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;font-family:inherit;letter-spacing:0;cursor:text}
.room-code:focus{outline:1px solid #e7bd73;outline-offset:3px}
.admin-entry{display:inline-flex;text-decoration:none;margin-top:10px}
.disconnect-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;margin-bottom:14px;background:#392b2a;border-left:3px solid #dc9c72;color:#f4e5d6;font-size:13px}
.disconnect-banner[hidden]{display:none}
.disconnect-banner strong{white-space:nowrap;color:#ffd293;font-variant-numeric:tabular-nums}
.leader-row{min-height:49px}
.leader-row .points{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.leader-row .points small{color:#9ab5a7;font-size:10px;font-weight:500;white-space:nowrap}
.ban-notice{padding:11px 12px;margin-bottom:13px;border:1px solid #b66f67;background:#432a2a;color:#ffe4db;border-radius:4px;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.ban-notice[hidden]{display:none}
.seat-kick{flex:none;border:1px solid #8e5a53;background:transparent;color:#e2afa4;border-radius:4px;padding:5px 6px;font-size:10px;line-height:1}
.seat-kick:hover{background:#5c3431}
.seat-kick:focus-visible{outline:2px solid #f0c784;outline-offset:2px}
.seat-name{display:flex;align-items:center;gap:5px}
.seat-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seat-owner,.table-owner{flex:none;color:#f0c780;font-size:10px;font-weight:700;font-style:normal;white-space:nowrap}
.table-owner{font-size:inherit}
.table-role{color:#a8d5b6;font-size:inherit;font-weight:700;font-style:normal}
.history-row{align-items:flex-start;gap:10px}
.history-detail{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;line-height:1.4}
.history-detail small{color:#91aaa0;font-size:10px}
.history-row strong{flex:none;white-space:nowrap}
.history-cards{display:flex;flex-wrap:wrap;gap:4px}
.history-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:32px;height:43px;border:1px solid #d8d8ca;border-radius:4px;background:#f5f2e8;color:#25352d;line-height:1}
.history-card.red{color:#b84848}
.history-card b{font-size:11px}
.history-card span{font-size:18px}
.history-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-content:stretch;gap:7px;min-width:0;padding:0 0 12px}
.history-result{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-weight:700}
.history-plays{display:grid;gap:5px;min-width:0}
.history-play{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:6px;min-width:0}
.history-player{overflow:hidden;color:#9db7a8;text-overflow:ellipsis;white-space:nowrap}
.history-play.winner .history-player{color:#edc57f;font-weight:700}
.history-cards{flex-wrap:nowrap;justify-content:flex-start;min-width:0;overflow-x:auto;padding:2px 2px 5px}
.history-card.poker-face{width:34px;height:48px;margin-right:-12px}
.history-card.poker-face:last-child{margin-right:0}
@media(max-width:700px){.disconnect-banner{font-size:12px}.leader-row{min-height:45px}.left-sidebar .seat-list.has-room{display:grid}.left-sidebar .section-heading.seats-heading.has-room{display:flex;margin-top:14px;margin-bottom:8px}.right-sidebar #historyHeading{display:flex;margin-top:22px}.right-sidebar .history{display:grid}}