.arena-map-note { margin: 14px 0; color: #47665c; font-size: 14px; line-height: 1.5; }
.arena-error-notice { padding: 12px; border-radius: 12px; background: #ffeddd; color: #743b18; line-height: 1.5; }
body:not([data-app-channel="beta"]) .menu-card select { width: 100%; padding: 12px 14px; border-radius: 14px; }
body:not([data-app-channel="beta"]) .menu-card { width: min(620px, 100%); padding: 26px; }
.instructions summary { cursor: pointer; font-weight: 700; padding: 14px; }
.instructions-body { line-height: 1.55; }
.instructions-body h3 { margin: 22px 0 8px; font-size: 17px; }
.instructions-body kbd { font: 600 12px "Segoe UI", sans-serif; padding: 2px 6px; border: 1px solid #bfd2c7; border-radius: 5px; }
.arena-object-guide { margin: 0; }
.arena-object-guide > div { padding: 11px 0; border-bottom: 1px solid rgba(100,140,120,.2); }
.arena-object-guide dt { font-weight: 700; }
.arena-object-guide dd { margin: 4px 0 0; }
.arena-help-button { position: fixed; left: 102px; bottom: 14px; z-index: 2; padding: 10px 14px; background: rgba(252,255,250,.94); color: #193c2b; cursor: pointer; font-size: 14px; }
.hud-home-link, body[data-app-channel="beta"] .hud-home-link { top: auto; bottom: 14px; left: 14px; transform: none; }
.hud-player .panel { max-width: min(320px, 44vw); line-height: 1.45; }
.status-badges { flex-wrap: wrap; }
.reward-toast { max-width: min(600px, calc(100vw - 32px)); text-align: center; line-height: 1.45; pointer-events: none; }
body[data-app-channel="beta"] .arena-help-button { color: #eaf8ff; background: rgba(9,19,33,.95); border-color: rgba(151,211,255,.2); }
body[data-app-channel="beta"] .instructions-body { color: #c4d6e6; }
body[data-app-channel="beta"] .instructions-body kbd { border-color: #536d86; }
@media (max-width: 600px) {
  body:not([data-app-channel="beta"]) .overlay { padding: 12px; }
  body:not([data-app-channel="beta"]) .menu-card { padding: 20px; max-height: calc(100dvh - 24px); }
  .arena-help-button { left: 14px; bottom: 68px; }
  .reward-toast, body[data-app-channel="beta"] .reward-toast { top: auto; bottom: 360px; }
  .hud-player .panel { padding: 10px; font-size: 12px; }
  .hud-player .panel, body[data-app-channel="beta"] .hud-player .panel { min-width: 0; width: calc(50vw - 24px); max-width: none; }
  .leaderboard-panel, body[data-app-channel="beta"] .leaderboard-panel { min-width: 0; width: calc(50vw - 24px); padding: 10px; }
  .hud-player-two { left: 14px; right: auto; top: auto; bottom: 190px; }
  .leaderboard-panel { font-size: 12px; }
}