.invite-entry #home{display:flex;justify-content:center;min-height:70svh}.invite-entry .intro,.invite-entry #solo,.invite-entry #create,.invite-entry .divider,.invite-entry #room-code,.invite-entry #resume{display:none!important}.invite-entry .play-panel{width:min(100%,430px)}.invite-entry #join-form{display:block}.invite-entry #join-form button{width:100%;margin-top:15px}.selectable-seat{cursor:pointer}.selectable-seat .avatar{border:2px dashed #e6c27c;box-shadow:0 0 18px #e6c27c22}.selectable-seat:focus-visible{outline:2px solid #e6c27c;border-radius:12px}.selectable-seat:hover .avatar{background:#d6b77533}
@media(max-width:700px){
 body.in-game:has(.table-wrap[data-phase="bid"]){height:100dvh;overflow:hidden}
 body.in-game:has(.table-wrap[data-phase="bid"]) header{height:48px;min-height:48px;padding-top:4px;padding-bottom:4px}
 body.in-game:has(.table-wrap[data-phase="bid"]) main{padding:0 8px}
 body.in-game:has(.table-wrap[data-phase="bid"]) .room-heading{display:none}
 .table-wrap[data-phase="bid"]{height:calc(100dvh - 52px - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}
 .table-wrap[data-phase="bid"] .live-score{padding:4px 8px;flex-shrink:0}
 .table-wrap[data-phase="bid"] .table-top,.table-wrap[data-phase="bid"] .deal-strip{padding:3px 9px;min-height:0;font-size:8px}
 .table-wrap[data-phase="bid"] .felt{height:auto!important;min-height:165px;flex:1}
 .table-wrap[data-phase="bid"] .board-context,.table-wrap[data-phase="bid"] .table-history{display:none}
 .table-wrap[data-phase="bid"] .hand-section{padding:4px 12px;flex-shrink:0}
 .table-wrap[data-phase="bid"] .hand-heading{margin:0 0 4px}
 .table-wrap[data-phase="bid"] .hand{max-width:min(250px,34dvh);gap:6px;padding:0}
 .table-wrap[data-phase="bid"] .controls{padding:4px 10px 45px;flex-shrink:0}
 .table-wrap[data-phase="bid"] .bid-panel{padding:7px}
 .table-wrap[data-phase="bid"] .bid-actions>button{min-height:44px}
 .table-wrap[data-phase="bid"] .bid-amounts{gap:3px}
 .table-wrap[data-phase="bid"] .bid-amounts button{min-height:34px}
 .table-wrap[data-phase="bid"] .bid-help{display:none}
 .table-wrap[data-phase="bid"] .bid-panel-heading{margin-bottom:5px}
}

@media(max-width:700px) and (max-height:700px){
 .table-wrap[data-phase="bid"] .live-points-line,.table-wrap[data-phase="bid"] .live-track,.table-wrap[data-phase="bid"] .live-goal{display:none}
 .table-wrap[data-phase="bid"] .live-round{display:none}
 .table-wrap[data-phase="bid"] .live-score{display:grid;grid-template-columns:1fr 1fr;min-height:34px}
 .table-wrap[data-phase="bid"] .live-team-heading{min-height:24px}
 .table-wrap[data-phase="bid"] .deal-strip{display:none}
 .table-wrap[data-phase="bid"] .felt{min-height:165px}
 .table-wrap[data-phase="bid"] .center{top:49%;width:45%}
 .table-wrap[data-phase="bid"] .center h3{font-size:15px}
 .table-wrap[data-phase="bid"] .center p{display:none}
 .table-wrap[data-phase="bid"] .avatar{width:28px;height:28px}
 .table-wrap[data-phase="bid"] .seat.top{top:9px}
 .table-wrap[data-phase="bid"] .seat.bottom{bottom:9px}
 .table-wrap[data-phase="bid"] .seat small{display:none}
 .table-wrap[data-phase="bid"] .table-side-score{top:8px;transform:scale(.7);transform-origin:top left}
 .table-wrap[data-phase="bid"] .score-side-b{transform-origin:top right}
 .table-wrap[data-phase="bid"] .table-wordmark{display:none}
 .table-wrap[data-phase="bid"] .hand{max-width:175px}
 .table-wrap[data-phase="bid"] .bid-actions>button{min-height:44px;padding:6px}
 .table-wrap[data-phase="bid"] .bid-actions button small{display:none}
 .table-wrap[data-phase="bid"] .bid-panel-heading{margin-bottom:3px}
 .table-wrap[data-phase="bid"] .bid-amounts button{min-height:32px}
}

@media(max-width:700px){body:has(.table-wrap[data-phase="bid"]) .chat-toggle,body:has(.table-wrap[data-phase="bid"]) .chat-mute{min-height:30px;padding:8px 12px;font-size:10px;bottom:calc(5px + env(safe-area-inset-bottom))}}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
 body.in-game:has(.table-wrap[data-phase="bid"]){height:100dvh;overflow:hidden}
 body:has(.table-wrap[data-phase="bid"]) header,body:has(.table-wrap[data-phase="bid"]) .room-heading{display:none}
 body:has(.table-wrap[data-phase="bid"]) main{padding:4px 8px}
 .table-wrap[data-phase="bid"]{height:calc(100dvh - 8px);display:grid;grid-template-columns:46% 54%;grid-template-rows:55px 20px 1fr;overflow:hidden}
 .table-wrap[data-phase="bid"] .live-score{grid-column:1;grid-row:1;padding:4px}
 .table-wrap[data-phase="bid"] .live-points-line,.table-wrap[data-phase="bid"] .live-track,.table-wrap[data-phase="bid"] .live-goal,.table-wrap[data-phase="bid"] .live-round{display:none}
 .table-wrap[data-phase="bid"] .table-top{grid-column:1;grid-row:2}
 .table-wrap[data-phase="bid"] .felt{grid-column:1;grid-row:3;height:100%!important;min-height:0}
 .table-wrap[data-phase="bid"] .board-context,.table-wrap[data-phase="bid"] .deal-strip,.table-wrap[data-phase="bid"] .table-history{display:none}
 .table-wrap[data-phase="bid"] .hand-section{grid-column:2;grid-row:1/3;padding:4px}
 .table-wrap[data-phase="bid"] .hand-heading{display:none}
 .table-wrap[data-phase="bid"] .hand{max-width:175px;gap:4px;padding:0}
 .table-wrap[data-phase="bid"] .controls{grid-column:2;grid-row:3;padding:4px 8px 40px;align-self:start}
 .table-wrap[data-phase="bid"] .bid-actions>button{min-height:44px;padding:6px}
 .table-wrap[data-phase="bid"] .bid-amounts{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 .table-wrap[data-phase="bid"] .bid-amounts button{min-height:32px}
 .table-wrap[data-phase="bid"] .bid-help{display:none}
}