/* Battle-only presentation. Workshop currency and controls retain their own layout. */
#hud { left:0; right:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; }
#hud.hide { display:none; }
#hud #spinWrap { width:clamp(138px,22vw,220px); padding:8px 10px; }
#battleBeyName { color:#effaff; font:800 clamp(12px,1.5vw,16px)/1.15 var(--cs-font,system-ui); overflow-wrap:anywhere; margin-bottom:5px; }
#hud #spinLabel { display:none; }
#hud #hudRight { grid-template-columns:1fr; width:max-content; max-width:30vw; gap:5px; padding:6px 10px; }
#hud #enemyPips { grid-column:1; }
#battleTopActions { grid-column:2; display:flex; align-items:center; gap:8px; pointer-events:auto; }
#battleTopActions .moneyChip { display:flex; align-items:center; gap:6px; margin:0; padding:8px 10px; min-height:40px; box-sizing:border-box; font-size:16px; }
#battleTopActions #battlePauseButton { position:static; width:44px; height:44px; min-height:44px; padding:9px; display:grid; place-items:center; flex-shrink:0; }
#battleTopActions #battlePauseButton[hidden] { display:none; }
#battleTopActions .moneyChip,
#battleTopActions #battlePauseButton { height:44px; min-height:44px; box-sizing:border-box; border-radius:20px; }
#hudLane { position:fixed; left:50%; top:22%; transform:translateX(-50%); z-index:19; pointer-events:none; box-sizing:border-box; width:max-content; max-width:min(86vw,420px); padding:9px 18px; border:1px solid #68dcf3; border-radius:10px; background:linear-gradient(135deg,rgba(9,30,49,.96),rgba(9,19,35,.94)); box-shadow:0 0 16px #35dfff26; text-align:center; color:#ecfbff; }
#hudLane[hidden] { display:none; }
#hudLaneText { font:900 italic clamp(18px,3.2vw,30px)/1.2 var(--cs-font,system-ui); overflow-wrap:anywhere; }
#hudLane.tone-hint #hudLaneText { font-size:clamp(13px,2.3vw,18px); font-style:normal; line-height:1.35; }
#hudLane.tone-arena #hudLaneText { font-size:clamp(15px,2.5vw,23px); }
#hudLane.tone-danger { border-color:#ff7d85; color:#ffe9eb; }
#hudLane.tone-buff { border-color:#ffd36c; color:#fff0bf; }
#arenaTitleCard { top:var(--hud-lane-top,22%); }
@media (orientation:portrait), (max-width:600px) {
  #hud #spinWrap { width:100%; min-width:0; max-width:210px; }
  #battleTopActions { gap:6px; }
  #battleTopActions .moneyChip { padding:7px 8px; font-size:14px; gap:4px; }
  #battleTopActions #battlePauseButton { padding:9px; }
  #hud #hudRight { position:static; transform:none; grid-row:2; grid-column:1 / -1; justify-self:center; max-width:100%; }
}
@media (max-height:450px) and (orientation:landscape) {
  #hudLane { padding:7px 14px; max-width:min(54vw,420px); }
  #hudLaneText { font-size:22px; }
  #hudLane.tone-hint #hudLaneText { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
  #hudLane { animation:none; transition:none; }
}