.chat-panel{margin-top:30px;border:1px solid #dce2d1;border-radius:18px;background:#fffdf7;padding:25px;color:#34513c}.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.chat-heading h2{font:27px var(--serif);margin:9px 0}.chat-badge{font-size:10px;white-space:nowrap;color:#7c8d6c}.chat-messages{height:210px;overflow-y:auto;overscroll-behavior:contain;margin:18px 0;border-block:1px solid #e5e9dc;padding:12px 0;scrollbar-width:thin}.chat-empty{font-size:12px;color:#7d8c6d;padding:22px 0}.chat-message{padding:7px 10px;border-radius:8px}.chat-message:nth-child(2n){background:#f1f3e9}.chat-message>div{display:flex;align-items:center;gap:12px}.chat-message strong{font-size:12px}.chat-message time{font-size:10px;color:#91a07d}.chat-message p{font-size:13px;line-height:1.6;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-form{display:flex;gap:10px}.chat-form input{min-width:0;flex:1;border:1px solid #d6deca;border-radius:8px;background:#f9faf3;padding:12px;font-size:13px}.chat-form .primary-button{flex-shrink:0}.waiting-main .chat-panel{background:#f6f6ea;margin-top:26px}.waiting-main .chat-panel .eyebrow{color:#8c9b76}.waiting-main .chat-panel h2{font-size:25px;color:#34513c}.waiting-main .chat-panel .chat-badge{white-space:normal}.waiting-main .chat-panel p{color:#6e815e}.waiting-main .chat-panel .chat-messages{height:185px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.request-pending #start-online,.request-pending #ready-button,.request-pending #join-preview,.request-pending #save-room-rules,.request-pending #create-form button[type=submit]{pointer-events:none;opacity:.5}@media(max-width:600px){.chat-panel{padding:18px}.chat-heading{align-items:flex-start}.chat-heading h2{font-size:23px}.chat-form{gap:6px}.chat-form input{font-size:12px;padding:10px}.chat-form .primary-button{font-size:11px;padding:10px}.chat-badge{white-space:normal;max-width:85px}.waiting-main .chat-panel{padding:15px}}
.online-page .seat-name strong{white-space:nowrap;min-width:0}.online-page .seat-name span{flex-shrink:0}
.header-center:has(.multiplayer-entry){display:flex}
@media(max-width:760px){.multiplayer-entry{font-size:10px;padding:8px!important}.app-header:has(.multiplayer-entry){gap:8px}.app-header:has(.multiplayer-entry) .profile-avatar{display:none}}
.online-page .room-view .game-layout{min-height:0}
@media(max-width:760px){.online-page .play-area{height:max(520px,calc(100dvh - 214px))}}