/* Owner 2026-10-29: compact mobile controls, locally bundled Lucide line icons. */
.bf-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none}
[data-ui-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;pointer-events:none}
.bf-label-mobile{display:none}
#bfMobilePrimary button,#l07Tabs button,#worldScenarioToggle,#nextDay,#quickDemo,#openAtlas{align-items:center;justify-content:center;gap:6px}
#bfMobilePrimary button,#worldScenarioToggle,#nextDay,#quickDemo,#openAtlas{display:inline-flex}
#l07Tabs button{display:flex}
#l07Tabs .bf-icon{width:17px;height:17px}
.game-hud .sym .bf-icon{width:15px;height:15px}
.field-head .toolbtn .bf-icon{width:18px;height:18px}
#l07DockStageArt{width:24px;height:24px;flex:none;object-fit:contain}
#l07DockStatus{flex:1;min-width:0}
#l07DockHandle .bf-icon{width:17px;height:17px;transition:transform .2s}
#l07DockHandle[aria-expanded="true"] .bf-icon{transform:rotate(180deg)}
@media(max-width:720px){
 body.world-sandbox-active .lab{padding-top:4px}
 body.world-sandbox-active .mast{min-height:37px;padding:2px 0 4px;gap:8px}
 body.world-sandbox-active .brand{gap:7px;min-width:0}
 body.world-sandbox-active .brand-mark{width:29px;height:29px;border-radius:9px;flex:none}
 body.world-sandbox-active .brand-mark svg{width:22px;height:22px}
 body.world-sandbox-active .brand h1{font-size:18px;white-space:nowrap;margin:0}
 body.world-sandbox-active .brand h1>span,body.world-sandbox-active .overline{display:none}
 body.world-sandbox-active .chiprow .chip:not(.live){display:none}
 body.world-sandbox-active .chip.live{display:block;font-size:9px;padding:4px 6px}
 body.world-sandbox-active #bfStageBar{padding:6px 8px;margin:5px 0}
 body.world-sandbox-active:not(.world-journey-active) #bfStageSummary{display:none}
 body.world-sandbox-active .game-hud{display:flex;flex-wrap:nowrap;gap:4px;margin:5px 0}
 body.world-sandbox-active .game-hud .stat{flex:none;display:grid;grid-template-columns:auto auto;column-gap:3px;row-gap:0;align-items:center;justify-content:center;padding:4px 6px;min-width:46px;min-height:40px;box-shadow:none;border-radius:9px}
 body.world-sandbox-active .game-hud .stat:nth-child(3),body.world-sandbox-active .game-hud .stat:nth-child(4){display:none}
 body.world-sandbox-active .stat .desc{grid-column:1 / -1;line-height:1.1;text-align:center;width:auto;white-space:nowrap}
 body.world-sandbox-active .game-hud #nextDay{flex:1;min-width:0;min-height:44px;padding:6px;font-size:12px;border-radius:10px;white-space:nowrap}
 body.world-sandbox-active .game-hud #quickDemo{flex:none;min-height:44px;padding:6px 8px;font-size:11px;border-radius:10px}
 body.world-sandbox-active #nextDay .bf-label-full,body.world-sandbox-active #worldScenarioToggle .bf-label-full,#l07Tabs button[aria-label] .bf-label-full{display:none}
 body.world-sandbox-active #nextDay .bf-label-mobile,body.world-sandbox-active #worldScenarioToggle .bf-label-mobile,#l07Tabs .bf-label-mobile{display:inline}
 body.world-sandbox-active .field-head{padding:5px 7px;gap:5px;flex-wrap:nowrap;min-height:54px}
 body.world-sandbox-active .field-name{flex:1;min-width:0;gap:5px;justify-content:space-between}
 body.world-sandbox-active #worldWorldLabel{white-space:normal;font-size:9px;line-height:1.3;padding:0;background:none}
 body.world-sandbox-active #worldScenarioToggle{min-height:44px;min-width:55px;font:600 11px system-ui;padding:6px;flex:none;gap:3px}
 body.world-sandbox-active .field-head .tools{flex:none;gap:3px;overflow:visible}
 body.world-sandbox-active .field-head .tools [data-screen-open]{display:none}
 body.world-sandbox-active .field-head #zoomIn,body.world-sandbox-active .field-head #zoomOut{min-width:44px;min-height:44px;width:44px;padding:0}
 body.world-sandbox-active{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
 body.world-sandbox-active #l07Dock{height:calc(102px + env(safe-area-inset-bottom,0px))}
 body.world-sandbox-active #l07Dock[data-state="peek"]{height:min(74dvh,630px)}
 body.world-sandbox-active #l07Dock[data-state="full"]{height:94dvh}
 body.world-sandbox-active #bfMobilePrimary{padding:3px 7px;gap:4px}
 body.world-sandbox-active #bfMobilePrimary button{font-size:11px;min-height:44px;gap:5px;padding:5px}
 body.world-sandbox-active #bfMobilePrimary .bf-icon{width:18px;height:18px}
 body.world-sandbox-active #l07Tabs{padding:3px 7px 6px;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr))}
 body.world-sandbox-active #l07Tabs button{display:flex;flex-direction:column;min-height:44px;gap:3px;padding:4px 2px;font-size:10px;line-height:1.15}
 body.world-sandbox-active #l07Tabs .l07-rank-secondary{display:none}
 body.world-sandbox-active #l07DockHandle{height:44px;min-height:44px;padding:6px 10px;gap:6px;font-size:12px}
 body.world-sandbox-active #l07DockHandle .l07-dock-budget{font-size:10px}
 body.world-sandbox-active.bf-view-ranking .game-hud{display:none}
}
@media(max-width:350px){
 body.world-sandbox-active .game-hud #quickDemo{gap:3px;padding:6px}
 body.world-sandbox-active .game-hud #quickDemo .bf-icon{width:16px;height:16px}
 body.world-sandbox-active .field-head{padding-inline:5px;gap:3px}
 body.world-sandbox-active #worldScenarioToggle{min-width:51px}
}
@media(prefers-reduced-motion:reduce){#l07DockHandle .bf-icon{transition:none}}
.field-head .toolbtn{display:inline-flex;align-items:center;justify-content:center;gap:5px}
@media(min-width:721px){
 #l07Tabs button{flex-direction:column;min-width:0;gap:3px;padding:6px 3px;font-size:11px;line-height:1.2}
 #l07Tabs .l07-mobile-nav-only{display:none}
}
.bf-label-full,.bf-label-mobile{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){
 body.world-sandbox-active #l07Dock::before{margin:3px 0 0}
 body.world-sandbox-active #l07Dock[data-state="closed"]{height:auto;min-height:calc(102px + env(safe-area-inset-bottom,0px))}
}
body:not(.world-sandbox-active) #l07Tabs .l07-mobile-nav-only{display:none}
@media(max-width:720px){
 body.world-sandbox-active .field-head{display:flex}
 body.world-sandbox-active .field-head .field-name{width:auto}
 body.world-sandbox-active .field-head .tools{width:auto}
 body.world-sandbox-active .field-head #zoomIn,body.world-sandbox-active .field-head #zoomOut{min-width:44px!important;min-height:44px!important;padding:0!important}
}
@media(min-width:721px){
 #l07Tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 #l07Tabs button{flex:1 1 0;flex-direction:row;min-height:44px}
 #l07Tabs .bf-label-full{max-width:100%}
 #l07DockHandle{display:flex;align-items:center;gap:8px;min-height:52px}
}
@media(max-width:720px){body.world-sandbox-active #l07Tabs .l07-mobile-nav-only{display:flex}}
@media(min-width:721px){body.world-sandbox-active .field-head .tools .world-only{display:inline-flex!important}}