/* Scoped to the upper menus: no changes to character selection, career or editor. */
.home.navigation-home{inset:0;position:absolute;min-height:100%;padding:18px 2vw 10px;gap:14px}
.navigation-brand{height:48px;display:flex;align-items:center;flex:none}
.navigation-brand .bm-icon{width:46px;height:46px}
.navigation-brand .bm-text>b{font-size:25px}.navigation-brand .bm-text>span{font-size:13px}
.navigation-grid{display:grid;flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(66px,.32fr);gap:clamp(10px,1.4vh,20px)}
.alpha-panel .nav-card{min-width:0;min-height:0;max-width:none;width:100%;border:1px solid #b6d8c042;border-radius:16px;box-shadow:0 8px 24px #00161370}
.alpha-panel .nav-card .tile-img{inset:0;background-size:cover;background-position:center 44%;transform:none}
.alpha-panel .nav-card .tile-shade{background:linear-gradient(0deg,#021c1cf5,transparent 60%)}
.alpha-panel .nav-card .tile-copy{left:clamp(16px,2vw,36px);right:64px;bottom:clamp(15px,2vh,28px);max-width:none;margin:0}
.alpha-panel .nav-card .tile-copy strong{font-size:clamp(21px,2.35vw,44px);line-height:1.12;letter-spacing:-.02em;font-style:normal;overflow-wrap:normal}
.alpha-panel .nav-card .go{width:32px;height:32px;right:18px;bottom:18px;font-size:24px;border-width:1px}
.alpha-panel .nav-card.compact .tile-copy{bottom:50%;transform:translateY(50%)}
.alpha-panel .nav-card.compact .tile-copy strong{font-size:clamp(16px,1.45vw,27px)}
.alpha-panel .nav-card.compact .tile-img{left:45%;background-position:center 45%}
.alpha-panel .nav-card.compact .tile-shade{background:linear-gradient(90deg,#062624 30%,#06262488 65%,#06262444)}
.alpha-panel .nav-card.compact .go{bottom:calc(50% - 16px)}
.menu-lock{position:absolute;z-index:2;right:16px;top:14px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #d1ddd13d;border-radius:99px;background:#071c20db;color:#d1ddd1;font-size:10px;letter-spacing:.02em;font-weight:600}
.menu-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.alpha-panel .nav-card.compact .menu-lock{top:50%;transform:translateY(-50%)}
.alpha-panel .nav-card.is-soon .tile-img{filter:saturate(.55) brightness(.8)}
.alpha-panel .nav-card.is-soon{cursor:default}
.alpha-panel .nav-card:hover,.alpha-panel .nav-card:focus-visible{transform:none;border-color:var(--lime);background:#092827}
.alpha-panel .nav-card:hover .tile-img,.alpha-panel .nav-card:focus-visible .tile-img{transform:none}
.alpha-panel button.nav-card:hover:not(:disabled),.alpha-panel button.nav-card:focus-visible{transform:none}
.alpha-panel button.nav-card:hover:not(:disabled) .tile-img,.alpha-panel button.nav-card:focus-visible .tile-img{transform:none}
.alpha-panel .nav-card:focus-visible{outline:3px solid var(--lime);outline-offset:2px;box-shadow:0 0 0 5px #d4f26a25}
.alpha-panel .nav-card:not([aria-disabled=true]):active{transform:scale(.99)}
.navigation-footer{min-height:26px;display:flex;justify-content:space-between;align-items:center;color:#c0d0c9;font-size:10px;gap:12px;flex:none}
.navigation-footer .quit-pill{padding:5px 15px}
body[data-screen=MENU] .controller-status{top:31px;right:78px}
body:is([data-screen=CAREER_MODE],[data-screen=FREE_MODE],[data-screen=PROFILE_MENU]) .alpha-panel{inset:86px 2vw 18px;overflow:visible}
.alpha-panel .menu:has(>.navigation-hub){height:100%;min-height:0;padding:0;border:0;background:none;backdrop-filter:none;box-shadow:none}
.navigation-hub{display:flex;flex-direction:column;height:100%;gap:20px;min-height:0}
.navigation-hub .scr-head{margin:0;flex:none;gap:20px;min-height:42px}
.navigation-hub .scr-title h2{margin:0;font-size:clamp(24px,2.4vw,44px)}
.navigation-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:clamp(12px,1.5vw,24px);flex:1;min-height:0}
.navigation-choices.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.navigation-choices.n4{grid-template-rows:repeat(2,minmax(0,1fr))}
.navigation-choices .nav-card .tile-copy strong{font-size:clamp(20px,2vw,38px)}
.navigation-choices .nav-card .tile-img{background-size:cover;background-repeat:no-repeat;background-position:center 40%}
body:is([data-screen=MENU],[data-screen=CAREER_MODE],[data-screen=FREE_MODE],[data-screen=PROFILE_MENU]) #court{filter:brightness(.38)}
@media(max-height:650px){.home.navigation-home{padding-top:12px;gap:10px}.navigation-brand{height:38px}.navigation-brand .bm-icon{height:36px;width:36px}.navigation-footer{min-height:22px}.navigation-hub{gap:12px}body:is([data-screen=CAREER_MODE],[data-screen=FREE_MODE],[data-screen=PROFILE_MENU]) .alpha-panel{inset:78px 2vw 14px}}
@media(max-width:760px){.alpha-panel .nav-card .tile-copy{left:14px;right:42px}.alpha-panel .nav-card .tile-copy strong{font-size:19px}.alpha-panel .nav-card .go{right:10px;width:26px;height:26px}.navigation-choices.n3{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.navigation-choices.n3 .tile-img{background-position:75% 40%}.menu-lock{right:10px;font-size:9px}.nav-help{display:none}}
@media(max-width:480px){.alpha-panel .nav-card.compact .menu-lock span{display:none}.navigation-brand .bm-text>b{font-size:21px}.navigation-brand .bm-text>span{font-size:11px}.navigation-grid{gap:10px}.alpha-panel .nav-card .tile-copy strong{font-size:16px}.alpha-panel .nav-card .tile-copy{right:12px}.navigation-grid .go{display:none}}
/* The main menu (Update 7.2: cards over the moving backdrop) is styled in menu72.css. */

/* Competitiva opens a hub like the other sections */
body[data-screen=COMPETITIVE] .alpha-panel{inset:86px 2vw 18px;overflow:visible}
body[data-screen=COMPETITIVE] #court{filter:brightness(.38)}