.queue-feedback{color:#c5d6e5;background:#0c1b2a;border:1px solid #3f5c70;border-radius:10px;margin:0 0 4px;padding:16px;font-size:13px}.queue-status{color:#f3d095;align-items:center;gap:9px;line-height:1.3;display:flex}.queue-status strong{flex:1;font-size:14px}.queue-status time{font-variant-numeric:tabular-nums;color:#eaf2f8;font-size:15px}.queue-dot{background:#f0bf6b;border-radius:50%;flex:none;width:8px;height:8px;animation:2s ease-in-out infinite queue-pulse;box-shadow:0 0 0 4px #efbd6920}.queue-explanation{color:#b9cbdb;margin-top:13px;line-height:1.5}.queue-players{gap:7px;margin:15px 0;display:flex}.queue-player{text-align:center;color:#9db1c5;border:1px dashed #516578;border-radius:6px;flex:1;padding:7px 9px;font-size:11px}.queue-player.filled{color:#b9e4ce;background:#1d3e37;border-style:solid;border-color:#477567}.queue-details{border-top:1px solid #293f50;margin:12px 0 0;padding-top:8px}.queue-details>div{justify-content:space-between;gap:12px;padding:5px 0;display:flex}.queue-details dt{color:#91a9bf;flex-shrink:0}.queue-details dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.queue-details dd span{color:#91a9bf;font-size:11px;font-weight:400}.queue-hint{color:#8ea8bf;margin-top:12px;font-size:11px}.queue-feedback[data-state=matched]{border-color:#53836e}.queue-feedback[data-state=matched] .queue-dot{background:#8cd4aa;animation:none}.queue-feedback[data-state=reconnecting] .queue-status,.queue-feedback[data-state=service-unavailable] .queue-status{color:#f4b18e}.lobby-actions .online-mode>p:not(.lobby-eyebrow){min-height:0}.online-mode>.lobby-gold{margin-top:auto}@keyframes queue-pulse{50%{box-shadow:0 0 0 7px #efbd6908}}@media (prefers-reduced-motion:reduce){.queue-dot{animation:none}}.mode-menu-control:has(>.online-queue-card.is-live)>:not(.online-queue-card){display:none!important}.online-queue-card{box-sizing:border-box;color:#fff;text-align:left;gap:8px;width:100%;font-family:BrawlSecondary,Arial,sans-serif;display:grid;position:relative}.online-search{display:block}html body #brawl-game-concept .online-search .online-search-button{text-align:left;align-items:center;gap:10px;width:100%;margin:0;display:flex}.online-search-button:disabled{cursor:progress}.online-search-button>.boa-ui-button-fill{transition:clip-path .4s ease-out}.online-search.is-waiting .online-search-button>.boa-ui-button-fill{animation:1.8s ease-in-out infinite alternate online-search-breathe}@keyframes online-search-breathe{0%{opacity:.3}to{opacity:1}}.online-search-button .menu-icon{flex:none;width:24px;height:24px}.online-search-copy{flex:1;gap:3px;min-width:0;display:grid}.online-search-label{white-space:nowrap;text-overflow:ellipsis;font:400 22px/1.1 Brawl,serif;overflow:hidden}.online-search-copy small{color:#eaffff;white-space:nowrap;text-overflow:ellipsis;font:12px/1.2 BrawlSecondary,Arial,sans-serif;overflow:hidden}.online-search-end{font-variant-numeric:tabular-nums;flex:none;justify-items:end;font:400 20px/1 Brawl,serif;display:grid}.online-search-end>*{grid-area:1/1}.online-search-cancel-hint,.online-search-button:enabled:is(:hover,:focus-visible) .online-search-end>time{visibility:hidden}.online-search-button:enabled:is(:hover,:focus-visible) .online-search-cancel-hint{visibility:visible}.online-search:is(.is-found,.is-ready){animation:1.2s ease-in-out infinite alternate online-search-found}@keyframes online-search-found{0%{filter:drop-shadow(0 0 2px #ffda74)}to{filter:drop-shadow(0 0 10px #ffc44e)}}@media (prefers-reduced-motion:reduce){.online-search-button>.boa-ui-button-fill{transition:none}.online-search:is(.is-found,.is-ready){filter:drop-shadow(0 0 6px #ffc44e);animation:none}}.online-queue-head{align-items:center;gap:10px;min-width:0;display:flex}.online-queue-head strong{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 2px #074365,0 0 2px #052b4c;flex:1;min-width:0;font:400 19px/1.15 Brawl,serif;overflow:hidden}.online-queue-card.is-notice{align-items:center;gap:6px;margin-top:6px;padding:0 2px;display:flex}.online-queue-card.is-notice .online-queue-head{flex:1}.online-queue-card.is-notice .online-queue-copy,.online-queue-card.is-notice .online-queue-icon{display:none}.online-queue-card.is-notice .online-queue-head strong{white-space:normal;color:#d3e8f1;text-shadow:0 1px 2px #000a;font:13px/1.35 BrawlSecondary,Arial,sans-serif;overflow:visible}.boa-arriving .online-queue-card,.boa-arriving .bbb-alpha-entry{visibility:hidden}
body #brawl-game-concept.game-home[data-screen=menu]{height:calc(100*var(--vh,1vh));min-height:0;max-height:none;overflow:hidden auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu{grid-template-columns:clamp(240px,calc(19*var(--vw,1vw)),320px) minmax(0,1fr) clamp(260px,calc(23*var(--vw,1vw)),380px);align-items:center;gap:32px;height:auto;min-height:100%;padding:64px 3% 40px;display:grid;position:relative;inset:auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .gc-menu-left:has(>.menu-account){flex-direction:column;justify-content:flex-start;width:100%;max-width:none;min-height:0;display:flex;position:relative;inset:auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .gc-menu-left .boa-wordmark{width:min(210px,100%);margin:0 0 12px}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army{align-self:center;width:100%;min-width:0;max-width:none;margin:0;position:relative;inset:auto;transform:none;container-type:inline-size}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army-grid{grid-template-columns:repeat(2,minmax(154px,175px));justify-content:center;gap:18px 12px;padding:10px 0;display:grid}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army-grid>button{aspect-ratio:4/5;width:100%;height:auto;max-height:none;box-shadow:none;background:0 0;border:0;transform:none}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-support{flex-direction:column;grid-area:1/3;align-self:center;gap:16px;width:100%;min-width:0;margin:0;display:flex;position:relative;inset:auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-journey-details,body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-readiness{width:100%;max-width:none;margin:0;position:relative;inset:auto;overflow:visible}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-journey-details .starter-journey{width:100%;max-height:none;margin:0;padding:20px;position:relative;inset:auto;transform:none}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .gc-menu-footer{flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;margin:auto 0 0;padding-top:8px;position:relative;inset:auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-readiness:empty{display:none}body #brawl-game-concept.game-home[data-screen=menu] .menu-lesson-help.boa-ui-button{box-shadow:none;color:#edf8ff;text-shadow:0 2px #082d42;background:0 0;border:10px solid #0000;border-radius:0;justify-content:center;align-self:flex-start;align-items:center;gap:8px;min-height:48px;padding:5px 12px;display:flex;font:20px/1.2 Brawl,serif!important}body #brawl-game-concept.game-home[data-screen=menu] .menu-lesson-help.boa-ui-button:active{--game-button-surface:var(--game-button-primary)}@container (min-width:916px){body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army-grid{grid-template-columns:repeat(4,minmax(154px,175px))}}@media (min-width:781px) and (max-height:780px) and (max-width:1099px){body #brawl-game-concept.game-home[data-screen=menu] .gc-menu{align-items:start;padding-top:24px;padding-bottom:24px}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu :is(.gc-menu-left,.menu-army,.menu-support){align-self:start}}@media (min-width:781px) and (max-width:1200px){body #brawl-game-concept.game-home[data-screen=menu] .gc-menu{grid-template-columns:minmax(220px,1fr) minmax(452px,1.7fr);gap:24px;padding:32px 3%}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-support{grid-area:auto/1/auto/-1;justify-self:center;max-width:650px}}@media (max-width:780px){body #brawl-game-concept.game-home[data-screen=menu] .gc-menu:has(.menu-account){flex-direction:column;align-items:stretch;gap:20px;padding:24px 5% 32px;display:flex}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .gc-menu-left:has(>.menu-account){display:contents}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .gc-menu-left .boa-wordmark{order:0;align-self:center;width:140px;margin:0}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-account{order:1;width:100%;max-width:none}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .gc-actions{order:2;width:100%;max-width:none}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army{order:3;width:100%;margin:0}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#77b1be #0a2435;justify-content:flex-start;gap:12px;padding:12px 8px 18px;scroll-padding-inline:8px;display:flex;overflow-x:auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army-grid>button{scroll-snap-align:start;flex:0 0 161px}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army>p{letter-spacing:.5px;color:#ffe3a0;text-align:left;text-shadow:0 2px 3px #00111c;align-items:baseline;gap:6px;min-height:36px;margin:0 0 4px;padding-right:110px;font:16px/36px Brawl,serif;display:flex}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army>p span{color:#b8d8e2;font:12px BrawlSecondary,Arial,sans-serif}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-army .menu-army-edit{top:0}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-support{order:4;width:100%;margin:0}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .menu-lesson-help{order:5;align-self:center;width:auto}body #brawl-game-concept.game-home[data-screen=menu] .gc-menu .social-menu-dock{order:6}}body #brawl-game-concept.game-home.is-awaiting-player :is(.gc-menu-left>:not(.gc-wordmark),.menu-support,.gc-menu-footer){visibility:hidden}