@import url('/fonts.css');
:root{color-scheme:dark;--bg:#101516;--panel:#171d1f;--control:#21282a;--border:#2d3536;--text:#ebe9e2;--muted:#9aa4a3;--accent:#d7b77a;--green:#85b9a2;--red:#d77b70;--mono:'SFMono-Regular',Consolas,monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}button,input{font:inherit}button{cursor:pointer;color:inherit}button,input{appearance:none;-webkit-appearance:none}button{border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-weight:550;letter-spacing:-.035em}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}::selection{background:#6d6148;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#444f4d;border-radius:9px}::-webkit-scrollbar-track{background:transparent}
.topbar{height:82px;display:flex;align-items:center;gap:32px;padding:0 28px;border-bottom:1px solid var(--border);background:#13191a}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-.7px;min-width:236px;font-weight:550}.brand-mark{display:grid;place-items:center;width:40px;height:44px;border:1px solid #685b40;border-radius:11px;background:#28281f;color:var(--accent);font-size:32px}.brand-caption{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:2px;font-weight:500}.source-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:#7a8180}.status-dot.connected{background:var(--green);box-shadow:0 0 0 4px #85b9a210}.status-dot.error{background:var(--red)}.header-actions{display:flex;gap:10px;margin-left:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid #3c4543;border-radius:8px;background:#202729;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,border-color .15s}.button:hover{background:#2c3434;border-color:#7b7463}.button.primary{background:var(--accent);border-color:var(--accent);color:#26251e}.button.primary:hover{background:#e7ca92}.button.primary.capturing{background:#253c33;border-color:#4d7763;color:#c1e3d0}.button.subtle{background:transparent;color:#b5bfbb}.button.small{font-size:11px;min-height:32px;padding:7px 10px}.text-button{background:none;padding:0;color:var(--accent);font-size:11px}.text-button:hover{color:#f1dcae}.icon-button{display:grid;place-items:center;background:none;width:30px;height:30px;border-radius:7px;font-size:20px;color:#b9c2be}.icon-button:hover{background:#2c3634;color:#fff}.notice{padding:11px 28px;border-bottom:1px solid #624d40;background:#30251f;color:#e3b5a0;font-size:12px}.muted{color:var(--muted)}.eyebrow{font:10px/1.4 var(--mono);letter-spacing:1.5px;color:var(--muted)}
.workspace{display:grid;grid-template-columns:246px minmax(520px,1fr) 298px;align-items:start;min-height:calc(100vh - 118px)}
.lobby{position:sticky;top:0;padding:24px 16px 16px;height:calc(100dvh - 82px);display:flex;flex-direction:column;background:#141b1d;border-right:1px solid var(--border);min-height:460px}.lobby-heading{display:flex;justify-content:space-between;align-items:center}.lobby h1{font-size:20px}.count-badge{display:inline-grid;place-items:center;min-width:25px;height:23px;padding:0 7px;font:11px var(--mono);background:#262e2d;color:#c3c8bc;border:1px solid #3b423c;border-radius:6px}.lobby-subtitle{font-size:11px;margin:4px 0 20px;color:#8e9e98}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#1b2325;border-radius:8px;padding:8px 10px;margin-bottom:14px}.search-field>span{font-size:22px;color:#84908b;line-height:20px}.search-field input{width:100%;min-width:0;background:none;border:0;outline:0;color:var(--text);font-size:12px}.search-field:focus-within{border-color:#ab9468}.search-field input:focus-visible{outline:0}input[type=search]::-webkit-search-cancel-button{display:none}.lobby-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.lobby-filters label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:10px;font-weight:500;letter-spacing:.15px;color:var(--muted)}room-select{display:inline-block;min-width:0;vertical-align:middle}.lobby-filters room-select{width:100%}.filter-summary{display:flex;justify-content:space-between;align-items:center;min-height:39px;padding:0 2px;color:#83938d;font-size:10px}.filter-summary .text-button{font-size:10px}
.table-list{display:flex;flex-direction:column;gap:4px;overflow:auto;flex:1;min-height:140px;padding-right:3px}.table-item-wrap{position:relative;display:flex;align-items:center;width:100%;min-height:66px;flex-shrink:0;padding-right:6px;border:1px solid transparent;border-radius:8px;content-visibility:auto;contain-intrinsic-size:auto 66px}.table-item-wrap:hover{background:#202927}.table-item-wrap.selected{background:#303327;border-color:#736443}.table-item{display:block;text-align:left;background:none;flex:1;min-width:0;padding:10px 8px}.table-item-top,.table-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}.table-item strong{font-weight:550;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-item-bottom{font:10px var(--mono);color:#a4b0a9;margin-top:6px;white-space:nowrap}.table-item-bottom .seated{color:#70897d}.table-watch-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%}.table-watch-dot.live{background:var(--green);box-shadow:0 0 0 3px #85b9a214}.table-watch-dot.pending{background:var(--accent)}.watch-toggle{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;padding:0;font-size:18px;background:none;border:1px solid #394a40;border-radius:7px;color:#92aa9a}.watch-toggle:hover{background:#3b4333;color:#eee2c0}.watch-toggle.is-watched{background:#414333;border-color:#6f694a;color:#e0c48c}.lobby-footer{padding-top:16px;margin-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.lobby-watch-summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9da89e}.lobby-footer .text-button{font-size:10px}.lobby-footer #setup-button{align-self:flex-start;color:#8a9b91}
.table-panel{min-width:0;padding:28px 32px 26px;background:radial-gradient(ellipse at 50% 34%,#1a2923 0,transparent 60%)}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.table-heading .eyebrow{font-size:9px;color:#809188;letter-spacing:1px}.table-heading h2{font-size:29px;line-height:1.35;margin-top:5px}.mode-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #535141;background:#2e3027;color:#c8bc91;padding:5px 8px;border-radius:6px;font:9px var(--mono);letter-spacing:1px}.mode-badge.following{background:#243b31;border-color:#375d49;color:#99d1ac}.mode-badge.following:before{content:'';width:5px;height:5px;border-radius:50%;background:#99d1ac}.table-meta{display:flex;gap:22px;margin-top:15px;font-size:11px;color:#839a8b}.table-meta span{display:flex;gap:7px}.table-meta b{font-weight:500;color:#d1d9cd}.live-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0 12px;border-bottom:1px solid #2b3730;margin-top:7px}.live-strip>div{display:flex;flex-direction:column;gap:3px}.live-strip strong{font-size:11px;font-weight:500;color:#a7c8b1}.live-strip span{font-size:9px;color:#798e80}.live-strip.replaying strong{color:var(--accent)}.live-strip .button{background:transparent;border-color:#415044;color:#aebeac}.live-strip .button.selected{border-color:#7b7551;color:#e0c58b}
.table-stage{position:relative;height:438px;margin:25px 0 16px;isolation:isolate}.table-felt{position:absolute;inset:44px 18px 35px;border:10px solid #222d28;border-radius:47%;background:radial-gradient(ellipse at 50% 35%,#245343,#19392e 70%);box-shadow:0 0 0 1px #4a5040,inset 0 0 40px #091f1880,0 26px 36px #0004}.felt-inner{position:absolute;inset:13px;border:1px solid #668b6136;border-radius:48%;background:repeating-linear-gradient(45deg,#ffffff01 0px,#ffffff01 1px,transparent 1px,transparent 4px)}.felt-brand{position:absolute;bottom:32px;width:100%;text-align:center;font:10px var(--mono);letter-spacing:3px;color:#88a07555}.felt-brand>span{margin:0 10px}.board-area{position:absolute;top:148px;left:15%;right:15%;display:flex;align-items:center;flex-direction:column;gap:0;text-align:center}.pot-label{font:9px var(--mono);letter-spacing:2px;color:#8fb5a1}.pot-value{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.25;color:#f4e7c7;margin:5px 0 15px;font-variant-numeric:tabular-nums}.board-cards{display:flex;justify-content:center;gap:6px;min-height:63px}.card{display:flex;flex-direction:column;justify-content:space-between;width:44px;height:62px;padding:6px;border-radius:5px;background:linear-gradient(145deg,#faf8ee,#e9e5d9);color:#28342e;box-shadow:0 3px 5px #0003;position:relative;text-align:left}.card .rank{font:600 20px/1 Georgia,serif}.card .suit{font-size:23px;line-height:1;align-self:flex-end}.card.red{color:#b6544b}.card.back{background:repeating-linear-gradient(45deg,#324941,#324941 3px,#2a4038 3px,#2a4038 5px);border:2px solid #cabd92}.card.back:after{content:'♠';position:absolute;inset:0;display:grid;place-items:center;color:#c8b57c;font-size:22px}.card.placeholder{background:#14312766;border:1px dashed #6f94704a;box-shadow:none}.round-label{font:10px var(--mono);color:#a6baa0;margin-top:12px}.secondary-board{display:flex;gap:4px;margin-top:6px}.secondary-board .card{width:30px;height:39px;padding:4px}.secondary-board .rank{font-size:13px}.secondary-board .suit{font-size:16px}.board-area.multiple{top:118px}
.seat{position:absolute;width:110px;transform:translate(-50%,-50%);z-index:2;text-align:center}.seat-body{position:relative;padding:9px 7px;border:1px solid #4b5c4d;border-radius:9px;background:linear-gradient(150deg,#29372e,#1c2b24);box-shadow:0 7px 13px #0003;min-height:51px}.seat-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#cdd6c6}.seat-stack{display:block;font:500 13px var(--mono);margin-top:4px;color:#efe6c9}.seat-cards{display:flex;justify-content:center;height:35px;gap:3px;margin-bottom:-2px;position:relative;z-index:1}.seat-cards .card{width:26px;height:36px;padding:3px;border-radius:3px}.seat-cards .card .rank{font-size:12px}.seat-cards .card .suit{font-size:13px}.seat-cards .card.back:after{font-size:16px}.seat-status{position:absolute;left:0;right:0;top:calc(100% + 5px);color:#90ac91;font-size:10px;white-space:nowrap}.seat.active .seat-body{border-color:#d4b66f;box-shadow:0 0 0 2px #d4b66f18,0 0 22px #d4b66f12}.seat.active .seat-status{color:#e1c88c}.seat.active .seat-status:after{content:'';display:block;width:calc(var(--turn-remaining,0)*100%);height:2px;background:#cbb673;margin:3px auto 0;border-radius:2px}.seat.dimmed .seat-body{opacity:.63}.seat.winner .seat-body{border-color:#8aaf71;background:#304332}.empty-seat{width:88px}.empty-seat .seat-body{min-height:30px;padding:7px;border:1px dashed #45645088;border-radius:30px;color:#7d9f88;background:#132b2280;box-shadow:none;font-size:10px}.seat-markers{position:absolute;right:-8px;top:-9px;display:flex;gap:3px}.seat-marker{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e2ddc6;color:#2e3930;font-size:10px;box-shadow:0 2px 4px #0005}.seat-marker.blind{background:#4d6750;color:#d7e3c8;font-size:8px;border:1px solid #7b8f62}.seat-bet{position:absolute;top:calc(100% + 23px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;color:#d7caa2;font:10px var(--mono);white-space:nowrap}.seat.lower .seat-bet{top:auto;bottom:calc(100% + 8px)}.chip-dot{width:11px;height:11px;background:#a88b4d;border:2px dashed #ddc889;border-radius:50%}.hand-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 20px;font-size:11px}.hand-summary>div{display:flex;gap:8px;align-items:center;min-width:0}.hand-summary strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#acbeab}.live-mark{width:5px;height:5px;border-radius:50%;background:#78966e;flex-shrink:0}.hand-summary .text-button{font-size:10px;white-space:nowrap}
.replay-panel{background:#19221e;border:1px solid #344033;border-radius:12px;padding:17px 18px 12px}.replay-heading,.replay-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.replay-heading>div{display:flex;align-items:center;gap:10px}.replay-heading .eyebrow{font-size:9px;color:#b7c5a9}.replay-state{font-size:10px;color:#758e7b}.hand-select-label{display:flex;align-items:center;gap:8px;color:#8fa38c;font-size:10px}.hand-select-label room-select{min-width:104px}.replay-controls .play-controls{display:flex;gap:6px;align-items:center}.play-button{display:grid;place-items:center;height:32px;width:36px;background:#c7af77;color:#263021;border:1px solid #d8c18b;border-radius:7px;font-size:12px}.play-button:hover{background:#e2cc96}.play-controls .icon-button{width:25px;font-size:22px}.play-controls room-select{width:58px}.play-controls .muted{font:10px var(--mono);margin-left:6px}.replay-footnote{display:flex;justify-content:space-between;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid #303f31;color:#7b927b;font-size:9px}.replay-controls .small{min-height:30px;font-size:10px}.replay-panel room-select{--control:#222e24;--border:#40503d}
.multi-watch{margin-top:22px;padding-top:20px;border-top:1px solid #303a31}.multi-watch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.multi-watch-heading strong{font-size:12px;font-weight:500}.multi-watch-heading strong span{display:inline-block;margin-left:6px;color:#7d9582;font:9px var(--mono)}.multi-watch-heading p{font-size:10px;color:#6f897a;margin-top:5px}.watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;max-height:350px;overflow:auto}.watch-card{background:#1b2721;border:1px solid #354534;border-radius:10px;padding:12px;min-width:0}.watch-card.selected{border-color:#8b784b}.watch-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.watch-card-heading .text-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d9d6bd}.watch-card-heading .icon-button{width:20px;height:20px;font-size:16px}.watch-state{display:block;font:9px var(--mono);color:#c4a266;margin:4px 0 10px}.watch-state.watching{color:#84b494}.watch-board{display:flex;gap:4px}.watch-board .card{width:26px;height:36px;padding:4px}.watch-board .rank{font-size:12px}.watch-board .suit{font-size:14px}.watch-pot{display:block;margin-top:9px;font:12px var(--mono);color:#dac795}.watch-meta{display:block;font-size:9px;color:#8ca188;margin-top:4px}.watch-empty{grid-column:1/-1;padding:16px;border:1px dashed #354434;border-radius:9px;font-size:11px;color:#7e947f;text-align:center}.watch-error{font-size:10px;color:#d29d83;margin-top:8px}.bomb-pot-banner{margin-top:14px;border:1px solid #756140;border-radius:7px;padding:9px 12px;background:#322d20;color:#d5bc83;font-size:11px}.emote-banner{position:absolute;z-index:5;top:10px;left:50%;transform:translateX(-50%);padding:9px 12px;border:1px solid #718265;border-radius:9px;background:#23352bdd;white-space:nowrap;font-size:13px}
.inspector{position:sticky;top:0;display:flex;flex-direction:column;min-width:0;height:calc(100dvh - 82px);min-height:480px;border-left:1px solid var(--border);background:#151c1d;padding:25px 18px 18px}.inspector-heading{display:flex;align-items:center;justify-content:space-between}.inspector h2{font-size:17px}.tabs{display:flex;padding:4px;gap:2px;background:#202729;border:1px solid #303a39;border-radius:9px;margin:20px 0 12px}.tabs button{flex:1;background:transparent;padding:7px 4px;border-radius:6px;font-size:10px;color:#8fa09a}.tabs button[aria-selected=true]{background:#3a3c30;color:#e1cc9d;box-shadow:0 1px 3px #0004}.tab-pane{flex:1;min-height:0;overflow:auto}.activity-item{display:flex;align-items:flex-start;gap:9px;width:100%;padding:14px 0;border-bottom:1px solid #283330;background:none;text-align:left}.activity-item:hover{background:#1d2923}.activity-icon{width:25px;height:25px;flex:0 0 25px;border-radius:7px;display:grid;place-items:center;border:1px solid #3d4e40;background:#233029;color:#a1bb9a;font-size:12px}.activity-item.current .activity-icon{color:#e3ca8e;background:#3b3c29;border-color:#6b6742}.activity-body{flex:1;min-width:0}.activity-body strong{display:block;font-size:11px;font-weight:450;line-height:1.6;color:#cbd7c8}.activity-body span{display:block;color:#778e7a;margin-top:3px;font-size:9px;line-height:1.6}.activity-time{font:9px var(--mono);color:#718274;white-space:nowrap;padding-top:4px}.message-toolbar{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px}.message-toolbar label{display:flex;align-items:center;justify-content:space-between;color:#91a58f;font-size:11px}.message-toolbar room-select{min-width:145px}.message-toolbar input{width:100%;border:1px solid #354437;border-radius:7px;padding:8px 10px;background:#1b2720;color:var(--text);font-size:11px}.message-list{max-height:230px;overflow:auto;border:1px solid #2e3e31;border-radius:8px}.message-row{display:block;text-align:left;width:100%;padding:10px;background:transparent;border-bottom:1px solid #2a382c;font-size:11px}.message-row:hover,.message-row.selected{background:#293b2b}.message-direction{color:var(--accent);margin-right:8px}.message-row small{display:block;margin:5px 0 0 18px;font:9px var(--mono);color:#7f977a}.message-detail{margin:18px 0}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading .eyebrow{font-size:8px;letter-spacing:.5px}.detail-heading .text-button{font-size:9px}.raw-amount-note{font-size:9px;color:#7e917b;margin:8px 0}.message-detail pre{max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid #344433;border-radius:8px;background:#0f1912;color:#a9c297;font:10px/1.7 var(--mono)}.message-detail .muted{font-size:11px;line-height:1.7;margin-top:14px}.chat-message{padding:14px 0;border-bottom:1px solid #2e3f31}.chat-message strong{font-size:11px;color:#c7d6b7}.chat-message p{font-size:12px;line-height:1.6;color:#aebe9f;margin-top:5px;overflow-wrap:anywhere}.chat-note{font-size:10px;line-height:1.6;color:#70866d;margin-top:14px}.inspector-footer{padding-top:16px;margin-top:16px;border-top:1px solid #303d31}.inspector-footer>div:first-child{display:flex;align-items:center;justify-content:space-between}.inspector-footer .eyebrow{font-size:8px;letter-spacing:1px}.inspector-footer strong{font:10px var(--mono);color:#bbc5a8}.capture-breakdown{font:9px var(--mono);color:#7c9174;margin-top:8px}.statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;border-top:1px solid #2e3a30;background:#131a15;color:#7f9478;font:9px var(--mono)}.statusbar-dot{margin:0 8px}.empty{padding:22px 10px;color:#82977e;text-align:center;font-size:11px;line-height:1.8}.empty strong{display:block;color:#bbcca9}
room-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#080e0bc9;backdrop-filter:blur(12px)}.modal-panel{position:relative;width:min(100%,500px);max-height:calc(100dvh - 48px);overflow:auto;padding:34px;background:#1c2921;border:1px solid #5a6247;border-radius:18px;box-shadow:0 30px 100px #0008}.modal-panel h2{font-size:28px;line-height:1.25;margin:12px 0 20px;color:#efe6c7}.modal-panel p,.modal-panel li{font-size:13px;line-height:1.8;color:#b1c1a4}.modal-panel ol{padding-left:19px;margin:18px 0}.modal-panel li+li{margin-top:8px}.dialog-close{position:absolute;right:12px;top:12px}.dialog-endpoint{padding:15px 0;margin:20px 0;border-top:1px solid #41513b;border-bottom:1px solid #41513b;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#93a586}.dialog-endpoint code{font:11px var(--mono);color:#d6d6b6;overflow-wrap:anywhere}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 18px;border:1px solid #706c46;border-radius:10px;background:#313b29;color:#ebe3bc;box-shadow:0 10px 35px #0006;font-size:12px;z-index:3000}
@media(min-width:1550px){.workspace{grid-template-columns:268px minmax(580px,1fr) 320px}.table-panel{padding:32px 54px}.table-stage{height:480px}.board-area{top:168px}.board-area.multiple{top:132px}.seat{width:124px}.seat-stack{font-size:14px}.card{width:48px;height:68px}.table-felt{inset:44px 28px 35px}}
@media(max-width:1180px){.workspace{grid-template-columns:220px minmax(460px,1fr)}.inspector{position:static;grid-column:1/-1;height:auto;min-height:0;border-top:1px solid var(--border);border-left:0;padding:22px}.inspector .tab-pane{max-height:350px;min-height:180px}.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.inspector-footer{max-width:360px}.source-label{display:none}.table-panel{padding:26px 28px}.lobby{height:calc(100dvh - 82px)}.replay-state{display:none}}
@media(max-width:760px){.workspace{grid-template-columns:190px minmax(360px,1fr)}.lobby{padding:20px 10px}.lobby-filters{grid-template-columns:1fr;gap:10px}.table-panel{padding:22px 16px}.table-heading h2{font-size:23px}.table-meta{gap:12px;font-size:10px}.table-meta span{gap:4px}.table-stage{height:370px}.table-felt{inset:40px 5px 30px;border-width:8px}.board-area{top:133px;left:17%;right:17%}.board-area.multiple{top:98px}.card{width:31px;height:47px;padding:4px}.card .rank{font-size:16px}.card .suit{font-size:18px}.board-cards{gap:3px;min-height:47px}.pot-value{font-size:25px;margin-bottom:10px}.seat{width:90px}.seat-name{font-size:10px}.seat-stack{font-size:11px}.seat-body{padding:7px 5px}.empty-seat{width:70px}.seat-cards .card{width:23px;height:32px}.replay-panel{padding:14px 12px}.replay-footnote{flex-direction:column}.replay-controls{gap:6px}.replay-controls .small{font-size:9px;padding:6px}.play-controls .muted{font-size:9px}.live-strip span{max-width:210px}.header-actions .button{padding:8px 10px}.brand{min-width:0}.topbar{padding:0 18px}.multi-watch-heading{align-items:flex-start}.multi-watch-heading strong span{display:block;margin:4px 0 0}}
@media(max-width:580px){.topbar{height:70px;padding:0 14px;gap:10px}.brand{font-size:20px;gap:8px}.brand-mark{width:32px;height:36px;font-size:27px}.brand-caption{display:none}.header-actions{gap:6px}.header-actions .button{font-size:10px;padding:7px;min-height:32px}#import-button{font-size:0}.header-actions #import-button>span{font-size:16px}.workspace{display:block}.lobby{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--border);padding:20px 16px}.lobby-filters{grid-template-columns:1fr 1fr}.lobby-subtitle{margin-bottom:12px}.table-list{max-height:240px;min-height:100px}.lobby-footer{flex-direction:row;align-items:center;justify-content:space-between;padding-top:12px;margin-top:10px}.lobby-watch-summary{gap:14px}.table-panel{padding:24px 18px}.table-stage{margin-top:32px}.table-meta{font-size:11px}.table-heading h2{font-size:25px}.table-item strong{font-size:13px}.table-item-bottom{font-size:11px}.filter-summary{font-size:11px}.lobby-filters label{font-size:11px}.watch-grid{gap:8px}.activity-list{display:block}.statusbar{padding:10px 14px;line-height:1.6}.statusbar>span:last-child{display:none}.modal-panel{padding:28px 22px}.hand-summary .text-button{font-size:9px}.hand-summary{font-size:10px}.inspector{padding:22px 18px}.table-panel .replay-heading .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the compact controls readable at normal laptop scale. */
.play-controls room-select{width:72px}.lobby-filters label,.filter-summary,.lobby-watch-summary,.lobby-footer .text-button{font-size:11px}
.table-item strong{font-size:13px}.table-item-bottom{font-size:11px}.activity-body strong{font-size:12px}.activity-body span,.activity-time{font-size:10px}.tabs button{font-size:11px}.live-strip strong{font-size:12px}.live-strip span{font-size:10px}
@media(max-width:580px){.play-controls room-select{width:68px}.play-controls .muted{margin-left:1px}.replay-controls .play-controls{gap:3px}.replay-controls .small{padding:6px;font-size:9px}.seat-bet{font-size:9px}.seat-status{font-size:9px}}

.chat-composer{border-top:1px solid var(--border);padding-top:14px;margin-top:14px;flex-shrink:0}.chat-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.chat-compose-heading label{font-size:11px;color:#d3cfb9}.chat-compose-heading span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58%}.chat-composer textarea{display:block;width:100%;min-height:66px;resize:none;appearance:none;border:1px solid #405044;border-radius:9px;background:#1c2821;color:var(--text);padding:10px;font-size:12px;line-height:1.5;font-family:inherit;outline:none}.chat-composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d7b77a10}.chat-composer textarea:disabled{opacity:.45}.chat-compose-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.chat-compose-actions span{font:9px var(--mono);color:#81927b}.chat-composer .button{min-height:30px;padding:6px 13px}.chat-composer #chat-send-status{font-size:10px;line-height:1.5;color:#85977e;margin-top:8px;min-height:15px}.chat-composer #chat-send-status[data-delivery=error],.chat-composer #chat-send-status[data-delivery=unconfirmed]{color:#d7ad85}.chat-composer #chat-send-status[data-delivery=confirmed]{color:var(--green)}

/* User directory: compact list, spacious record inspector, custom disclosures. */
.users-panel{width:min(1080px,calc(100vw - 48px));max-width:1080px;height:min(810px,calc(100dvh - 56px));max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#171d1f;box-shadow:0 40px 120px #000a}
.users-header{display:flex;justify-content:space-between;align-items:flex-start;flex:none;padding:26px 30px 23px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 65% -60%,#d7b77a12,transparent 80%)}
.users-header h2{font-size:30px;letter-spacing:-1.2px;margin:7px 0}.users-title-dot{color:var(--accent)}.users-header p{margin:0;font-size:13px;color:var(--muted)}.users-header .eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent)}.users-header .icon-button{font-size:25px;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;background:#ffffff04}
.users-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);flex:1;min-height:0}.users-directory{display:flex;flex-direction:column;min-height:0;padding:24px 15px 16px;background:#12191a;border-right:1px solid var(--border)}
#users-form{margin:0 5px}#users-form label{font-size:11px;color:var(--muted);display:block;margin:0 0 9px;letter-spacing:.2px}.users-search-box{display:flex;align-items:center;gap:8px;border:1px solid #3d4442;border-radius:9px;background:#1c2425;padding:0 11px}.users-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d7b77a10}.users-search-box>span{font-size:24px;color:var(--accent)}.users-search-box input{width:100%;min-width:0;border:0;outline:none!important;box-shadow:none!important;padding:12px 0;background:transparent;color:var(--text);font-size:13px}.users-search-box input::placeholder{color:#7e8989}
.users-source{display:flex;align-items:center;gap:6px;margin:17px 5px 0;font-size:12px;color:#d1d6cd}.user-source-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.user-source-tag{margin-left:auto;font-size:8px;letter-spacing:1px;background:#85b9a210;color:var(--green);border:1px solid #85b9a223;padding:3px 5px;border-radius:3px}.users-source-note{margin:6px 5px 0;font-size:11px;color:var(--muted)}.users-result-heading{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:22px 5px 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;min-height:24px}.users-result-heading .text-button{font-size:10px;letter-spacing:0;text-transform:none}
.users-results{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}.user-result{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 9px;margin-bottom:3px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text)}.user-result:hover{background:#ffffff04}.user-result[aria-pressed=true]{background:#d7b77a0c;border-color:#d7b77a3b}.user-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:38px;border:1px solid #d7b77a22;border-radius:9px;background:linear-gradient(145deg,#d7b77a17,#9bad9c0b);color:#ddc596;font-size:12px;letter-spacing:1px;font-weight:600}.user-avatar.large{width:60px;height:64px;border-radius:14px;font-size:21px;letter-spacing:2px}.user-result-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.user-result-text strong{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-result-text>span{font-size:10px;color:var(--muted)}.user-result-arrow{font-size:13px;opacity:0;color:var(--accent)}.user-result[aria-pressed=true] .user-result-arrow{opacity:1}.users-more{margin:8px 5px 0}.users-directory-note{font-size:10px;line-height:1.6;color:#7f8c8c;margin:14px 5px 0;padding-top:12px;border-top:1px solid var(--border)}
.user-detail{min-width:0;min-height:0;overflow:auto;padding:28px 30px;scrollbar-gutter:stable}.user-profile-heading{display:flex;align-items:center;gap:16px}.user-identity{min-width:0}.user-identity .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--green)}.user-identity h3{font-size:26px;letter-spacing:-.75px;margin:6px 0 8px;overflow-wrap:anywhere}.user-id{font-size:10px;color:var(--muted);overflow-wrap:anywhere;display:block}.user-summary{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:12px;margin:26px 0 16px;padding:17px 0;border-block:1px solid var(--border)}.user-summary>div{display:flex;flex-direction:column;gap:9px}.user-summary span{font-size:10px;color:var(--muted)}.user-summary strong{font-size:14px;font-weight:500;color:#e2ddcf}.user-summary>div:last-child strong{font-size:12px}.user-data-note{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 27px}.user-data-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.user-data-tools h4{margin:0 0 5px;font-size:13px}.user-data-tools p{font-size:9px;color:var(--muted);margin:0}.user-data-tools>div:last-child{display:flex;gap:6px}.user-data-tools .button{font-size:10px;padding:7px 9px;white-space:nowrap}.user-record{border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:14px;background:#141b1c}.user-record-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;background:#ffffff02;border-bottom:1px solid var(--border)}.user-record-heading h4{margin:0 0 4px;font-size:12px;font-weight:550}.user-record-heading span,.user-record-heading time{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.user-record-heading span{font-family:ui-monospace,monospace}.user-record-heading time{white-space:nowrap}
.user-field{min-width:0}.user-disclosure{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;color:var(--text);border:0;padding:11px 13px;font-family:ui-monospace,monospace;font-size:11px}.user-disclosure:hover{background:#ffffff04}.user-chevron{font-size:16px;color:var(--accent);transition:transform .12s}.user-disclosure[aria-expanded=true]>.user-chevron{transform:rotate(90deg)}.user-disclosure>.user-field-type{margin-left:auto;font-family:inherit;font-size:9px}.user-field-children{padding:0 0 4px 12px}.user-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 42px;align-items:start;gap:10px;padding:9px 12px;border-top:1px solid #ffffff04;font-size:10px}.user-field-key{color:#9eaaa7;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.user-field-value{color:#deddd5;font-family:ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.user-field-value[data-type=boolean]{color:#c5b892}.user-field-value[data-type=null]{color:#798686;font-style:italic}.user-field-value small{display:block;font-size:8px;color:#7f8b87;margin-top:2px}.user-field-type{font-size:8px;line-height:1.8;color:#72817e;text-align:right}.user-raw{max-height:320px;overflow:auto;background:#101617;border:1px solid var(--border);border-radius:8px;padding:14px;font-size:10px;line-height:1.6;color:#b7c4bc;white-space:pre;tab-size:2;margin:0 0 15px}.users-footer{display:flex;justify-content:space-between;gap:12px;flex:none;padding:13px 24px;border-top:1px solid var(--border);background:#141b1c;color:#89968f;font-size:10px}.users-empty{padding:28px 10px;text-align:center;color:var(--muted)}.users-empty-mark{color:var(--accent);font-size:36px}.users-empty h3{color:var(--text);font-size:14px;margin:10px 0}.users-empty p{font-size:12px;line-height:1.6}.users-detail-empty{display:flex;align-items:center;justify-content:center;text-align:center;min-height:260px;color:var(--muted);font-size:13px;padding:35px}
@media(max-width:900px){.source-label{display:none}.user-detail{padding:22px 20px}.users-workspace{grid-template-columns:260px minmax(0,1fr)}.users-panel{width:calc(100vw - 28px)}.user-summary{grid-template-columns:1fr 1fr}.user-summary>div:last-child{grid-column:1/-1}.user-data-tools{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.users-panel{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:13px}.users-header{padding:20px}.users-header h2{font-size:26px}.users-workspace{display:block;overflow:auto}.users-directory{padding:18px 14px;border-right:0;border-bottom:1px solid var(--border)}.users-results{max-height:220px;flex:auto}.users-directory-note{margin-top:10px}.users-source-note{margin-top:4px}.users-result-heading{margin-top:12px}.user-detail{overflow:visible;padding:24px 18px}.users-footer{font-size:9px;padding:11px 15px}.users-footer>span:first-child{display:none}.user-summary{grid-template-columns:1fr 1fr 1.6fr}.user-summary>div:last-child{grid-column:auto}.user-field-row{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 33px}.user-data-tools{flex-direction:row;align-items:center}.user-data-tools .button{font-size:9px;padding:6px}.user-identity h3{font-size:23px}.user-avatar.large{width:48px;height:52px}.header-actions{gap:5px}.header-actions .button{padding:8px;font-size:10px}#import-button{font-size:0}#import-button span{font-size:16px}}
#users-dialog{padding:12px}.users-panel{min-width:0;max-width:calc(100vw - 24px)}.users-panel .users-source-note{font-size:11px;color:var(--muted);line-height:1.5}.users-panel .users-directory-note{font-size:10px;line-height:1.6;color:#7f8c8c}.users-panel .user-data-note{font-size:11px;line-height:1.6;color:var(--muted)}.users-panel .user-data-tools p{font-size:9px;color:var(--muted);line-height:1.5}.users-panel .users-header p{font-size:13px;line-height:1.5;color:var(--muted)}.users-panel .users-empty p{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:620px){#users-dialog{padding:8px}.users-panel{max-width:calc(100vw - 16px)}}