.player-avatar{position:relative;flex-shrink:0;overflow:visible!important}.avatar-face{font-size:22px;line-height:1}.avatar-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-wind{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ede0b1;color:#26432d;font:bold 10px/1 sans-serif;border:1px solid #9a8748}.player-kind{font:normal 9px/1 sans-serif;background:#d3e4d7;color:#264b3a;border-radius:3px;padding:2px 3px;margin-left:3px}.player-kind.computer{background:#d5d2be;color:#545d45}.lobby-person .player-avatar{margin:0 auto 8px}.lobby-person .avatar-photo{border-radius:50%}#profile-settings{border-top:1px solid #69856b55;padding-top:14px;margin-top:12px}#profile-avatar .avatar{width:64px;height:64px;border-radius:50%;display:inline-grid;place-items:center;background:#33543e}#profile-avatar .avatar-face{font-size:36px}.avatar-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.avatar-option{border:1px solid #7b946c;background:#294a37;border-radius:9px;width:40px;height:40px;font-size:24px}.avatar-option.chosen{outline:2px solid #e0c680}.avatar-upload{display:inline-block;cursor:pointer;font-size:13px;border:1px solid #9f9865;border-radius:8px;padding:8px 12px;color:#eee4bd}.avatar-upload input{display:none!important}#profile-settings .text-button{font-size:12px}.chat-panel{position:fixed;z-index:35;right:max(14px,env(safe-area-inset-right));top:62px;bottom:max(16px,env(safe-area-inset-bottom));width:min(310px,calc(100vw - 28px));background:#f5f1e3;border:1px solid #b4a474;border-radius:15px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;color:#243b2d;overflow:hidden}.chat-panel[hidden]{display:none}.chat-header{padding:12px 14px 8px;border-bottom:1px solid #dad2bc;position:relative}.chat-header h2{color:#243b2d;font-size:17px;margin:0 0 6px}.chat-header button{position:absolute;right:8px;top:5px;font-size:25px;background:none;border:0;color:#3f5941}.chat-presence{font-size:10px;line-height:1.6;color:#67725d;margin:0;max-height:36px;overflow:auto;padding-right:15px}.chat-messages{flex:1;overflow:auto;overscroll-behavior:contain;padding:10px 12px;min-height:30px}.chat-message{padding:8px 10px;background:#e5e7dc;border-radius:9px;margin-bottom:8px;font-size:12px;overflow-wrap:anywhere}.chat-message.own{background:#d4e5d4}.chat-message b{font-size:11px}.chat-message time{float:right;font-size:9px;opacity:.6}.chat-message p{margin:5px 0 0;white-space:pre-wrap;line-height:1.55}.chat-empty{font-size:13px;line-height:1.8;color:#74816e}.chat-form{padding:10px;display:flex;gap:6px;border-top:1px solid #dad2bc}.chat-form input{min-width:0;flex:1;padding:9px;border:1px solid #bfc7b4;border-radius:8px;font-size:16px;color:#243b2d;background:white}.chat-form button{padding:8px 12px;background:#315840;color:#fff4d1;border:0;border-radius:8px}.chat-count{background:#dfbe68;color:#1f3b2b;border-radius:10px;padding:1px 5px;font-size:10px;margin-left:3px}#agent-dialog{width:min(500px,calc(100vw - 30px));max-height:calc(100dvh - 24px);overflow:auto}#agent-dialog h2{font-size:24px}#agent-dialog p{line-height:1.6}.agent-create-row{display:flex;gap:8px}.agent-create-row input{min-width:0;flex:1;background:#f9f4df;color:#29432e;font-size:16px;border-radius:7px;padding:9px;border:1px solid #b3ad81}.agent-create-row button{white-space:nowrap}.agent-invite-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff20;padding:10px 0;font-size:13px}.agent-invite-row small{display:block;opacity:.7;margin-top:4px}#agent-link{width:100%;box-sizing:border-box;background:#f4efdd;color:#263e2b;resize:none;font:12px/1.5 monospace;padding:9px;border-radius:7px;margin-top:12px}#agent-link-area p{font-size:11px;opacity:.8}#agent-invite-note{font-size:12px;opacity:.8}.ai-lobby{margin-top:8px}.topbar nav{gap:6px}@media(max-height:450px){.chat-panel{top:40px;bottom:max(9px,env(safe-area-inset-bottom));width:270px}.chat-header{padding:7px 12px}.chat-header h2{font-size:15px}.chat-presence{max-height:27px}.chat-form{padding:7px}#agent-dialog{padding:18px 24px}#agent-dialog h2{font-size:20px;margin:6px 0}.avatar-face{font-size:17px}.avatar-wind{width:13px;height:13px;font-size:8px}.topbar .icon-button{padding:5px 7px}.player-kind{font-size:8px}}@media(prefers-reduced-motion:reduce){.chat-panel{scroll-behavior:auto}}

/* Invitation setup remains readable and scrollable on landscape phones. */
.invite-copy-actions,.mcp-copy-row{display:flex;gap:8px;align-items:stretch}.invite-copy-actions{flex-wrap:wrap}.invite-copy-actions button{min-width:150px}.invite-help{margin:18px 0;border:1px solid #9f986566;border-radius:9px;padding:12px}.invite-help summary{cursor:pointer;font-size:14px;color:#f3df9f;font-weight:600;line-height:1.6}.invite-help h3{font-size:15px;margin:18px 0 8px;color:#f3df9f}.invite-help ol{padding-left:22px;margin:10px 0;font-size:13px;line-height:1.8}.invite-help li{margin:8px 0}.invite-help a{text-decoration:underline;text-underline-offset:3px}.invite-help code{overflow-wrap:anywhere}.mcp-copy-row input{min-width:0;flex:1;width:100%;font:12px/1.6 monospace;padding:9px;border-radius:6px;background:#f4efdd;color:#263e2b;border:1px solid #b3ad81}.mcp-copy-row button{flex:none;white-space:nowrap}#agent-prompt-fallback{width:100%;resize:vertical;margin-top:10px;padding:9px;background:#f4efdd;color:#263e2b;border-radius:7px;font:13px/1.6 sans-serif}.invite-help-source{font-size:11px;opacity:.8}#agent-dialog .invite-help{overflow-wrap:anywhere}