.v5-invite{display:flex;align-items:center;gap:12px;text-align:left;margin:6px auto 12px;max-width:650px}.v5-invite .qr-box{background:white;border-radius:8px;padding:7px;flex:none}.v5-invite .qr-box svg{width:110px;height:110px;display:block}.v5-invite .code{font-size:25px;letter-spacing:.1em}.v5-invite .invite-url{overflow-wrap:anywhere;font-size:10px;margin:5px 0}.v5-instruction{text-align:center;font-size:13px;line-height:1.6}.v5-unseated{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.unseated-player{font-size:12px;padding:5px;border:1px dashed #dbc18d66;border-radius:8px}.v5-table{display:grid;grid-template-areas:'. top .' 'left middle right' '. bottom .';grid-template-columns:1fr .75fr 1fr;gap:6px;max-width:520px;margin:12px auto;align-items:stretch;background:radial-gradient(ellipse,#6b59303b,transparent 70%)}.v5-seat{font:inherit;color:inherit;background:#142d23;border:1px solid #c9b17a88;border-radius:12px;padding:8px 4px;cursor:pointer;min-width:0;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:13px;position:relative}.v5-seat strong{max-width:100%;overflow-wrap:anywhere}.v5-seat small,.seat-readiness{font-size:10px;line-height:1.4}.v5-seat.selected{outline:3px solid #f6d67b;background:#3a4a2c;box-shadow:0 0 15px #e3c16944}.v5-seat.disconnected{opacity:.65}.v5-seat.physical-0{grid-area:bottom}.v5-seat.physical-1{grid-area:left}.v5-seat.physical-2{grid-area:top}.v5-seat.physical-3{grid-area:right}.v5-table-middle{grid-area:middle;display:grid;place-items:center;color:#d6b96b;font-size:24px}.computer-icon{display:inline-grid;place-items:center;width:38px;height:38px;background:#294037;border-radius:50%;font-size:27px;color:#b7c3bc}.v5-partner{text-align:center;font-size:13px}.v5-partner .v3-portrait,.v5-pair .v3-portrait{width:28px;height:28px}.v5-partnerships{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.v5-pair{display:flex;align-items:center;gap:4px;font-size:10px;border:1px solid #dac28b44;border-radius:8px;padding:4px;overflow-wrap:anywhere}.v5-pair .computer-icon{width:24px;height:24px;font-size:19px}.v5-room-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.v5-room-actions .btn{font-size:12px;padding:8px}.readiness-notice{font-size:11px;text-align:center;color:#edd58b}.v5-room-actions button:disabled{opacity:.45;cursor:not-allowed}.modal:has(.v5-table){max-width:760px}.v5-seat .v3-portrait{width:42px;height:42px}.v5-seat .v3-portrait img{width:96px;top:-5px}.v5-invite~*{box-sizing:border-box}
.v5-selected{transform:translateY(-18px)!important;z-index:100!important}.v5-selected .card{outline:3px solid #f9d56d;box-shadow:0 0 14px #f6cf7599!important}.hand-card:focus-visible,.dock-card:focus-visible{outline:3px solid white;border-radius:9px}.two-tap-hint{font-size:11px;line-height:1.5;text-align:center;color:#e1ce96;padding:3px 6px}.play-order{position:absolute;right:-7px;top:-7px;z-index:6;background:#173b2d;color:#fff9d9;border:1px solid #e6c77b;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font:bold 15px Georgia,serif;pointer-events:none}.first-played{position:absolute;left:50%;top:42%;transform:translateX(-50%);font-size:clamp(8px,1.2cqw,13px);background:#091b13e6;color:#e9d8ac;border-radius:5px;padding:3px 7px;z-index:7;pointer-events:none;max-width:40%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.stage #trick .slot{width:calc(var(--sw,640px)*.075);height:calc(var(--sw,640px)*.1065)}.stage #trick .slot .card{width:100%;height:100%;font-size:calc(var(--sw,640px)*.015)}.stage #trick .slot-left{left:38%;top:60%}.stage #trick .slot-right{left:62%;top:60%}.stage #trick .slot-partner{left:50%;top:47%}.stage #trick .slot-me{left:50%;top:73%}
.v5-comm-status{font-size:11px;color:#e3cf99}.v5-voice-peers{display:flex;gap:6px;flex-wrap:wrap}.v5-talk{touch-action:none;user-select:none;-webkit-user-select:none;min-height:55px}.v5-talk.transmitting{background:#688a37!important;outline:2px solid #f5d578}.walkie-btn.show{display:flex}.walkie-btn.over-modal{z-index:150}.v5-voice-status{font-size:13px;line-height:1.6}.v5-voice-error{color:#ffb3a1;font-size:12px}.v5-mic-state{font-size:12px;color:#dfcfaa}.chat-dock.over-modal{z-index:180}.chat-dock{max-width:min(350px,92vw)}
@media(max-width:500px){.v5-invite{gap:7px}.v5-invite .qr-box svg{width:84px;height:84px}.v5-invite .code{font-size:20px}.v5-invite .btn{font-size:10px;padding:6px}.v5-seat{font-size:11px}.v5-table{grid-template-columns:1fr .8fr 1fr}.v5-room-actions .btn{font-size:11px}.v5-instruction{font-size:12px}.two-tap-hint{font-size:10px}.v5-table .v3-portrait{width:35px;height:35px}}
.modal:has(.v5-table){width:min(760px,calc(100vw - 24px));max-width:760px}.v5-table{max-width:440px}.v5-table .v5-seat{min-height:85px}
.first-played{left:72%;top:80%;max-width:28%}.walkie-btn.over-modal{display:none!important}.chat-dock.over-modal:not(.expanded){display:none}@media(max-width:700px){.walkie-btn{top:auto!important;bottom:45px!important;right:8px!important}.chat-dock{top:auto!important;bottom:86px!important;right:8px!important}.chat-dock.expanded{bottom:42px!important}.first-played{font-size:clamp(8px,1.4cqw,13px)}}
.first-played{top:74%}
.stage #trick .slot-partner{top:53%}.stage #trick .slot-me{top:71%}.stage #trick .slot-left,.stage #trick .slot-right{top:62%}
.chat-dock{z-index:175}.chat-dock.expanded{z-index:180}.walkie-btn{z-index:170}
.stage #trick .slot-partner{left:44%;top:54%}.stage #trick .slot-me{left:56%;top:69%}.stage #trick .slot-left{left:34%;top:63%}.stage #trick .slot-right{left:66%;top:63%}.first-played{left:76%;top:77%;max-width:22%}
.stage #trick .slot-me{top:68%}.stage #trick .slot-left,.stage #trick .slot-right{top:65%}