/* Content-sized public menus. The full-screen match HUD is unchanged. */
body.multiplayer-page{font:16px/1.6 system-ui,sans-serif}
body.multiplayer-page:not([data-screen=arena]) header{max-width:1040px;padding:12px 24px;gap:12px}
body.multiplayer-page header :is(select,a){min-height:44px;display:inline-flex;align-items:center;margin:0}
body.multiplayer-page #normal-home{font-weight:600;text-underline-offset:4px}
body.multiplayer-page[data-ready=true][data-screen=home]{height:auto;min-height:100dvh;display:block}
body.multiplayer-page:not([data-screen=arena]) main{max-width:1040px;width:100%;padding:12px 24px 32px;display:block;flex:none}
body.multiplayer-page[data-ready=true][data-screen=home] #authorized{min-height:0;flex:none}
body.multiplayer-page #status[data-passive=true]{display:none}
body.multiplayer-page[data-ready=true][data-screen=home] .home-screen{max-width:880px;height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:16px 24px;padding:12px 0}
body.multiplayer-page[data-ready=true][data-screen=home] .home-title{grid-column:1/-1;font-size:38px;margin:0 0 8px;line-height:1.2}
body.multiplayer-page[data-ready=true][data-screen=home] .home-title span{font:700 18px/1.5 system-ui,sans-serif;letter-spacing:.08em;margin-top:8px}
body.multiplayer-page[data-ready=true][data-screen=home] .home-character{display:grid;grid-template-rows:auto auto 160px auto;align-content:start;gap:4px;min-width:0;border:1px solid #34677d;border-radius:16px;padding:20px;background:#0a1a2bed}
body.multiplayer-page[data-ready=true][data-screen=home] #home-selected{font:700 13px/1.5 system-ui,sans-serif;color:#ffe66d;margin:0}
body.multiplayer-page[data-ready=true][data-screen=home] #home-name{font-size:24px;margin:0}
body.multiplayer-page .character-art{gap:16px}
body.multiplayer-page .character-art button{width:48px;height:48px;flex:none;margin:0}
body.multiplayer-page[data-ready=true][data-screen=home] #home-image{max-height:156px;max-width:156px;width:100%;height:100%}
body.multiplayer-page #home-ability-summary{margin:4px 0 0;font:16px/1.6 system-ui,sans-serif;color:#c2dbe8;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.multiplayer-page[data-ready=true][data-screen=home] .home-actions{display:flex;align-self:center;width:100%;max-width:none;gap:14px;margin:0;padding:24px;border:1px solid #34677d;border-radius:16px;background:#0a1a2bed;text-align:left;font:16px/1.6 system-ui,sans-serif}
body.multiplayer-page .home-actions p{margin:0;overflow-wrap:anywhere}
body.multiplayer-page #home-match-heading{font-size:22px;line-height:1.5;font-weight:800;color:#f4fbff}
body.multiplayer-page #home-match-summary{color:#c2dbe8}
body.multiplayer-page .match-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:#a9ecff}
body.multiplayer-page .match-tags span{border:1px solid #3d6d81;border-radius:99px;padding:3px 10px;background:#163247}
body.multiplayer-page .home-quota{border-top:1px solid #345366;padding-top:12px;font-size:14px}
body.multiplayer-page #home-quota-reset{font-size:12px;color:#adc8d8}
body.multiplayer-page[data-ready=true][data-screen=home] #multi-menu{min-height:52px;padding:12px;font:700 18px/1.4 system-ui,sans-serif;background:#164d46;border-color:#66eeb2}
body.multiplayer-page .character-details{grid-column:1/-1;min-width:0;text-align:left;padding:12px 16px;border:1px solid #345366;border-radius:12px;background:#0a1a2bed;font:16px/1.6 system-ui,sans-serif}
body.multiplayer-page :is(.character-details,.match-rules) summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600;color:#bceeff}
body.multiplayer-page[data-ready=true][data-screen=home] #home-description{overflow:visible;max-width:none;width:auto;margin:10px 0;font:16px/1.7 system-ui,sans-serif}
body.multiplayer-page .lobby-panel{margin-top:12px;padding:24px}
body.multiplayer-page #multi-title{margin-bottom:6px}
body.multiplayer-page #lobby-steps{margin:0 0 18px;color:#b8d8e7;font-size:14px;overflow-wrap:anywhere}
body.multiplayer-page .nickname-field{display:flex;align-items:center;gap:12px;margin:16px 0}
body.multiplayer-page .nickname-field input{flex:1;min-width:0;max-width:360px;margin:0;min-height:48px}
body.multiplayer-page .room-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
body.multiplayer-page .room-option{min-width:0;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #345366;border-radius:12px;background:#102638}
body.multiplayer-page .room-option h3{font-size:18px;margin:0}
body.multiplayer-page .room-option p{font-size:14px;color:#b8d8e7;margin:0}
body.multiplayer-page .room-option button{min-height:48px;margin:0;white-space:normal}
body.multiplayer-page #create{margin-top:auto;background:#164d46;border-color:#66eeb2;font-weight:700}
body.multiplayer-page .join-controls{display:flex;gap:8px;margin-top:auto}
body.multiplayer-page .join-controls input{width:100%;min-width:0;min-height:48px;margin:0;text-transform:uppercase}
body.multiplayer-page .join-controls button{flex:none;min-width:64px;border-color:#36d8fa}
body.multiplayer-page .match-rules{margin-top:20px;border-top:1px solid #345366;padding-top:8px}
body.multiplayer-page #rules{margin:12px 0 0;overflow-wrap:anywhere;line-height:1.8}
body.multiplayer-page #room{border:1px solid #36b9bc;border-radius:12px;padding:18px;background:#102638}
body.multiplayer-page #room h3{margin:0 0 12px;overflow-wrap:anywhere}
body.multiplayer-page #room button{min-height:48px;margin:4px 8px 4px 0}
body.multiplayer-page .lobby-panel:has(#room:not([hidden])) :is(.room-options,.nickname-field){display:none}
body.multiplayer-page #back-multi{margin:0;min-height:44px}
body.multiplayer-page #access-limit-dialog{height:fit-content;min-height:0}
@media(max-width:600px){
 body.multiplayer-page:not([data-screen=arena]) header{padding:8px 16px;gap:10px;justify-content:space-between}
 body.multiplayer-page:not([data-screen=arena]) main{padding:4px 16px max(20px,env(safe-area-inset-bottom))}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:12px;padding:4px 0}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-title{font-size:28px;margin:0;line-height:1.15}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-title span{font-size:15px;margin-top:4px}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-character{grid-template-rows:auto auto 112px auto;gap:2px;padding:12px}
 body.multiplayer-page[data-ready=true][data-screen=home] #home-name{font-size:21px}
 body.multiplayer-page[data-ready=true][data-screen=home] #home-image{max-width:112px;max-height:112px}
 body.multiplayer-page #home-ability-summary{font-size:14px}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-actions{padding:16px;gap:10px}
 body.multiplayer-page #home-match-heading,body.multiplayer-page #home-match-summary{display:none}
 body.multiplayer-page .home-quota{border:0;padding:0}
 body.multiplayer-page .match-tags{font-size:12px;gap:6px}
 body.multiplayer-page .character-details{padding:8px 12px}
 body.multiplayer-page .lobby-panel{padding:16px}
 body.multiplayer-page .room-options{grid-template-columns:minmax(0,1fr);gap:12px}
 body.multiplayer-page .room-option{padding:14px;gap:10px}
 body.multiplayer-page .nickname-field{align-items:flex-start;flex-direction:column;gap:6px}
 body.multiplayer-page .nickname-field input{width:100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){body.multiplayer-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:601px) and (max-height:500px){
 body.multiplayer-page:not([data-screen=arena]) header{padding:6px 24px}
 body.multiplayer-page:not([data-screen=arena]) main{padding-top:0}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-screen{gap:8px 20px;padding:4px 0}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-title{font-size:28px;margin:0}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-title span{font-size:14px;margin-top:2px}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-character{grid-template-rows:auto auto 86px auto;padding:12px}
 body.multiplayer-page[data-ready=true][data-screen=home] #home-image{max-height:86px;max-width:86px}
 body.multiplayer-page[data-ready=true][data-screen=home] .home-actions{gap:8px;padding:16px}
 body.multiplayer-page #home-match-heading{font-size:18px}
 body.multiplayer-page #home-match-summary{display:none}
}