/* Side panels keep the table visible behind public records. */
.modal-backdrop:has(.records-panel){padding:0;align-items:stretch;justify-content:flex-end;background:#0005}
.modal-backdrop:has(.ranking-panel){justify-content:flex-start}
.live-modal:has(.records-panel){width:min(94vw,700px);max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:rgba(29,35,47,.97);color:#f4f5fa;overflow:hidden;box-shadow:0 0 40px #0006}
.live-modal:has(.ranking-panel){width:min(86vw,510px)}
.live-modal:has(.records-panel)>.modal-close{top:14px;right:10px;z-index:3;color:#d4d9e4;background:#ffffff0d;width:30px;height:30px}
.records-panel{height:100%;display:flex;flex-direction:column;min-height:0;font-size:14px;padding-top:env(safe-area-inset-top)}
.records-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:65px;padding:14px 48px 10px 15px;flex-shrink:0}
.records-heading h2{font-size:21px;margin:0 0 3px;color:#fff}.records-heading small,.records-heading>span{font-size:11px;color:#b0b8cb}
.records-panel button{color:inherit;cursor:pointer}.records-panel button:disabled{opacity:.3;cursor:default}.records-panel button:focus-visible{outline:2px solid #eac575;outline-offset:2px}
.ranking-list{flex:1;min-height:80px;overflow-y:auto}.ranking-player{display:flex;align-items:center;gap:10px;padding:12px 15px}.ranking-player:nth-child(even){background:#323a50aa}
.record-avatar{display:block;position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:12px;overflow:hidden;background:#404859}.record-avatar .player-avatar{width:100%;height:100%}
.ranking-name{min-width:0;flex:1}.ranking-name>b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.ranking-name>small{font-size:10px;color:#929db5}.ranking-name>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px;color:#b2bad0;font-size:12px}.record-vpip{color:#19dbe2}.record-rate{color:#f3d779}
.records-panel .record-win{color:#ff365c}.records-panel .record-loss{color:#16ce68}.ranking-player>strong{font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ranking-footer{flex-shrink:0;background:#30374bdc;padding-bottom:max(12px,env(safe-area-inset-bottom))}.ranking-insurance{background:#ffffff06;padding:10px 15px}.ranking-insurance summary{cursor:pointer;display:flex;justify-content:space-between}.ranking-insurance p{font-size:12px;color:#c0c7d6;margin:8px 0 0}.ranking-spectators{padding:10px 15px}.ranking-spectators h3{font-size:16px;margin:0 0 8px}.ranking-spectators h3 small{font-size:11px;font-weight:400;color:#9ea9c0;margin-left:6px}.ranking-spectators>div{display:flex;gap:12px;overflow-x:auto;color:#a9b4c9;min-height:20px}.ranking-spectators>div>span{flex:0 0 44px;text-align:center}.ranking-spectators small{display:block;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ranking-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:8px 15px;margin:0}.ranking-totals>div{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.ranking-totals dt{color:#b9c1d2}.ranking-totals dd{margin:0;font-variant-numeric:tabular-nums}.ranking-note{display:block;padding:8px 15px 0;color:#9aa6bd;font-size:10px}
.replay-summary{display:flex;gap:15px;align-items:center;padding:2px 15px 12px;font-size:13px;border-bottom:1px solid #ffffff0b;flex-shrink:0}.replay-summary button{margin-left:auto;border:0;background:none;font-size:20px}.history-star{font-size:30px;border:0;background:none}.history-star[aria-pressed=true]{color:#f2cc76}
.history-scroll{flex:1;min-height:0;overflow:auto}.replay-grid{padding:8px 10px}.replay-street-labels,.replay-player{display:grid;grid-template-columns:44px 64px 74px 34px 34px minmax(0,1fr);gap:4px}.replay-street-labels{color:#909bb0;font-size:11px;padding:0 0 8px}.replay-player{padding:9px 0 14px;border-bottom:1px solid #ffffff0a;align-items:start}.replay-identity>b{display:block;width:44px;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.replay-identity .record-avatar{width:42px;height:42px;min-width:42px}.replay-cards{display:flex;align-items:flex-start;height:46px;gap:1px}.replay-cards .playing-card,.replay-multiple .playing-card{width:30px;height:43px;min-width:30px;border-radius:3px;box-shadow:none;transform:none!important;animation:none!important;font-size:16px}.replay-cards .playing-card+.playing-card{margin-left:-9px}.replay-cards .card-rank,.replay-multiple .card-rank{font-size:16px;left:3px;top:2px}.replay-cards .card-corner-suit,.replay-multiple .card-corner-suit{width:9px;height:10px;left:3px;top:19px}.replay-cards .card-pip,.replay-multiple .card-pip{width:20px;height:22px;right:0;bottom:0}.replay-cards .card-face{border-radius:3px}.replay-cards .reveal-card-button{width:30px;min-width:30px}.replay-cards .reveal-label{font-size:7px}.replay-cards .concealed-card{background:repeating-linear-gradient(60deg,#b5243f,#b5243f 3px,#ce3851 4px,#ce3851 5px);border:1px solid #e2ccd0;color:#fff}.replay-hand-name{display:block;color:#e6cf99;font-size:10px;line-height:1.3;margin-top:2px}.replay-actions{display:flex;flex-direction:column;gap:3px;margin-top:7px;font-size:11px;line-height:1.4;color:#c0c7d7;overflow-wrap:anywhere}.replay-net{min-width:0;font-size:14px;align-self:start;margin-top:14px;text-align:right;white-space:normal;overflow-wrap:anywhere}.past-fold{opacity:.4}.replay-insurance,.replay-detail{margin:12px 12px;color:#b7c2d9;font-size:12px}.replay-insurance{padding:12px;border-radius:9px;background:#ffffff06}.replay-insurance h3{font-size:13px;color:#e8d8b0;margin:0 0 8px}.replay-insurance>div{display:grid;gap:5px;margin-top:9px}.replay-insurance em{font-style:normal}.replay-detail summary{cursor:pointer}.replay-detail li{margin-bottom:6px}.replay-multiple{padding:12px}.replay-multiple>div{display:flex;align-items:center;gap:5px;margin:5px 0}.replay-multiple b{font-size:11px;margin-right:8px}.history-footer{flex-shrink:0;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:#252b39}.history-shortcuts{display:flex;gap:8px;align-items:center;justify-content:space-between}.history-shortcuts .completed-inspection-actions{display:flex;gap:6px;margin:0;flex:1}.history-shortcuts button{border-radius:22px;border:1px solid #ffffff1c;background:#363e52;min-height:35px;font-size:12px}.history-shortcuts .completed-inspection-actions button{padding:5px 8px}.history-shortcuts .completed-inspection-actions small{font-size:9px}.history-filter{padding:6px 12px;white-space:nowrap;margin-left:auto}.history-filter[aria-pressed=true]{color:#f2cc76;border-color:#bda366}.history-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.history-pager button{border:0;background:none;font-size:19px;padding:6px;min-width:35px}.history-pager>span{font-variant-numeric:tabular-nums;font-size:13px}.records-empty{padding:30px 20px;color:#aab6cd;line-height:1.8}.records-panel .history-turn-notice{margin:0 12px 8px;flex-shrink:0}.ranking-entry svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(min-width:700px){.replay-street-labels,.replay-player{grid-template-columns:60px 88px 98px 50px 50px minmax(0,1fr);gap:6px}.replay-cards{height:59px}.replay-cards .playing-card{width:38px;height:55px;min-width:38px}.replay-identity>b{font-size:13px;width:60px}.replay-identity .record-avatar{width:50px;height:50px}.replay-actions{font-size:12px}.replay-net{font-size:20px}}
@media(max-width:375px){.replay-grid{padding:8px 6px}.replay-street-labels,.replay-player{grid-template-columns:34px 48px 58px 25px 25px minmax(0,1fr);gap:3px}.replay-cards .playing-card{width:26px;min-width:26px;height:39px}.replay-cards .playing-card+.playing-card{margin-left:-10px}.replay-net{font-size:12px}.replay-identity>b{width:34px}.replay-identity .record-avatar{width:32px;height:32px;min-width:32px}.replay-cards .reveal-card-button{width:26px;min-width:26px}.ranking-player{padding:10px;gap:6px}.ranking-player>strong{font-size:16px}.ranking-name>b{font-size:14px}.ranking-name>div{font-size:10px;gap:5px}.ranking-totals{font-size:12px;gap:8px}.ranking-note{font-size:9px}}
@media(max-height:500px){.ranking-footer{max-height:48vh;overflow:auto}.records-heading{min-height:48px;padding-top:8px;padding-bottom:6px}.history-footer{padding-top:5px}.history-pager{margin-top:4px}}

.replay-street{min-width:0}.replay-summary button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}