/* Front page hierarchy: play first, hero details on demand. Lobby selection stays visible. */
#select.menu-shell:not(.in-lobby){grid-template-rows:78px minmax(min-content,1fr) auto 42px}
#select:not(.in-lobby) .menu-top{min-height:78px}
#select:not(.in-lobby) .play-panel{padding:18px 22px}
#select:not(.in-lobby) .play-heading{font-size:29px;margin-bottom:10px}
#select .play-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#select .play-title-row .play-heading{margin-bottom:0}
#select .beta-label{padding:4px 9px;border:1px solid #d7b87991;background:#d7b87919;color:#f5dba5;font:800 10px system-ui;letter-spacing:1.6px}
#select .beta-disclaimer{margin:6px 0 13px;color:#bacdc8;font:11px/1.45 system-ui}
#select .beta-disclaimer a{color:#eed6a0;text-decoration:underline;text-underline-offset:2px}
#select:not(.in-lobby) .team-size-label{display:block;margin:13px 0 0;font:600 11px system-ui;color:#cbd8d1}
#select:not(.in-lobby) .mode-options{margin:6px 0 10px}
#select:not(.in-lobby) .hero-picker-toggle{min-height:35px;margin:2px 0 7px}
#select:not(.in-lobby) .play-panel .primary-action{min-height:47px;margin:0 0 5px}
#select:not(.in-lobby) .local-actions{margin-top:7px;padding-top:9px}
#select:not(.in-lobby) #watch-room{border:0;border-image:none;min-height:27px;padding:2px 0;background:none;box-shadow:none;text-align:left;color:#b5d7cf!important;font:600 11px system-ui!important}
#select:not(.in-lobby) #watch-room:hover{text-decoration:underline;filter:none;transform:none}
#select:not(.in-lobby):not(.hero-picker-open) .classes,
#select:not(.in-lobby):not(.hero-picker-open) .ability-section{display:none}
#select:not(.in-lobby) .roster-section{align-self:center}
#select:not(.in-lobby) .hero-focus{min-height:260px;grid-template-columns:minmax(140px,38%) minmax(0,1fr);gap:18px;margin:0;padding:32px}
#select:not(.in-lobby) .selected-portrait{width:min(100%,220px);height:auto;aspect-ratio:1}
#select:not(.in-lobby) #hero-summary{max-width:360px}
#select .hero-picker-toggle{width:100%;text-align:left!important;display:flex;justify-content:space-between;align-items:center}
#select .hero-picker-toggle span{font-size:18px;line-height:1}
#select.hero-picker-open .roster-section{align-self:start}
#select.hero-picker-open .hero-focus{min-height:170px;grid-template-columns:120px minmax(0,1fr);padding:20px 30px;margin-bottom:15px}
#select.hero-picker-open .selected-portrait{width:120px;height:120px}
#select.hero-picker-open .classes{grid-template-columns:repeat(4,minmax(0,1fr))}
#select.hero-picker-open .card{min-height:92px}
#select.hero-picker-open .ability-section{margin-top:15px}
#select .support-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:5px 13px;align-items:center;margin-top:18px;padding:16px 20px;border:1px solid #bea46c75;background:linear-gradient(115deg,#25322cdd,#111b20e8);box-shadow:inset 0 1px #ecd8a82d,0 12px 35px #0005}
#select .support-banner img{grid-row:1/3;filter:drop-shadow(0 0 10px #d9af5e66)}
#select .support-banner strong{font:600 14px Georgia,serif;color:#f3dfaf}
#select .support-banner p{margin:5px 0 0;font:11px/1.4 system-ui;color:#b6c8c1}
#select .support-banner a{grid-column:3;grid-row:1/3;color:#f3d99c;font:700 11px system-ui;text-decoration:none;white-space:nowrap}
#select .support-banner a:hover{text-decoration:underline}
#select.in-lobby .support-banner{display:none}
#select.is-quickplay #open-lobby-settings,#select.is-quickplay .lobby-match-rules,#select.is-quickplay #choose-lobby-map{display:none}
#select.is-quickplay :is(.lobby-meta,.teams-grid,.lobby-bottom,.roster-section,#lobby-ranking-note){display:none}
#select.is-quickplay .lobby-view{min-height:min(520px,70dvh)}
#select .quickplay-queue{box-sizing:border-box;width:min(100%,570px);margin:48px auto;padding:38px 35px;text-align:center;border:1px solid #c9a96b8c;background:radial-gradient(circle at 50% 0,#29444a,#11242bec 54%,#0b1923);box-shadow:inset 0 1px #f5db9a33,0 22px 60px #0008}
#select .quickplay-emblem{display:block;font:54px Georgia,serif;line-height:1;color:#e5c47d;text-shadow:0 0 22px #e7c07882}
#select .quickplay-kicker{display:block;margin-top:12px;font:700 10px system-ui;letter-spacing:2px;color:#d6bd88}
#select .quickplay-queue h2{margin:12px 0 7px;font:600 28px Georgia,serif;color:#f3e5c4}
#select .quickplay-queue p{margin:0;color:#d8e9e2;font:600 14px system-ui}
#select .quickplay-queue small{display:block;margin-top:20px;color:#a9c4c4;font:12px/1.5 system-ui}
#select .quickplay-queue-slots{display:flex;justify-content:center;gap:10px;margin:22px auto 0}
#select .quickplay-queue-slots span{width:16px;height:16px;border:1px solid #6f8a8d;border-radius:50%;background:#15262c;box-shadow:inset 0 1px 2px #0008}
#select .quickplay-queue-slots span.found{border-color:#e2c27d;background:#d9b773;box-shadow:0 0 12px #e3c0768a}
#select .queue-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#select .queue-actions .primary-action{min-width:0;padding-inline:0;font-size:12px!important}
#select .queue-actions .primary-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px}
#select .queue-actions .primary-action strong{font:700 13px Georgia,serif}
#select .queue-actions .primary-action small{font:700 9px system-ui;letter-spacing:.6px;opacity:.78}
#select .queue-actions #quick-play{border-image-source:var(--forged-steel);font:700 12px Georgia,serif!important;color:#d6f2ed}
#select .play-mode-label{margin:15px 0 7px;color:#c9ad75;font:700 10px system-ui;letter-spacing:1.7px}
#select .home-section{margin-top:10px;border-top:1px solid #bca87a50;padding-top:6px}
#select .home-section>summary{display:flex;align-items:center;min-height:30px;color:#d8dfd2;cursor:pointer;font:600 12px system-ui;list-style:none}
#select .home-section>summary::-webkit-details-marker{display:none}
#select .home-section>summary::before{content:'▸';margin-right:9px;color:#d6b977}
#select .home-section[open]>summary::before{content:'▾'}
#select .home-section[open]>summary{color:#f1dcad}
#select .home-section #netplay{display:block;width:100%;margin-top:7px}
#select .home-section .local-actions{margin-top:5px;padding-top:8px;border-top:0}
#select .home-section .bot-options{margin-top:8px}
#select .bot-options{border-top:1px solid #bca87a50;margin-top:8px;padding-top:10px}
#select .bot-options summary{cursor:pointer;color:#bfcfc6;font:600 11px system-ui;list-style:none}
#select .bot-options summary::before{content:'▸';margin-right:8px;color:#dbbd78}
#select .bot-options[open] summary::before{content:'▾'}
#select .bot-options #local-arena{width:100%;margin-top:12px}
#select .bot-options .difficulty{margin-top:10px}
#select .menu-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
#select .menu-footer nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#select .menu-footer a{color:#dccb9d;text-decoration:none;font:11px system-ui}
#select .menu-footer a:hover{text-decoration:underline;color:#fff0bd}
#social-launcher{bottom:54px}
@media(max-width:950px){#select:not(.in-lobby) .hero-focus{min-height:190px;padding:24px;grid-template-columns:130px minmax(0,1fr)}#select:not(.in-lobby) .selected-portrait{width:130px}#select .support-banner{margin-top:16px}}
@media(max-width:600px){#select:not(.in-lobby) .hero-focus{min-height:120px;padding:18px;grid-template-columns:80px minmax(0,1fr)}#select:not(.in-lobby) .selected-portrait{width:80px}#select.hero-picker-open .hero-focus{grid-template-columns:80px minmax(0,1fr)}#select.hero-picker-open .selected-portrait{width:80px;height:80px}#select .support-banner{grid-template-columns:36px minmax(0,1fr)}#select .support-banner a{grid-column:2;grid-row:3}#select .menu-footer{flex-direction:column;justify-content:center;padding:10px 0}#select .menu-footer nav{justify-content:center;gap:12px}#social-launcher{bottom:92px}#select .quickplay-queue{margin:25px auto;padding:32px 17px}#select .quickplay-queue h2{font-size:23px}}