/* Nine-sliced, unmodified Higgsfield component artwork. */
body[data-game-ui=true] .glass,body[data-game-ui=true] #garageSidebar>.system-panel,body[data-game-ui=true] #garageSidebar>#itemActions,body[data-game-ui=true] #garagePicker>.equipment,body[data-game-ui=true] .garage-build-title,body[data-game-ui=true] #savedMechPanel{border:1px solid transparent;border-image:url('/models/ui/shared-metal/frame-square.png') 60 fill / 17px / 0 stretch;border-radius:0;background:#07131bcc;clip-path:none}
body[data-game-ui=true] button.primary,body[data-game-ui=true] button.secondary{border:1px solid transparent;border-image:url('/models/ui/shared-metal/frame-button.png') 48 fill / 10px / 0 stretch;border-radius:0;background:transparent;clip-path:none}
body[data-game-ui=true] #playerScreen,body[data-game-ui=true] #campaignScreen{padding:0!important;max-width:none!important;background:transparent!important;border:0!important;backdrop-filter:none!important}
body[data-game-ui=true] .shop-card,body[data-game-ui=true] .card{border:1px solid transparent;border-image:url('/models/ui/shared-metal/frame-square.png') 60 fill / 16px / 0 stretch;background:#07131ddd;border-radius:0;padding:22px}
#missionBoardFrame{width:100%;height:calc(100dvh - 158px);min-height:680px;border:0;display:block}
.game-motion-floor{position:fixed;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:fill;clip-path:inset(92% 0 0);pointer-events:none;z-index:0;opacity:.7}body:not([data-game-ui=true]) .game-motion-floor{display:none}@media(prefers-reduced-motion:reduce){.game-motion-floor{display:none}}

/* User correction: no individual box frames on the navigation. Higgsfield
   embossed transparent glyphs supply the depth; controls share the backdrop. */
body[data-game-ui=true]{--game-nav-height:82px}
body[data-game-ui=true] .app>.topbar{grid-template-columns:142px minmax(0,1fr) 66px;gap:8px;min-height:var(--game-nav-height);height:calc(var(--game-nav-height) + env(safe-area-inset-bottom));padding:4px 12px calc(4px + env(safe-area-inset-bottom));border:0;border-image:none;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:100%;box-sizing:border-box}
body[data-game-ui=true] .topbar>.brand{font-size:21px;letter-spacing:1px;gap:7px;padding:0;min-width:0;background:none}
body[data-game-ui=true] .topbar>.primary-navigation{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;height:70px;min-width:0;width:100%;overflow:visible;align-items:stretch}
body[data-game-ui=true] .topbar>.primary-navigation .nav-item{min-width:0;width:100%;min-height:44px;height:70px;padding:4px 2px;border:0;border-image:none;border-radius:0;background:transparent;box-shadow:none;clip-path:none;gap:3px;font-size:12px;line-height:1.15;white-space:normal;color:#bdd1db;text-align:center;touch-action:manipulation;justify-content:center;flex-direction:column}
body[data-game-ui=true] .primary-navigation .nav-item>svg{display:none}
body[data-game-ui=true] .primary-navigation .nav-item span{white-space:normal}
body[data-game-ui=true] .primary-navigation .nav-item:before{content:'';display:block;width:40px;height:40px;flex:none;margin:0 auto;background:var(--nav-icon) center/contain no-repeat}
body[data-game-ui=true] .primary-navigation .nav-item:after{display:none}
body[data-game-ui=true] .primary-navigation .nav-item.active,body[data-game-ui=true] .primary-navigation .nav-item[aria-pressed=true]{background:transparent;color:#effcff}
body[data-game-ui=true] .primary-navigation .nav-item[aria-pressed=true]:before{filter:brightness(1.35)}
body[data-game-ui=true] .primary-navigation .nav-item:hover{background:transparent;filter:brightness(1.2)}
body[data-game-ui=true] .topbar>.top-meta{gap:0;min-width:0;justify-content:center}body[data-game-ui=true] .topbar .pilot-badge,body[data-game-ui=true] .topbar .preview-badge{display:none}
body[data-game-ui=true] .topbar #soundToggle{background:transparent;border:0;min-height:44px;min-width:44px;padding:2px;font-size:10px}body[data-game-ui=true] .topbar #soundToggle:before{content:'';display:block;width:30px;height:30px;margin:auto;background:url('/models/ui/embossed-nav/sound.png') center/contain no-repeat}
body[data-game-ui=true] .section-nav{min-width:0;max-width:100%;padding:4px 10px;margin:0;min-height:48px;gap:12px;background:transparent;border:0;flex-wrap:wrap;overflow:visible}
body[data-game-ui=true] .section-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:4px 8px;border:0;border-image:none;border-radius:0;background:transparent;box-shadow:none;clip-path:none;color:#bdd1db;font-size:13px}
body[data-game-ui=true] .section-nav button[aria-pressed=true]{color:#effcff;background:transparent}body[data-game-ui=true] .section-nav button:before{content:'';display:block;width:30px;height:30px;background:var(--nav-icon) center/contain no-repeat}
body[data-game-ui=true] .section-nav button:after{display:none}
body[data-game-ui=true] .section-nav button:not([data-screen=player]):not([data-screen=devices]):not([data-screen=settings]):before{display:none}
body[data-game-ui=true] [data-screen=dashboard]{--nav-icon:url('/models/ui/embossed-nav/running.png')}
body[data-game-ui=true] [data-screen=player]{--nav-icon:url('/models/ui/embossed-nav/player.png')}
body[data-game-ui=true] [data-screen=garage]{--nav-icon:url('/models/ui/embossed-nav/garage.png')}
body[data-game-ui=true] [data-screen=shop]{--nav-icon:url('/models/ui/embossed-nav/shop.png')}
body[data-game-ui=true] [data-screen=activity]{--nav-icon:url('/models/ui/embossed-nav/activity.png')}
body[data-game-ui=true] [data-screen=warzone]{--nav-icon:url('/models/ui/embossed-nav/warzone.png')}
body[data-game-ui=true] [data-screen=social]{--nav-icon:url('/models/ui/embossed-nav/social.png')}
body[data-game-ui=true] #moreNav{--nav-icon:url('/models/ui/embossed-nav/tools.png')}
body[data-game-ui=true] [data-screen=devices]{--nav-icon:url('/models/ui/embossed-nav/devices.png')}
body[data-game-ui=true] [data-screen=settings]{--nav-icon:url('/models/ui/embossed-nav/settings.png')}
body[data-screen=player]{overflow:hidden}
body[data-screen=player] .app{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;min-height:0;padding:0 10px calc(var(--game-nav-height) + env(safe-area-inset-bottom));box-sizing:border-box;background:transparent}
body[data-screen=player] #sectionNav{flex:none}body[data-screen=player] .app>main{flex:1;min-height:0;min-width:0;padding:0}
body[data-screen=player] #playerScreen{height:100%;min-height:0!important;max-width:none!important}
body[data-screen=player] #pilotRosterFrame{height:100%!important;min-height:0!important;width:100%;border:0;display:block}
@media(max-width:1050px){body[data-game-ui=true] .app>.topbar{grid-template-columns:38px minmax(0,1fr) 54px;gap:2px;padding-inline:8px}body[data-game-ui=true] .topbar>.brand{font-size:0;justify-content:center}body[data-game-ui=true] .brand .wordmark-slash{display:none}body[data-game-ui=true] .primary-navigation .nav-item:before{width:36px;height:36px}body[data-game-ui=true] .topbar>.primary-navigation .nav-item{font-size:11px}body[data-game-ui=true] .topbar .gold-wallet{display:none}}
@media(max-width:600px){body[data-game-ui=true]{--game-nav-height:128px}body[data-game-ui=true] .topbar>.primary-navigation{grid-column:2;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));height:120px;margin:0}body[data-game-ui=true] .topbar>.primary-navigation .nav-item{height:60px;font-size:10px}body[data-game-ui=true] .primary-navigation .nav-item:before{width:32px;height:32px}body[data-game-ui=true] .section-nav{gap:4px;padding-inline:0}body[data-game-ui=true] .section-nav button{font-size:12px;padding-inline:5px}}

body[data-game-ui=true] .topbar>.top-meta{flex-direction:column;justify-content:center}body[data-game-ui=true] .topbar .gold-wallet{font-size:9px;gap:3px}

/* Final user choice: navigation glyphs only, with accessible names retained. */
body[data-game-ui=true] .topbar>.primary-navigation .nav-item{font-size:0;gap:0}
body[data-game-ui=true] .primary-navigation .nav-item>span{display:none}
body[data-game-ui=true] .primary-navigation .nav-item:before{width:46px;height:46px}
body[data-game-ui=true] .section-nav button:is([data-screen=player],[data-screen=devices],[data-screen=settings]){font-size:0;min-width:48px;gap:0}
body[data-game-ui=true] .section-nav button:is([data-screen=player],[data-screen=devices],[data-screen=settings]):before{width:34px;height:34px}
@media(max-width:600px){body[data-game-ui=true] .primary-navigation .nav-item:before{width:40px;height:40px}}

body[data-game-ui=true] .topbar>.primary-navigation #moreNav{font-size:0}
/* Keep Garage on the device canvas, with independently scrolling equipment. */
body[data-screen=garage] .app{padding-bottom:calc(var(--game-nav-height) + env(safe-area-inset-bottom))}
body[data-screen=garage] main{overflow-x:hidden}
#garageScreen .deck-layout{width:100%;height:calc(100dvh - var(--game-nav-height) - env(safe-area-inset-bottom));min-height:0}
@media(max-width:760px) and (orientation:portrait){
 #garageScreen .deck-layout{display:block;width:100%;min-height:0}
 #garageScreen .garage-build-title,#garageScreen.saves-open .garage-build-title{top:10px;left:10px;right:10px;width:auto;max-width:none;transform:none}
 #garageScreen #garageScene .mech-center>.robot-viewport,#garageScreen.saves-open #garageScene .robot-viewport{inset:68px 8px 48%;height:auto;min-height:0}
 #garageScreen #garagePicker{left:6px;top:55%;bottom:10px;width:calc(55% - 10px);gap:3px}
 #garagePicker .gear-column,#garagePicker .slot-column{width:44px}#garagePicker nav button{width:44px;height:44px;min-height:44px}
 #garageScreen #garagePicker>.equipment{width:0;min-width:0;padding:4px}#garageScreen #garagePicker .part-card{min-height:66px}#garageScreen #garagePicker .part-card>.model-thumb{height:54px;min-height:54px}
 #garageScreen #garageSidebar{left:auto;right:6px;top:55%;bottom:10px;width:calc(45% - 8px);height:auto}
 #garageSidebar>.system-panel{padding:12px;overflow:auto}#garageScreen #itemActions{padding:7px;max-height:132px;overflow:auto}
 #garageScreen #garageScene .view-switch{left:50%;top:49%;bottom:auto;width:auto;max-width:calc(100% - 16px)}
 #garageScreen #garageScene .view-switch button{min-height:36px;padding:6px 8px;font-size:10px}
 #garageScreen #garageScene .damage-controls{left:8px;top:62px;bottom:auto}#garageScreen #garageScene .expand-view{right:8px;top:62px}
 #garageScreen #savedMechPanel{left:6px;top:55%;bottom:10px;width:calc(55% - 10px);height:auto}
 #garageScreen #savedMechSlots{grid-template-columns:1fr}#garageScreen .module-stats{grid-template-columns:1fr}
}
@media(orientation:landscape) and (max-height:600px){#garageScreen #garagePicker,#garageScreen #garageSidebar,#garageScreen #savedMechPanel{top:60px;bottom:48px}#garageScreen #garageScene .mech-center>.robot-viewport{top:60px;bottom:48px}#garageScreen #garageScene .view-switch{bottom:8px}#garageScreen #garageScene .damage-controls{bottom:8px}}

@media(max-width:760px) and (orientation:portrait){#garageScreen #partsTools{width:80px;left:8px;top:16px;height:auto}#garageScreen #partsTools .hangar-part-nav{padding:0}#garageScreen #partsTools button{font-size:9px;min-height:44px;padding:6px}#garageSidebar .load-budget{font-size:11px;line-height:1.35;padding:8px;margin:0 0 10px}#garageSidebar .load-budget strong{font-size:14px}#garageSidebar .load-budget small{font-size:10px}#garageSidebar .stat label{font-size:10px}#garageSidebar .stat .stat-value{font-size:12px}}
