.nav-shell[hidden]{display:none}
.nav-shell{position:fixed;z-index:115;top:0;right:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:8px clamp(16px,2vw,32px) 0;border-bottom:1px solid #285462;background:linear-gradient(180deg,#030609f7,#081017f2);box-shadow:0 8px 28px #0009;color:var(--nd-text-1)}
.nav-shell{pointer-events:none}
.nav-shell-top{pointer-events:none}
.nav-shell-top a,.nav-shell-top button,.nav-shell-top summary,.nav-primary{pointer-events:auto}
.nav-shell-top{display:flex;min-width:0;min-height:52px;align-items:center;gap:clamp(14px,2vw,28px)}
.nav-brand{display:flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--nd-accent);font:700 12px/1.05 var(--nd-font-display);letter-spacing:.08em;text-decoration:none}
.nav-brand img{width:64px;height:42px;object-fit:contain}
.nav-wallet{display:flex;align-items:center;gap:14px;margin-left:auto;color:var(--nd-text-2);font:11px/1.3 var(--nd-font-label);white-space:nowrap}
.nav-wallet b{color:var(--nd-primary);font-size:14px;font-variant-numeric:tabular-nums}
.nav-shell-tools{display:flex;align-items:center;gap:10px}
.nav-shell-tools .nav-hangar-actions{display:none;position:relative;flex:0 0 44px}
body[data-app-state="HANGAR"] #nav-shell .nav-hangar-actions{display:block}
.nav-hangar-actions>summary{box-sizing:border-box;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--nd-border);border-radius:var(--nd-radius-sm);background:var(--nd-surface-1);color:var(--nd-text-1);font-size:18px;cursor:pointer;list-style:none}
.nav-hangar-actions>summary::-webkit-details-marker{display:none}
.nav-hangar-actions[open]>summary{border-color:var(--nd-accent);color:var(--nd-accent);box-shadow:var(--nd-glow)}
.nav-hangar-actions>.hangar-utility-items{position:absolute;top:calc(100% + 6px);right:0;z-index:4;display:none;min-width:190px;gap:5px;padding:7px;border:1px solid var(--nd-border);border-radius:var(--nd-radius-md);background:#081017f7;box-shadow:0 12px 28px #000c}
.nav-hangar-actions[open]>.hangar-utility-items{display:grid}
.nav-hangar-actions>.hangar-utility-items>button{box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid transparent;background:transparent;color:var(--nd-text-1);font:600 12px/1.25 var(--nd-font-body);text-align:left;cursor:pointer}
.nav-hangar-actions>.hangar-utility-items>button:hover,.nav-hangar-actions>.hangar-utility-items>button:focus-visible{border-color:var(--nd-accent);color:var(--nd-accent);outline:none}
.nav-profile{position:relative}
.nav-profile>summary{box-sizing:border-box;display:flex;min-width:44px;min-height:44px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--nd-border);border-radius:var(--nd-radius-sm);background:var(--nd-surface-1);color:var(--nd-text-1);font:700 11px/1.2 var(--nd-font-label);cursor:pointer;list-style:none}
.nav-profile>summary::-webkit-details-marker{display:none}
.nav-profile[open]>summary{border-color:var(--nd-accent);color:var(--nd-accent);box-shadow:var(--nd-glow)}
.nav-profile-mark{color:var(--nd-primary);font-size:16px}
#nav-profile-name{display:block;max-width:clamp(80px,12vw,180px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-profile-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:3;display:grid;min-width:190px;gap:5px;padding:7px;border:1px solid var(--nd-border);border-radius:var(--nd-radius-md);background:#081017f7;box-shadow:0 12px 28px #000c}
.nav-profile-backdrop{display:none}
.nav-profile[open]>.nav-profile-backdrop{position:fixed;inset:0;z-index:2;display:block;width:100vw;height:100vh;padding:0;border:0;background:#02070bb8;backdrop-filter:blur(1px);cursor:default}
.nav-profile[open]>.nav-profile-menu{position:fixed;top:64px;right:clamp(16px,2vw,32px);z-index:3;min-width:220px;padding:10px;background:#081017f7}
#wallet-display>span{display:flex;align-items:baseline;gap:4px}
.nav-profile-menu button{box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid transparent;background:transparent;color:var(--nd-text-1);font:600 12px/1.25 var(--nd-font-body);text-align:left;cursor:pointer}
.nav-profile-menu button:hover,.nav-profile-menu button:focus-visible{border-color:var(--nd-accent);color:var(--nd-accent);outline:none}
@media (pointer:coarse) and (orientation:landscape) and (max-width:1000px){
 .nav-profile[open]>.nav-profile-menu{right:auto;left:16px;min-width:min(220px,calc(100vw - 32px))}
}
.nav-settings{flex:0 0 44px;width:44px;height:44px}
.nav-primary{display:flex;min-height:48px;align-items:stretch;gap:4px}
.nav-primary>.nd-tab{min-width:92px;min-height:44px;padding-inline:14px;font-size:11px}
.nav-primary svg{display:none}
.nav-label-phone{display:none}
.nav-settings svg{display:none}
.settings-back-phone,.settings-auto-apply-header{display:none}
.nav-primary>.nd-button--primary{min-width:148px;min-height:44px;margin:2px 0 4px auto;font-size:14px}
#nav-primary #home-quick-play.nd-button--primary{border-color:var(--nd-primary);background:linear-gradient(180deg,#50351a,#2a1d12);color:#ffe0a8;font-weight:800;letter-spacing:.06em;box-shadow:0 0 14px #ffb34733}
.nav-shell :focus-visible{outline:2px solid var(--nd-accent);outline-offset:2px}
#first-sortie-quick-play{display:none}
body[data-app-state="PLAY_HOME"] #play-home .play-home-body{padding-top:112px}
body[data-app-state="HANGAR"] #hangar .hangar-body,
body[data-app-state="ROOM_BROWSER"] #room-browser .screen-body,
body[data-app-state="ROOM_LOBBY"] #room-lobby .screen-body{margin-top:108px;max-height:calc(100% - 108px)}
body[data-app-state="HANGAR"] #hangar .hangar-body{position:relative}
body[data-app-state="HANGAR"] #hangar-hub-scene{pointer-events:none}
body[data-app-state="HANGAR"] #hangar #main-menu-nav{margin-top:0}
body[data-app-state="HANGAR"][data-match-menu="true"] .nav-shell{display:none}
#match-menu-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
#match-menu-nav [data-match-menu-action="return"]{grid-column:1/-1;min-height:48px;border:1px solid #c77c19;background:#f2a93b;color:#19150e;font-size:14px;font-weight:900;letter-spacing:.07em;text-shadow:none;box-shadow:inset 0 1px #ffe1a1,0 0 14px #f2a93b55}
#match-menu-nav [data-match-menu-action="return"]>i{color:#19150e;text-shadow:none}
#match-menu-return-note{grid-column:1/-1;margin:0;color:#a8c8d2;font:600 11px/1.3 var(--nd-font-body);text-align:center}

@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){
 .nav-shell{padding:0 10px}
 .nav-shell-top{min-height:36px;gap:8px}
 .nav-brand{gap:0;font-size:var(--nd-phone-size-label)}
 .nav-brand>span{display:none}
 .nav-brand img{width:40px;height:30px}
 .nav-wallet{gap:7px;font-size:var(--nd-phone-size-label)}
 .nav-wallet b{font-size:var(--nd-phone-size-label)}
 .nav-shell-tools{gap:5px}
 .nav-profile>summary{width:44px;min-width:44px;min-height:44px;justify-content:center;padding:0;font-size:var(--nd-phone-size-label)}
 .nav-profile-mark{font-size:var(--nd-phone-size-label)}
 #nav-profile-name,.nav-profile>summary>span:last-child{display:none}
 .nav-profile-menu-name{padding:8px 10px;color:var(--nd-text-1);font:700 var(--nd-phone-size-label)/1.25 var(--nd-font-label);overflow-wrap:anywhere}
 #wallet-display>span{gap:3px}
 .nav-settings{flex-basis:44px;width:44px;height:44px}
 .nav-primary{position:fixed;z-index:116;right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(76px,1.12fr);gap:2px;height:var(--nd-phone-size-button);min-height:var(--nd-phone-size-button);padding:0;border:1px solid var(--nd-border);background:#030a10f7;box-shadow:0 -7px 20px #0009}
 .nav-primary>.nd-tab,.nav-primary>.nd-button--primary{box-sizing:border-box;min-width:0;min-height:var(--nd-phone-size-button);height:var(--nd-phone-size-button);margin:0;padding:2px;font-size:var(--nd-phone-size-label);line-height:1.1;white-space:normal}
 .nav-primary>.nd-tab{display:flex;flex-direction:column;gap:0}
 .nav-primary>.nd-tab::before{font:12px/1 var(--nd-font-label);color:var(--nd-accent)}
 .nav-primary>[data-nav-destination="home"]::before{content:"⌂"}
 .nav-primary>[data-nav-destination="hangar"]::before{content:"◇"}
 .nav-primary>[data-nav-destination="rooms"]::before{content:"▦"}
 .nav-primary>[data-nav-destination="records"]::before{content:"▤"}
 .nav-primary>[data-nav-destination="leaderboard"]::before{content:"★"}
 .nav-primary>.nd-button--primary{font-size:var(--nd-phone-size-label)}
 body[data-app-state="PLAY_HOME"] #play-home .play-home-body{padding-top:50px;padding-bottom:60px}
 body[data-app-state="PLAY_HOME"] #play-home .play-home-choices{grid-template-rows:minmax(0,1fr) 64px}
 body[data-app-state="PLAY_HOME"] #play-home .flightdeck-frame-grid{grid-template-rows:repeat(2,minmax(70px,1fr));align-content:start;overflow:auto}
 body[data-app-state="PLAY_HOME"] #play-home .flightdeck-header{display:none}
 body[data-app-state="PLAY_HOME"] #play-home .play-home-body{grid-template-rows:minmax(0,1fr) auto}
 body[data-app-state="HANGAR"] #hangar .hangar-body,
 body[data-app-state="ROOM_BROWSER"] #room-browser .screen-body,
 body[data-app-state="ROOM_LOBBY"] #room-lobby .screen-body{height:calc(100dvh - 120px);max-height:calc(100dvh - 120px);margin-top:54px}
 body[data-app-state="HANGAR"] #hangar #main-menu-nav{position:relative;z-index:1;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:48px;min-height:48px;margin:0 0 8px;padding:2px;gap:4px}
 body[data-app-state="HANGAR"] #hangar #main-menu-nav button{min-height:44px;height:44px}
 body[data-app-state="HANGAR"][data-match-menu="true"] #match-menu-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0 12px}
 body[data-app-state="HANGAR"][data-match-menu="true"] #hangar #match-menu-nav{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;min-height:0;padding:4px;box-sizing:border-box}
 body[data-app-state="HANGAR"][data-match-menu="true"] #match-menu-nav [data-match-menu-action="return"]{min-height:48px;height:48px;font-size:13px}
 body[data-app-state="HANGAR"][data-match-menu="true"] #match-menu-return-note{font-size:10px}
 body[data-app-state="ROOM_BROWSER"] #room-browser .room-browser-shell{height:calc(100dvh - 112px);margin-top:54px}
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){
 body[data-app-state="HANGAR"] #hangar #main-menu-nav button{min-height:var(--nd-phone-size-button);height:var(--nd-phone-size-button);font-size:var(--nd-phone-size-label)}
 .nav-profile-menu button{font-size:max(var(--nd-phone-size-body),1em)}
 .nav-shell{--nd-size-heading:var(--nd-phone-size-title);--nd-size-body:var(--nd-phone-size-body);--nd-size-label:var(--nd-phone-size-label)}
 .nav-shell :is(button,.nd-tab){font-size:max(var(--nd-phone-size-label),1em)}
 .nd-button,.nd-tab,.nd-icon-button{min-height:var(--nd-phone-size-button)}
}
@media(min-width:1001px){.nav-profile-menu{top:calc(100% + 54px)}}
@media(max-width:760px) and (orientation:portrait){
 .nav-brand img{width:48px}
 .nav-primary{position:fixed;right:6px;bottom:max(6px,env(safe-area-inset-bottom));left:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border:1px solid var(--nd-border);background:#030a10f7}
 .nav-primary>.nd-tab,.nav-primary>.nd-button--primary{min-width:0;min-height:44px;margin:0;padding-inline:3px;font-size:9px}
 .nav-primary>.nd-button--primary{grid-column:1/-1}
 body[data-app-state="PLAY_HOME"] #play-home .play-home-body{padding-bottom:120px}
 body[data-app-state="PLAY_HOME"] #play-home .flightdeck-footer{bottom:112px}
 body[data-app-state="ROOM_LOBBY"] #room-lobby .screen-body{padding-bottom:180px}
 body[data-app-state="ROOM_LOBBY"] #room-lobby[data-quick-play="true"] .lobby-footer{bottom:120px}
}
@media(min-width:761px) and (max-width:1100px){.nav-primary>.nd-tab{min-width:76px;padding-inline:9px}.nav-primary>.nd-button--primary{min-width:120px}}

/* Keep the Hangar-owned Frame Select dialog above the global navigation shell. */
body[data-app-state="HANGAR"]:has(#gear-selection-menu:not([hidden])) #hangar{z-index:125}
body[data-app-state="HANGAR"]:has(#gear-selection-menu:not([hidden])) #gear-selection-menu{z-index:130}