/* Buttons are only as wide as their label. ENTER THE BATTLE stays the one big call to action.
   Loaded last; prefixed like lobby-mobile.css to outrank the theme sheets. Touch targets stay at least 44px tall. */
html[data-art-style] body #menu#menu .difficulty-options{display:flex;flex-wrap:wrap;gap:10px;grid-template-columns:none}
html[data-art-style] body #menu#menu .difficulty-options>button{flex:0 0 auto;width:auto;min-width:0;padding-inline:20px}
html[data-art-style] body #menu :is(.multiplayer-box :is(#find-public,#create-room,#join-room),.play-actions>button.secondary,#scout){justify-self:start;width:auto;padding-inline:20px}
html[data-art-style] body #menu#menu .play-actions>button.secondary{justify-self:end}
html[data-art-style] body #menu .multiplayer-box :is(#player-name,#find-public,#create-room){grid-column:1/-1}
/* Folded panels (Music & sound, Controls, story, how to play) are a tab-sized bar until opened. */
:is(.sound-settings,.setting-story,.briefing details,.kit-details,.account-panel details):not([open]){width:fit-content;max-width:100%}
html[data-art-style] body #menu .selection>div:has(.sound-settings){display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
html[data-art-style] body #menu .selection>div>.sound-settings[open]{flex-basis:100%}
#modal-content :is(.sound-settings,.kit-details):not([open]){margin-inline:auto}
/* Modal actions: the main one stays big and bright, just not wall to wall. */
#modal-content>button{display:block;width:auto;margin-inline:auto;padding-inline:32px}#modal-content>button.primary{min-width:min(260px,100%)}
/* Room lobby: START MATCH leads the row; the rest are label-sized. */
html[data-art-style] body #menu .room-actions>button{flex:0 0 auto;min-width:0;padding-inline:20px}
html[data-art-style] body #menu .room-actions>#launch-room{width:auto;padding-inline:36px}
/* Account form and invite link: label-sized even where the phone layout stacks them. */
html body .account-panel .account-actions{align-items:flex-start}
html[data-art-style] body #menu .room-invite #copy-room{width:auto;padding-inline:20px}
@media(pointer:coarse){html[data-art-style] body #menu :is(.difficulty-options>button,.multiplayer-box :is(#find-public,#create-room,#join-room),.play-actions>button.secondary,#scout,.room-actions>button,#copy-room,.map-link,#champion-facing,#start),html body #menu#menu .account-panel :is(button,summary),.sound-settings>summary,.setting-story>summary,.key-bind{min-height:44px}html[data-art-style] body #menu #champion-facing{min-width:44px}html[data-art-style] body :is(#menu#menu,#modal-content#modal-content) :is(.sound-settings,.setting-story):not([open]){padding-block:0}:is(.sound-settings,.setting-story)>summary{line-height:44px}}