.player-account{margin:12px 0 15px;padding-top:10px;border-top:1px solid #ffffff25}
.player-account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.player-account-heading label{margin:0}
.account-shortcuts{display:flex;gap:5px}
.account-shortcuts button{border:1px solid #c7d58435;border-radius:6px;background:#b8c86c09;color:#dfe8ae;padding:6px 9px;min-height:30px;font-size:11px}
.account-shortcuts button:hover{border-color:#c7d58499;background:#b8c86c18}
.player-account label{display:block;color:#dedfc3;font-size:11px;font-weight:600;margin-bottom:7px}
.player-name-row{display:flex;gap:8px}
.player-name-row input{width:100%;min-width:0;height:42px;padding:9px 12px;border:1px solid #c8d99955;border-radius:8px;background:#111b15a8;color:#fff6df;font:600 15px 'Manrope',sans-serif}
.player-name-row input:focus-visible{outline:2px solid #e5bc78;outline-offset:2px}
.player-name-row input[aria-invalid="true"]{border-color:#ffab9a}
.player-name-row button{padding:8px 13px;border:1px solid #c8d99955;border-radius:8px;background:#ffffff0a;font-size:12px;font-weight:600}
.player-account-meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:12px;row-gap:2px;margin-top:5px;min-height:30px}
#account-caption{font-size:11px;color:#c3c9b8}
#player-name-hint{font-size:11px;line-height:1.5;margin:7px 0 0;color:#c3c9b8}
.player-account-meta button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:7px 0;min-height:32px;color:#e3edb5}
.player-account-meta button:first-of-type{margin-left:auto}
.account-privacy{font-size:10px;color:#c3c9b8;text-underline-offset:3px;padding:8px 0;margin-left:auto}
#account-message,#account-unavailable{font-size:11px;line-height:1.5;margin:5px 0 0;color:#f4cfa6}
#account-unavailable{color:#bac1ad;font-size:10px}
#account-google-button{min-width:200px;max-width:100%;width:280px;min-height:40px;margin:24px auto 18px;display:flex;justify-content:center;color-scheme:light}
#account-google-panel{display:block;width:min(390px,calc(100vw - 32px));padding:24px;text-align:center}
#account-google-panel:not([open]){display:none}
#account-google-panel .account-dialog-heading{text-align:left}
#account-google-panel h2{font-size:30px;line-height:1.1;margin:12px 0}
#account-google-panel>p{font-size:13px;line-height:1.6;color:#c9cdb5;margin:0 auto;max-width:285px}
#account-google-panel>small{font-size:11px;color:#aeb798}
#account-google-panel #account-google-status{color:#e8c98b;margin:10px 0}
.signin-mark{display:grid;place-items:center;margin:14px auto 0;width:54px;height:54px;border:1px solid #c2d16655;border-radius:18px;color:#c8d975;background:#b1c85212;font-size:31px}
.player-account :disabled{opacity:.6}
@media(max-width:650px){.player-account{margin:13px 0 15px;padding-top:12px}.player-name-row input{font-size:16px}.player-account-meta{column-gap:10px}}
/* The viewport stays still; long camp cards scroll within their own bounds. */
#multiplayer-menu{padding:78px clamp(18px,6vw,110px) 16px;overflow:hidden;gap:9px}
#multiplayer-menu>.lobby-card{max-height:calc(100dvh - 116px);min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdcb6e55 transparent}
#landing-panel{width:min(510px,100%);padding:21px 27px}
#landing-panel h2{font-size:36px;margin:12px 0 10px}
#landing-panel .lobby-lead{font-size:13px;line-height:1.5;margin-bottom:14px}
#landing-panel .tournament-preview{margin:12px 0}
#landing-panel .tournament-choice{padding:8px 3px;gap:5px;font-size:9px}
#landing-panel .tournament-icon{font-size:20px;height:22px}
#landing-panel .lobby-primary{padding:14px 18px;font-size:17px}
#landing-panel .landing-lobby-actions{margin-top:10px}
#landing-panel .lobby-secondary{padding-top:12px}
#landing-panel .lobby-rules{margin-top:16px;padding-top:12px}
@media(max-width:650px){#multiplayer-menu{padding:70px 14px 12px}#multiplayer-menu>.lobby-card{max-height:calc(100dvh - 103px)}#landing-panel{padding:18px 20px}#landing-panel h2{font-size:29px;line-height:1.12}#landing-panel .lobby-lead{font-size:12px}#landing-panel .tournament-choice{font-size:8px}#landing-panel .player-account{margin:10px 0 12px}.account-shortcuts button{padding:5px 7px;font-size:10px}}
@media(max-height:700px) and (min-width:651px){#multiplayer-menu{padding-top:64px}#multiplayer-menu>.lobby-card{max-height:calc(100dvh - 100px)}#landing-panel{padding:17px 23px}#landing-panel h2{font-size:29px}}