/* Full menu surface; battlefield and command catalogue retain their own styles. */
.title-screen.wg-menu{z-index:20;display:block;inset:0;padding:clamp(20px,4vw,54px);overflow:auto;overscroll-behavior:contain;background:#111511;color:#ede9dd;transition:opacity .2s ease,visibility .2s ease;touch-action:pan-y}
.wg-menu-surface{max-width:1160px;margin:auto;min-width:0}.wg-menu-brand{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.wg-menu-brand h1{margin:7px 0 0;font:900 clamp(36px,5.3vw,64px)/.92 "Arial Black","Avenir Next",sans-serif;letter-spacing:-.065em}.wg-menu-brand .eyebrow{font-size:10px;color:#c6a65d}.wg-menu-edition{font-size:13px;color:#a4aa9e}.wg-menu-tabs{display:flex;gap:clamp(4px,2vw,24px);border-bottom:1px solid #3a3e34;margin-bottom:28px}.wg-menu button,.wg-menu select,.wg-menu input,.wg-pause-settings select{font:600 14px/1.35 "Avenir Next",system-ui,sans-serif;min-height:46px;border:1px solid #53584b;border-radius:2px;padding:11px 16px;background:#21271f;color:#eeeadd;cursor:pointer;touch-action:manipulation;max-width:100%;letter-spacing:0;text-transform:none;transition:background .15s ease,border-color .15s ease}.wg-menu button:hover{background:#2d3428;border-color:#aaa98a}.wg-menu button:disabled{opacity:.45;cursor:default}.wg-menu button:focus-visible,.wg-menu select:focus-visible,.wg-menu input:focus-visible,.wg-pause-settings select:focus-visible{outline:3px solid #f0c45d;outline-offset:3px}.wg-menu-tabs button{position:relative;background:transparent;border:0;border-radius:0;padding:12px 16px;color:#b9bdaf;white-space:nowrap}.wg-menu-tabs button[aria-current=page]{color:#f6cc68;box-shadow:inset 0 -3px #e6b84e}.wg-menu-panel{animation:wg-menu-reveal .16s ease-out}.wg-section-heading{margin-bottom:22px}.wg-section-heading h2{font-size:25px;font-weight:700;letter-spacing:-.03em;margin:0 0 7px}.wg-menu p{font-size:14px;line-height:1.6;color:#b5bbad;margin:8px 0 18px}.wg-play-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);gap:36px}.wg-map-list{display:grid;gap:16px;align-content:start}.wg-menu .wg-map-choice{display:grid;grid-template-columns:1fr auto;position:relative;overflow:hidden;padding:0;text-align:left;border:2px solid #444c3e;background:#20271d;min-width:0}.wg-map-choice img{grid-column:1/-1;width:100%;height:clamp(140px,14.5vw,200px);object-fit:cover;display:block;opacity:.8;transition:opacity .18s ease}.wg-map-choice span{padding:12px 14px;min-width:0}.wg-map-choice strong,.wg-map-choice small{display:block}.wg-map-choice strong{font-size:18px;letter-spacing:-.015em}.wg-map-choice small{font-size:12px;font-weight:500;margin-top:3px;color:#bdc2b3}.wg-map-choice>b{align-self:center;padding:12px 18px;color:#d6c394;font-size:23px}.wg-menu .wg-map-choice.is-selected{border-color:#e4b74e;background:#303024}.wg-map-choice.is-selected img,.wg-map-choice:hover img{opacity:1}.wg-map-choice.is-selected>b{color:#ffd575}.wg-match-options{display:flex;flex-direction:column;align-items:stretch}.wg-menu label,.wg-pause-settings label{display:flex;flex-direction:column;gap:8px;color:#dddccd;font-size:13px;font-weight:700;min-width:0}.wg-match-options>label{margin-bottom:8px}.wg-menu select,.wg-menu input,.wg-pause-settings select{width:100%;background:#1c221b;min-width:0;appearance:auto}.wg-menu .wg-option-help{font-size:12px;color:#aeb5a5;line-height:1.6;margin:9px 0 20px}.wg-menu .wg-mode-note{padding-left:12px;border-left:2px solid #9d8955;font-size:12px;color:#d7c998;margin:0 0 22px}.wg-menu-launch{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:20px 0 6px;border-top:1px solid #3a4033;background:#111511}.wg-menu-launch>span{min-width:0}.wg-menu-launch strong,.wg-menu-launch small{display:block}.wg-menu-launch small{font-size:12px;color:#aeb5a5;margin-top:5px}.wg-menu .wg-primary{background:#e0b24c;color:#161910;border-color:#edc96f;font-weight:800;min-width:160px}.wg-menu .wg-primary:hover{background:#f1c768}.wg-menu-status{font:600 10px/1.5 ui-monospace,monospace;color:#7d8974;margin:24px 0 0;overflow-wrap:anywhere}.wg-menu .wg-menu-retry{margin-top:12px;border-color:#8d7251;background:#2b251c;color:#f0d59c}.wg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:820px}.wg-player-colours{border:0;padding:0;margin:30px 0}.wg-player-colours legend{font-size:13px;font-weight:700;margin-bottom:12px}.wg-player-colours>div{display:flex;flex-wrap:wrap;gap:10px}.wg-menu .colour-swatch{display:flex;align-items:center;gap:9px;min-width:95px}.wg-menu .colour-swatch i{width:14px;height:14px;display:block;background:var(--swatch);border-radius:50%}.wg-menu .colour-swatch.selected{border-color:#e9c367;box-shadow:inset 0 0 0 1px #e9c367}.wg-multiplayer-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:44px}.wg-join-form{display:flex;flex-direction:column;gap:18px}.wg-create-prompt{border-top:1px solid #404738;padding-top:22px;display:flex;flex-direction:column;gap:12px;font-size:13px;color:#b5bbad}.wg-public-rooms>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.wg-public-rooms h3{font-size:17px;margin:0}.wg-menu .wg-public-room{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;margin-bottom:9px}.wg-public-room strong,.wg-public-room small{display:block}.wg-public-room small{color:#b4bcaa;font-size:12px;margin-top:5px}.wg-public-room b{color:#e9c268}.wg-menu .wg-online-status{font-size:13px;color:#d0c899;margin-top:24px}.wg-menu .wg-menu-error{padding:12px 16px;border-left:3px solid #db916c;background:#35271f;color:#f2c6a5;overflow-wrap:anywhere}.wg-lobby-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.wg-lobby-heading>div:first-child{display:flex;flex-direction:column;gap:7px}.wg-lobby-heading strong{font-size:22px}.wg-lobby-heading small,.wg-lobby-heading span{color:#b7bdaf;font-size:12px}.wg-invite{display:grid;grid-template-columns:1fr auto;gap:4px 14px}.wg-invite>span{grid-column:1}.wg-invite code{font-size:18px;color:#f5ce71;overflow-wrap:anywhere;grid-column:1}.wg-invite button{grid-column:2;grid-row:1/3}.wg-roster{padding:0;margin:0;list-style:none}.wg-roster li{display:flex;align-items:center;gap:16px;min-height:78px;border-top:1px solid #383e31;padding:14px 6px}.wg-roster li>i{width:14px;height:30px;background:var(--commander-colour);flex-shrink:0}.wg-roster li>span{flex:1;min-width:0;overflow-wrap:anywhere}.wg-roster strong,.wg-roster small{display:block}.wg-roster small{font-size:12px;color:#aab49e;margin-top:4px}.wg-roster li>b{font-size:13px;color:#d9c58b}.wg-roster .wg-empty-slot{color:#88957c}.wg-lobby-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;border-top:1px solid #383e31;padding-top:20px}.wg-lobby-actions>button:first-child{margin-right:auto}.wg-help-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.wg-help-columns h3{font-size:18px;color:#e2d7b6}.wg-pause-settings{display:grid!important;gap:14px!important;width:100%;max-height:60vh;overflow:auto;text-align:left}.wg-pause-settings label{font-size:13px}.wg-pause-settings select{padding:10px;min-height:44px}.wg-pause-settings p{font-size:12px}.pause-panel:has(.wg-pause-settings){max-width:540px}.wg-menu [hidden]{display:none!important}
@keyframes wg-menu-reveal{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:700px){.title-screen.wg-menu{padding:24px 18px max(18px,env(safe-area-inset-bottom));}.wg-menu-brand{margin-bottom:20px}.wg-menu-edition{display:none}.wg-menu-tabs{gap:0;margin-bottom:24px;justify-content:space-between}.wg-menu-tabs button{font-size:12px;padding:12px 8px;min-width:0}.wg-menu-brand h1{font-size:42px}.wg-section-heading h2{font-size:23px}.wg-play-layout,.wg-multiplayer-layout,.wg-help-columns{grid-template-columns:1fr;gap:25px}.wg-map-list{grid-template-columns:1fr 1fr;gap:10px}.wg-map-choice img{height:110px}.wg-map-choice span{padding:10px}.wg-map-choice strong{font-size:14px}.wg-map-choice small{font-size:11px;line-height:1.4}.wg-map-choice>b{position:absolute;right:5px;top:6px;padding:3px 7px;background:#172013d9;font-size:17px}.wg-form-grid{grid-template-columns:1fr;gap:18px}.wg-menu-launch{position:sticky;bottom:calc(-1 * max(18px,env(safe-area-inset-bottom)));z-index:2;padding:15px 0 max(16px,env(safe-area-inset-bottom));box-shadow:0 -10px 18px #111511;gap:12px}.wg-menu-launch strong{font-size:13px}.wg-menu-launch small{font-size:11px;line-height:1.4}.wg-menu .wg-primary{min-width:125px}.wg-lobby-heading{flex-direction:column}.wg-invite{width:100%}.wg-lobby-actions{gap:8px}.wg-lobby-actions button{flex:1;padding-inline:10px}.wg-roster li{gap:10px}.wg-menu-status{font-size:9px}.wg-player-colours>div{gap:7px}.wg-menu .colour-swatch{min-width:0;flex:1 0 28%;font-size:12px;padding:10px}.wg-help-columns{gap:8px}}
@media(max-height:500px) and (min-width:701px){.title-screen.wg-menu{padding:20px 28px}.wg-menu-brand{margin-bottom:12px}.wg-menu-brand h1{font-size:36px}.wg-menu-tabs{margin-bottom:18px}.wg-map-choice img{height:110px}}
@media(prefers-reduced-motion:reduce){.wg-menu-panel{animation:none}.title-screen.wg-menu,.wg-menu button,.wg-map-choice img{transition:none}}
.title-screen.wg-menu.hidden{display:none;opacity:0;visibility:hidden;pointer-events:none}
/* Keep setup and its primary action together at desktop and laptop sizes. */
.title-screen.wg-menu{font-family:"Avenir Next",Avenir,system-ui,sans-serif;line-height:1.45}
.wg-menu .wg-section-heading h2,.wg-menu .wg-help-columns h3,.wg-menu .wg-public-rooms h3{font-family:"Avenir Next",Avenir,system-ui,sans-serif;font-weight:700}
.wg-menu .wg-map-choice strong{font:700 17px/1.3 "Avenir Next",Avenir,system-ui,sans-serif;letter-spacing:-.015em}
.wg-menu .wg-map-choice small{font-family:"Avenir Next",Avenir,system-ui,sans-serif}
@media(min-width:701px){
 .title-screen.wg-menu{padding:24px clamp(28px,4vw,54px)}
 .wg-menu-brand{margin-bottom:18px}.wg-menu-brand h1{font-size:54px}
 .wg-menu-tabs{margin-bottom:20px}.wg-section-heading{margin-bottom:18px}
 .wg-section-heading h2{font-size:24px}.wg-section-heading p{margin-bottom:12px}
 .wg-map-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .wg-map-choice img{height:auto;aspect-ratio:1.45;max-height:220px}
 .wg-map-choice span{padding:12px}.wg-map-choice>b{position:absolute;right:8px;top:8px;padding:3px 9px;background:#172013d9;font-size:20px}
 .wg-play-layout{gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}
 .wg-match-options .wg-option-help{margin:7px 0 12px;line-height:1.5}
 .wg-match-options .wg-mode-note{margin-bottom:14px;line-height:1.5}
 .wg-menu-launch{margin-top:18px;padding-top:16px}.wg-menu-status{margin-top:16px}
}
@media(min-width:701px) and (max-height:760px){
 .wg-menu-brand h1{font-size:44px}.wg-menu-brand{margin-bottom:12px}.wg-menu-tabs{margin-bottom:16px}
 .wg-section-heading{margin-bottom:14px}.wg-section-heading p{margin:5px 0 10px}
 .wg-menu-launch{margin-top:14px;padding-top:12px}
}
@media(max-width:700px){.wg-menu .wg-map-choice strong{font-size:14px}}