/* Desktop readability: keep all status and action text outside the arena. */
@media (pointer:fine) and (min-width:900px) {
  #arena { --top:100px; --dock:152px; }
  .topbar { gap:18px; padding:12px 20px; }
  .vitals { grid-template-columns:76px 156px; min-width:242px; gap:10px; }
  .player-id { font-size:18px; }
  .vital-track { font-size:16px; min-width:0; }
  .vital-track > span { margin-bottom:6px; }
  .vital-track i { height:6px; }
  .shield-value { font-size:14px; left:20px; top:68px; }
  .location { min-width:0; max-width:410px; gap:5px; }
  .location > b { font-size:20px; }
  .location > span { font-size:15px; line-height:1.3; }
  .location #stealthText { position:static; margin-left:0; font-size:14px; }
  .match { min-width:112px; font-size:16px; gap:4px; line-height:1.15; }
  .match b { font-size:28px; }
  .match small { font-size:14px; line-height:1.3; }
  .menu { gap:6px; flex:none; }
  .menu button { font-size:15px; padding:10px; min-height:44px; }
  .bottom-dock { flex-direction:column; padding:32px 18px 12px; }
  .notice { top:6px; font-size:16px; height:22px; line-height:22px; }
  .quickbar { width:auto; max-width:none; grid-template-columns:repeat(6,100px); gap:8px; }
  .slot { height:76px; padding:17px 8px 7px; gap:5px; }
  .slot-icon { font-size:18px; height:22px; }
  .slot b { font-size:15px; line-height:18px; }
  .slot kbd { font:600 13px/1.2 system-ui,sans-serif; }
  .slot .quantity { font-size:16px; top:5px; right:7px; }
  .desktop-hint { display:block; position:static; max-width:none; margin-top:9px; font-size:14px; line-height:20px; text-align:center; color:#bfceb8; }
  #arena.is-practice { --dock:200px; }
  #arena.is-practice .bottom-dock { padding-top:110px; }
  .practice-bar { top:31px; width:min(840px,94%); height:66px; gap:20px; }
  .practice-copy strong { font-size:18px; margin-bottom:8px; }
  .practice-steps span { font-size:14px; padding:4px 8px; }
  .practice-steps span.done:after { font-size:12px; }
  #readyBattleButton { font-size:18px; min-height:48px; }
}
@media (pointer:fine) and (min-width:900px) and (max-width:1199px) {
  .topbar { gap:12px; padding:10px 14px; }
  .vitals { grid-template-columns:58px 112px; min-width:180px; gap:8px; }
  .player-id { font-size:15px; white-space:nowrap; letter-spacing:0; }
  .shield-value { left:14px; }
  .location > b { font-size:18px; }
  .match { min-width:104px; }
  .menu { gap:4px; }
  .menu button { padding:9px 7px; }
}