/* L15: one battlefield, one wave counter, compact controls with usable targets. */
body:not(.home-screen){--command-clearance:calc(82px + env(safe-area-inset-bottom,0px))}
body:not(.home-screen) #battlefield{inset:80px 0 var(--command-clearance)}
body:not(.home-screen) .wave-overview{top:104px;right:24px}
body:not(.home-screen) .controls{display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px;width:min(560px,calc(100vw - 24px));max-width:none;left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);border-width:1px;border-radius:7px}
body:not(.home-screen) .controls .temple-button{min-width:0;min-height:44px;height:44px;padding:3px 6px;gap:6px}
body:not(.home-screen) .controls .temple-button>span:first-child svg{width:22px;height:22px}
body:not(.home-screen) .controls .temple-button small{font-size:9px;line-height:1.2;letter-spacing:0;margin-bottom:3px}
body:not(.home-screen) .controls .temple-button b{font-size:12px;letter-spacing:0}
body:not(.home-screen) .controls .temple-button .chevron{display:none}
body:not(.home-screen) .controls .wave-button{min-width:0;min-height:44px;height:44px;padding:5px 8px;grid-template-columns:16px minmax(0,1fr);column-gap:5px;row-gap:0;border-radius:5px}
body:not(.home-screen) .controls .wave-button>span{font-size:12px;line-height:1.3;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.home-screen) .controls .wave-button svg{width:16px;height:16px}
body:not(.home-screen) .controls .wave-button small{font-size:8px;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.home-screen) .controls .utility{grid-column:auto;display:flex;align-items:center;justify-content:center;width:176px;height:44px;gap:0;border:0;padding:0;margin:0}
body:not(.home-screen) .controls .utility button{min-width:44px;width:44px;height:44px;min-height:44px;padding:0;font-size:12px}
body:not(.home-screen) .controls .utility button svg{width:18px;height:18px}
body:not(.home-screen) .controls #help-button.has-guide-reminder{width:44px;min-width:44px;border:0;background:transparent;gap:0}
body:not(.home-screen) .controls .guide-label{display:none}
body:not(.home-screen) .field-hint{bottom:calc(var(--command-clearance) - 3px)}
body:not(.home-screen) #context,body:not(.home-screen).guiding #context{bottom:calc(var(--command-clearance) + 4px)}
body:not(.home-screen) #pause-cover{bottom:var(--command-clearance)}
body:not(.home-screen) #toast{bottom:calc(var(--command-clearance) + 4px)}
@media(max-width:700px) and (orientation:portrait){
  body:not(.home-screen) .wave-overview{top:79px;left:14px;right:14px;width:auto;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center}
  body:not(.home-screen) .wave-caption{display:flex;gap:9px;justify-content:flex-start;align-items:center}
  body:not(.home-screen) .wave-caption>span{font-size:10px;letter-spacing:0}
  body:not(.home-screen) .wave-caption b{font-size:14px;line-height:1.3}
  body:not(.home-screen) .wave-caption i{font-size:10px}
  body:not(.home-screen) .next-enemy{text-align:right;font-size:10px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body:not(.home-screen) .session-line{font-size:8px;line-height:1.4;margin:0}
  body:not(.home-screen) .battle-intel{font-size:9px;line-height:1.4;margin:0;text-align:right;white-space:nowrap}
  body:not(.home-screen) #battlefield{top:116px}
  body:not(.home-screen) #pause-cover{top:116px}
  body:not(.home-screen) .map-zoom,body:not(.home-screen) .pause-plan-tools{top:126px}
  body:not(.home-screen) .controls{grid-template-columns:48px minmax(0,1fr) auto;left:10px;right:10px;width:auto;transform:none;gap:4px}
  body:not(.home-screen) .controls .temple-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px}
  body:not(.home-screen) .controls .temple-button>span:nth-child(2){display:none}
  body:not(.home-screen) .controls .temple-button:after{content:'科技';font:10px/1.1 var(--sans)}
  body:not(.home-screen) .controls .temple-button>span:first-child svg{width:20px;height:20px}
  body:not(.home-screen) .controls .wave-button{grid-template-columns:minmax(0,1fr);padding:5px 6px;text-align:center}
  body:not(.home-screen) .controls .wave-button>span:first-child{display:none}
  body:not(.home-screen) .controls .wave-button>span{font-size:11px}
  body:not(.home-screen) .controls .wave-button small{grid-column:1}
}
@media(max-width:359px) and (orientation:portrait){
  body:not(.home-screen){--command-clearance:calc(126px + env(safe-area-inset-bottom,0px))}
  body:not(.home-screen) .controls{grid-template-columns:64px minmax(0,1fr);row-gap:2px}
  body:not(.home-screen) .controls .utility{grid-column:1/-1;width:100%}
  body:not(.home-screen) .controls .temple-button{flex-direction:row;gap:5px}
}
@media(max-height:480px) and (orientation:landscape){
  body:not(.home-screen) #battlefield{top:65px}
  body:not(.home-screen) .wave-overview{top:78px;right:18px;width:170px}
  body:not(.home-screen) #context,body:not(.home-screen).guiding #context{bottom:20px}
  body:not(.home-screen).context-open .controls{visibility:hidden}
}

/* Tutorial screenshots show the current compact bar; outline only the start button. */
#help .tutorial-command-target{left:25%;top:7%;width:42%;height:84%}