/*
 * Canonical V1 AIM product shell.
 *
 * This stylesheet deliberately changes presentation only. The stable V1
 * engine continues to own target timing, input, hitboxes, scoring, reload,
 * ammunition and scoreboard data. Keeping this layer separate makes that
 * boundary reviewable and prevents cosmetic work from changing gameplay.
 */

body[data-app-view="aim_arena"] #aim-arena-app {
  --aim-v1-shell-cyan: #62e0ff;
  --aim-v1-shell-cyan-soft: rgba(98, 224, 255, 0.14);
  --aim-v1-shell-orange: #ffad4d;
  --aim-v1-shell-panel: rgba(8, 15, 27, 0.92);
  --aim-v1-shell-panel-strong: rgba(13, 25, 42, 0.96);
  --aim-v1-shell-border: rgba(115, 218, 255, 0.2);
  --aim-v1-shell-text: #f4f8ff;
  --aim-v1-shell-muted: #9aacc5;
  --aim-v1-scoreboard-width: clamp(18.5rem, 19vw, 23.5rem);
  --aim-rail-width: clamp(16.5rem, 18vw, 21rem);
  --aim-shell-gap: clamp(0.55rem, 0.85vw, 0.9rem);
  --aim-shell-pad: clamp(0.7rem, 1.15vw, 1.25rem);
  --aim-center-marker-y: 41%;
  background:
    radial-gradient(circle at 7% 0%, rgba(98, 224, 255, 0.1), transparent 29rem),
    radial-gradient(circle at 95% 16%, rgba(255, 173, 77, 0.08), transparent 25rem),
    linear-gradient(145deg, #050a12 0%, #09121f 54%, #050a12 100%) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app #aim-arena-stage {
  --aim-center-marker-y: 41%;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-public-nav:not(.hidden) {
  background: rgba(6, 13, 23, 0.9) !important;
  border: 1px solid var(--aim-v1-shell-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0.75rem 2.25rem rgba(0, 0, 0, 0.22);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-public-nav a {
  color: var(--aim-v1-shell-muted);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-public-nav a:hover,
body[data-app-view="aim_arena"] #aim-arena-app .aim-public-nav a:focus-visible {
  color: var(--aim-v1-shell-cyan);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(15rem, 0.8fr) minmax(22rem, 1.2fr) minmax(18rem, 0.8fr) !important;
  align-items: center !important;
  gap: clamp(0.75rem, 1.4vw, 1.5rem) !important;
  overflow: hidden;
  min-height: 6.6rem !important;
  max-height: none !important;
  padding: 0.85rem 1.05rem !important;
  background:
    linear-gradient(105deg, rgba(13, 29, 46, 0.96), rgba(8, 15, 27, 0.9) 58%, rgba(30, 20, 19, 0.75)),
    rgba(9, 17, 29, 0.92) !important;
  border: 1px solid var(--aim-v1-shell-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0.85rem 2.3rem rgba(0, 0, 0, 0.22);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero::after {
  position: absolute;
  inset: auto -7rem -6.5rem auto;
  width: 14rem;
  height: 14rem;
  border: 1px solid rgba(98, 224, 255, 0.17);
  border-radius: 50%;
  box-shadow: 0 0 0 1.5rem rgba(98, 224, 255, 0.035), 0 0 0 3rem rgba(98, 224, 255, 0.02);
  content: "";
  pointer-events: none;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy,
body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-status {
  position: relative;
  z-index: 1;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy {
  display: grid !important;
  grid-template-columns: 3.1rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.7rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-logo {
  display: block;
  width: 3.1rem;
  height: 3.1rem;
  object-fit: contain;
  filter: brightness(1.85) saturate(1.2) drop-shadow(0 0 0.75rem rgba(98, 224, 255, 0.28));
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy-text {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-eyebrow {
  color: var(--aim-v1-shell-cyan) !important;
  letter-spacing: 0.16em;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-title {
  color: var(--aim-v1-shell-text) !important;
  font-size: clamp(1.35rem, 2.05vw, 2.1rem) !important;
  letter-spacing: 0.07em;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-subtitle,
body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-body {
  color: var(--aim-v1-shell-muted) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-subtitle,
body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-body {
  display: none !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-chip,
body[data-app-view="aim_arena"] #aim-arena-app .aim-warmup-badge,
body[data-app-view="aim_arena"] #aim-arena-app .aim-level-switch-button {
  min-height: 2.15rem !important;
  padding-inline: 0.7rem !important;
  border-color: rgba(98, 224, 255, 0.27) !important;
  background: rgba(6, 16, 27, 0.8) !important;
  color: #dff8ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-level-switch-button {
  border-color: rgba(255, 173, 77, 0.54) !important;
  color: #ffd4a6 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-status {
  justify-self: end !important;
  width: auto !important;
  max-width: 100% !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-level-start-group,
body[data-app-view="aim_arena"] #aim-arena-app .aim-level-switch-button {
  flex: 0 0 auto !important;
  width: auto !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-layout-row {
  grid-template-columns: var(--aim-v1-scoreboard-width) minmax(0, 1fr) !important;
  grid-template-areas: "scoreboard game" !important;
  gap: var(--aim-shell-gap) !important;
}

/* A normal game layout: board at the left, playfield in the center, run HUD at the right. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-panel {
  order: initial;
  grid-area: scoreboard !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-game-window {
  grid-area: game !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-game-window,
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-panel,
body[data-app-view="aim_arena"] #aim-arena-app .aim-card,
body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-actionbar,
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud {
  border-color: var(--aim-v1-shell-border) !important;
  background: linear-gradient(145deg, var(--aim-v1-shell-panel-strong), var(--aim-v1-shell-panel)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0.8rem 2rem rgba(0, 0, 0, 0.18);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-main {
  grid-template-columns: minmax(0, 1fr) var(--aim-rail-width) !important;
  gap: var(--aim-shell-gap) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-stage-panel {
  position: relative !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-items: center !important;
  padding: clamp(0.35rem, 0.55vw, 0.55rem) !important;
  background: rgba(3, 8, 14, 0.7) !important;
  border-color: rgba(98, 224, 255, 0.28) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app #aim-arena-stage {
  position: relative !important;
  z-index: 1 !important;
  grid-row: 1 !important;
  border-color: rgba(98, 224, 255, 0.43) !important;
  min-height: 0 !important;
  height: 100% !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  align-self: center !important;
  justify-self: center !important;
  box-shadow: 0 0 0 1px rgba(98, 224, 255, 0.06), 0 1.2rem 3.3rem rgba(0, 0, 0, 0.34);
}

/* The V1 engine continues to position the crosshair; this restores the visible red game sight. */
body[data-app-view="aim_arena"] #aim-arena-app #aim-arena-stage::before {
  --aim-crosshair-color: rgba(255, 67, 67, 0.98) !important;
  opacity: 0.96 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(7.8rem, 1fr) auto minmax(6.2rem, 0.7fr) !important;
  grid-template-rows: auto 0.34rem !important;
  align-items: center !important;
  gap: 0.25rem 0.85rem !important;
  width: min(100%, 38rem) !important;
  min-height: 4.75rem !important;
  margin: 0 auto !important;
  padding: 0.55rem 0.8rem 0.65rem !important;
  border-color: rgba(98, 224, 255, 0.36) !important;
  border-radius: 0.75rem !important;
  background: linear-gradient(105deg, rgba(7, 21, 34, 0.98), rgba(9, 29, 43, 0.92), rgba(20, 18, 21, 0.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0.65rem 1.8rem rgba(0, 0, 0, 0.3) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-copy {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-kicker {
  color: var(--aim-v1-shell-muted);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.14em;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-title {
  color: var(--aim-v1-shell-text) !important;
  font-size: clamp(0.92rem, 1.15vw, 1.18rem) !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-clock {
  display: grid;
  justify-items: center;
  min-width: 7.8rem;
  padding-inline: 0.85rem;
  border-inline: 1px solid rgba(98, 224, 255, 0.16);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-clock strong {
  color: #ffffff;
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
  font-variant-numeric: tabular-nums;
  line-height: 0.95;
  text-shadow: 0 0 1rem rgba(98, 224, 255, 0.32);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-clock span {
  margin-top: 0.22rem;
  color: var(--aim-v1-shell-cyan);
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.14em;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-signal {
  min-width: 0 !important;
  justify-self: stretch !important;
  color: #ffd4a6 !important;
  border-color: rgba(255, 173, 77, 0.32) !important;
  background: rgba(63, 35, 17, 0.38) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-progress {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: 0.34rem !important;
  background: rgba(98, 224, 255, 0.1) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-progress-fill {
  background: linear-gradient(90deg, #2ba8c6, var(--aim-v1-shell-cyan), #aff2ff) !important;
}

/* Weapon / reload information stays engine-owned; this is its readable HUD skin. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud {
  position: relative !important;
  z-index: 8 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.55rem !important;
  width: auto !important;
  min-height: 3.75rem !important;
  margin: 0.55rem 0 0 !important;
  padding: 0.6rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slots {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.4rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot {
  min-height: 3.35rem !important;
  padding: 0.45rem 0.55rem !important;
  border-color: rgba(146, 174, 205, 0.18) !important;
  background: rgba(3, 10, 17, 0.74) !important;
  color: var(--aim-v1-shell-muted) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot.is-active {
  border-color: rgba(98, 224, 255, 0.66) !important;
  background: linear-gradient(135deg, rgba(16, 69, 88, 0.85), rgba(5, 17, 28, 0.92)) !important;
  color: var(--aim-v1-shell-text) !important;
  box-shadow: inset 0 0 0 1px rgba(98, 224, 255, 0.12), 0 0 1.1rem rgba(59, 197, 231, 0.12);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-icon {
  color: var(--aim-v1-shell-cyan) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.2rem !important;
  height: 2.15rem !important;
  overflow: hidden !important;
  border-radius: 0.35rem !important;
  background: rgba(2, 8, 14, 0.62) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: saturate(0.84) contrast(1.08) drop-shadow(0 0 0.35rem rgba(98, 224, 255, 0.22)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-label,
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-meta,
body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-indicator,
body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-label,
body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-count {
  display: none !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot.is-planned .aim-weapon-slot-icon {
  color: #6f8097 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0.45rem !important;
  min-height: 3.35rem !important;
  padding: 0.5rem 0.65rem !important;
  border-color: rgba(255, 173, 77, 0.28) !important;
  background: linear-gradient(135deg, rgba(65, 37, 17, 0.44), rgba(7, 15, 26, 0.92)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-indicator {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.26rem !important;
  color: var(--aim-v1-shell-orange) !important;
  filter: drop-shadow(0 0 0.45rem rgba(255, 173, 77, 0.36));
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-indicator::after {
  content: "RELOAD";
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  opacity: 0.54;
  transition: opacity 160ms ease, color 160ms ease;
}

/* The existing radio mount is part of the V1 rail. Re-skin and reveal that
 * mount here; playback and track selection remain owned by roar-radio-player.js. */
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 11rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-player {
  gap: 0.55rem !important;
  padding: 0.7rem !important;
  color: var(--aim-v1-shell-text) !important;
  background:
    linear-gradient(135deg, rgba(18, 54, 72, 0.78), rgba(7, 15, 26, 0.95)) !important;
  border-color: rgba(98, 224, 255, 0.24) !important;
  border-radius: 0.7rem !important;
  min-height: 10.5rem !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0.8rem 1.8rem rgba(0, 0, 0, 0.18) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-kicker {
  color: var(--aim-v1-shell-cyan) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-track {
  color: var(--aim-v1-shell-text) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-toggle,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-skip button,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-presets button {
  border-color: rgba(98, 224, 255, 0.25) !important;
  color: var(--aim-v1-shell-muted) !important;
  background: rgba(4, 13, 23, 0.74) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-toggle:hover,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-toggle:focus-visible,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-skip button:hover,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-skip button:focus-visible,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-presets button:hover,
body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-presets button:focus-visible {
  border-color: rgba(98, 224, 255, 0.62) !important;
  color: var(--aim-v1-shell-text) !important;
  background: rgba(14, 48, 67, 0.82) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-status {
  border-color: rgba(98, 224, 255, 0.22) !important;
  color: var(--aim-v1-shell-muted) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-player[data-roar-radio-state="live"] .roar-radio-status {
  color: #06151d !important;
  background: linear-gradient(180deg, #8cf1ff, #42d8ee) !important;
  border-color: rgba(140, 241, 255, 0.72) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .roar-radio-player-slot--aim-sidebar .roar-radio-bars {
  border-color: rgba(98, 224, 255, 0.24) !important;
  background: rgba(2, 8, 15, 0.52) !important;
}
/* The engine already exposes the magazine state on the ammo band. Keep the
 * reload affordance quiet during normal play and make it unmissable only
 * when a reload can actually help. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-ammo-empty] {
  border-color: rgba(255, 92, 106, 0.74) !important;
  background: linear-gradient(135deg, rgba(91, 24, 32, 0.62), rgba(7, 15, 26, 0.94)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 92, 106, 0.12), 0 0 1rem rgba(255, 64, 82, 0.13) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-ammo-empty] .aim-reload-indicator {
  color: #ff6877 !important;
  filter: drop-shadow(0 0 0.5rem rgba(255, 76, 92, 0.58));
  animation: aim-v1-reload-pulse 900ms ease-in-out infinite alternate;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-ammo-empty] .aim-reload-indicator::after {
  color: #ffd8dc;
  opacity: 1;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-ammo-empty] .aim-ammo-count {
  color: #ffd8dc !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot[data-weapon-state="available"]:hover,
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot[data-weapon-state="available"]:focus-visible {
  border-color: rgba(98, 224, 255, 0.56) !important;
  color: var(--aim-v1-shell-text) !important;
  background: rgba(14, 48, 67, 0.74) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot[data-weapon-state="locked"],
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot[data-weapon-state="planned"] {
  filter: saturate(0.42);
}

body[data-app-view="aim_arena"] #aim-arena-app #aim-arena-stage[data-phase="running"] {
  border-color: rgba(98, 224, 255, 0.5) !important;
  box-shadow: inset 0 0 0 1px rgba(98, 224, 255, 0.1), 0 0 1.2rem rgba(58, 197, 231, 0.1) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app #aim-arena-stage[data-phase="round_complete"] {
  border-color: rgba(118, 255, 167, 0.58) !important;
  box-shadow: inset 0 0 0 1px rgba(118, 255, 167, 0.12), 0 0 1.2rem rgba(118, 255, 167, 0.1) !important;
}

@keyframes aim-v1-reload-pulse {
  from { opacity: 0.62; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-ammo-empty] .aim-reload-indicator {
    animation: none;
  }
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-label {
  color: #ffd8aa !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-bullet {
  position: relative !important;
  display: inline-block !important;
  width: 0.48rem !important;
  height: 1.45rem !important;
  flex: 0 0 0.48rem !important;
  border: 1px solid rgba(255, 221, 145, 0.46) !important;
  border-radius: 48% 48% 0.12rem 0.12rem / 22% 22% 8% 8% !important;
  background:
    linear-gradient(90deg, rgba(105, 50, 12, 0.5), transparent 31%, rgba(255, 239, 165, 0.5) 53%, transparent 72%, rgba(94, 41, 10, 0.48)),
    linear-gradient(180deg, #c96b2f 0 28%, #f0ba55 29% 80%, #a65d24 81% 100%) !important;
  box-shadow: 0 0 0.42rem rgba(255, 173, 77, 0.3), inset 0 -0.13rem 0 rgba(57, 23, 5, 0.34) !important;
  transform-origin: center bottom;
  transition: opacity 120ms ease, filter 120ms ease, transform 120ms ease;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-bullet::after {
  position: absolute;
  inset: auto 0.07rem 0.08rem;
  height: 0.1rem;
  border-radius: 50%;
  background: rgba(74, 31, 7, 0.68);
  content: "";
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-bullet.is-empty {
  border-color: rgba(126, 143, 161, 0.16) !important;
  background: rgba(88, 102, 119, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015) !important;
  filter: saturate(0) !important;
  opacity: 0.24 !important;
  transform: translateY(0.12rem) scale(0.94) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-bullets {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.24rem !important;
  min-height: 1.55rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-count {
  color: var(--aim-v1-shell-text) !important;
}

/* High-capacity weapons stay readable without squeezing thirty cartridges
 * into the HUD. The engine-owned current/max count remains the authority. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-count-compact {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  color: #ffe1a8 !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-count-compact::before {
  display: inline-block;
  width: 0.48rem;
  height: 1.45rem;
  border: 1px solid rgba(255, 221, 145, 0.46);
  border-radius: 48% 48% 0.12rem 0.12rem / 22% 22% 8% 8%;
  background: linear-gradient(180deg, #c96b2f 0 28%, #f0ba55 29% 80%, #a65d24 81% 100%);
  box-shadow: 0 0 0.42rem rgba(255, 173, 77, 0.26);
  content: "";
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-control-guide {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem 0.85rem !important;
  color: var(--aim-v1-shell-muted) !important;
  background: rgba(4, 11, 19, 0.76) !important;
  border-top-color: rgba(98, 224, 255, 0.12) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-guide-icon {
  color: var(--aim-v1-shell-cyan) !important;
}

/* The existing metric IDs stay intact; only their information hierarchy changes. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-rail {
  gap: 0.55rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-card {
  padding: 0.75rem !important;
  border-radius: 0.7rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-card-eyebrow {
  color: var(--aim-v1-shell-cyan) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.14em !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-card-title,
body[data-app-view="aim_arena"] #aim-arena-app .aim-report-headline {
  color: var(--aim-v1-shell-text) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-summary-text {
  color: var(--aim-v1-shell-muted) !important;
  line-height: 1.35;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-best-peek-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 3rem !important;
  padding: 0.55rem 0.65rem !important;
  border-color: rgba(255, 173, 77, 0.27) !important;
  background: linear-gradient(100deg, rgba(71, 39, 17, 0.52), rgba(10, 17, 28, 0.94)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-best-peek-card span {
  color: #ffd4a6 !important;
  font-size: 0.64rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-best-peek-card strong {
  color: #fff4df !important;
  font-size: clamp(1.1rem, 1.7vw, 1.55rem) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-stat-grid {
  gap: 0.38rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-stat {
  min-height: 3.5rem !important;
  padding: 0.5rem 0.55rem !important;
  border-color: rgba(98, 224, 255, 0.14) !important;
  background: rgba(3, 11, 19, 0.62) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-stat span,
body[data-app-view="aim_arena"] #aim-arena-app .aim-mini-row span {
  color: var(--aim-v1-shell-muted) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-stat strong,
body[data-app-view="aim_arena"] #aim-arena-app .aim-mini-row strong {
  color: var(--aim-v1-shell-text) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-stat-primary:nth-child(2) strong,
body[data-app-view="aim_arena"] #aim-arena-app .aim-stat-primary:nth-child(3) strong {
  color: var(--aim-v1-shell-cyan) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-mini-row {
  min-height: 2.3rem !important;
  padding: 0.42rem 0.55rem !important;
  border-color: rgba(146, 174, 205, 0.12) !important;
  background: rgba(3, 10, 17, 0.54) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-panel {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.55rem !important;
  min-height: 0 !important;
  padding: 0.8rem !important;
  border-radius: 0.75rem !important;
  background:
    linear-gradient(180deg, rgba(13, 29, 44, 0.98), rgba(6, 14, 24, 0.98) 42%, rgba(4, 10, 18, 0.99)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-panel {
  align-self: stretch !important;
  min-width: 0 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-header {
  align-items: start !important;
  padding-bottom: 0.65rem !important;
  border-bottom-color: rgba(98, 224, 255, 0.2) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-kicker {
  color: var(--aim-v1-shell-orange) !important;
  letter-spacing: 0.15em !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-title {
  color: var(--aim-v1-shell-text) !important;
  font-size: 1.05rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-mode {
  border-color: rgba(98, 224, 255, 0.3) !important;
  background: rgba(6, 33, 45, 0.78) !important;
  color: #d4f8ff !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-controls {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.35rem !important;
  padding-block: 0.6rem !important;
  align-self: start !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-control-group {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.3rem !important;
  grid-auto-rows: 2.35rem !important;
  align-self: start !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-control-group:last-child {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-control-group button {
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  border-color: rgba(98, 224, 255, 0.18) !important;
  background: rgba(4, 13, 23, 0.82) !important;
  color: var(--aim-v1-shell-muted) !important;
  font-size: 0.67rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-result {
  display: grid !important;
  gap: 0.5rem !important;
  padding: 0.65rem !important;
  border: 1px solid rgba(98, 224, 255, 0.18) !important;
  border-radius: 0.65rem !important;
  background: linear-gradient(135deg, rgba(16, 56, 73, 0.42), rgba(4, 12, 21, 0.86)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-result.hidden {
  display: none !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-result-summary {
  color: #dce9f5 !important;
  line-height: 1.35 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.45rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-name-input,
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-submit-button {
  min-height: 2.65rem !important;
  border-radius: 0.5rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-submit-button {
  min-width: 7.2rem !important;
  border-color: rgba(98, 224, 255, 0.68) !important;
  background: linear-gradient(135deg, #4edced, #178ead) !important;
  color: #031018 !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-control-group button:hover,
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-control-group button:focus-visible,
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-control-group button[aria-pressed="true"] {
  border-color: rgba(98, 224, 255, 0.65) !important;
  background: rgba(16, 76, 96, 0.76) !important;
  color: #effdff !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-table {
  min-height: 0 !important;
  border-color: rgba(98, 224, 255, 0.16) !important;
  background: rgba(2, 8, 15, 0.5) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-table-head,
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-row {
  grid-template-columns: 2rem minmax(4.4rem, 1.5fr) 2.9rem 2.75rem 3rem 2.75rem !important;
  column-gap: 0.18rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-table-head {
  color: #8fa8be !important;
  background: rgba(15, 30, 45, 0.82) !important;
  font-size: 0.58rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-row {
  min-height: 3.2rem !important;
  border-top-color: rgba(98, 224, 255, 0.1) !important;
  font-size: 0.69rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-row:nth-child(1) {
  background: linear-gradient(90deg, rgba(255, 173, 77, 0.16), transparent 72%) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-row strong,
body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-row [data-scoreboard-cell="score"] {
  color: var(--aim-v1-shell-cyan) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-name {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-name strong {
  overflow: hidden;
  color: var(--aim-v1-shell-text) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-entry-mode {
  color: var(--aim-v1-shell-muted);
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-actionbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 4.6rem !important;
  padding: 0.65rem 0.8rem !important;
  position: relative !important;
}

body[data-app-view="aim_arena"] #aim-arena-app #aim-event-text {
  position: absolute !important;
  left: 0.8rem;
  max-width: calc(50% - 11rem);
  color: var(--aim-v1-shell-muted) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-action-buttons {
  grid-column: 2 !important;
  justify-content: center !important;
  justify-self: center !important;
  width: auto !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-action-buttons .primary,
body[data-app-view="aim_arena"] #aim-arena-app #aim-start-button {
  position: relative !important;
  min-height: 3.25rem !important;
  min-width: clamp(13.5rem, 17vw, 17rem) !important;
  padding-inline: 1.45rem !important;
  border: 1px solid rgba(116, 237, 255, 0.95) !important;
  border-radius: 0.55rem !important;
  background: linear-gradient(135deg, #54def5, #1698bd 55%, #0c647f) !important;
  color: #031018 !important;
  font-weight: 900 !important;
  font-size: 0.83rem !important;
  letter-spacing: 0.16em !important;
  box-shadow: 0 0 0 1px rgba(98, 224, 255, 0.1), 0 0.7rem 1.7rem rgba(37, 184, 220, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app #aim-start-button::before {
  content: "▶";
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 0.8em;
}

/* Overrides the historical compact control rule without touching the V1 run state. */
html body[data-app-view="aim_arena"] #aim-arena-app.aim-arena-app .aim-action-buttons #aim-start-button.primary {
  width: clamp(15rem, 19vw, 20rem) !important;
  min-width: clamp(15rem, 19vw, 20rem) !important;
  min-height: 3.45rem !important;
  padding-inline: 1.6rem !important;
  border-color: rgba(116, 237, 255, 0.98) !important;
  background: linear-gradient(135deg, #68e8fb 0%, #29b8d5 48%, #1184a3 100%) !important;
  color: #02131c !important;
  box-shadow: 0 0 0 1px rgba(151, 243, 255, 0.18), 0 0.85rem 2rem rgba(37, 184, 220, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-action-buttons .primary:hover,
body[data-app-view="aim_arena"] #aim-arena-app .aim-action-buttons .primary:focus-visible {
  background: linear-gradient(135deg, #7ceaff, #29afcf) !important;
}

@media (max-width: 1279px) {
  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-layout-row {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "game"
      "scoreboard" !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-panel {
    max-height: none !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero {
    grid-template-columns: minmax(13rem, 0.72fr) minmax(20rem, 1.15fr) minmax(15rem, 0.72fr) !important;
  }
}

@media (max-width: 780px) {
  body[data-app-view="aim_arena"] #aim-arena-app {
    --aim-shell-pad: 0.55rem;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: auto !important;
    padding: 0.75rem !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-status {
    justify-content: start !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-main,
  body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity {
    width: 100% !important;
    grid-template-columns: minmax(6.8rem, 1fr) auto minmax(5.5rem, 0.7fr) !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app #aim-arena-stage {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud {
    min-height: 0 !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-rail {
    grid-template-columns: minmax(14rem, 1fr) minmax(14rem, 1fr) !important;
    grid-auto-flow: row !important;
    overflow: visible !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-card.aim-status-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-mode-identity-signal {
    display: none !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app #aim-event-text {
    display: none !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-rail {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-table-wrap,
  body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-table {
    overflow-x: auto !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-table-head,
  body[data-app-view="aim_arena"] #aim-arena-app .aim-scoreboard-row {
    min-width: 28rem;
  }
}

/* Compact weapon HUD: the icon row and bullet magazine are self-explanatory. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-indicator {
  display: none !important;
}

/* Final V1 product header: a visible Nordwerk lockup, not a floating dark
 * emblem. The game mode and clock keep the visual center of the header. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.9rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-brand {
  display: grid;
  grid-template-columns: 3.55rem auto;
  align-items: center;
  gap: 0.58rem;
  min-width: 0;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-logo {
  width: 3.55rem !important;
  height: 3.55rem !important;
  padding: 0.3rem;
  border: 1px solid rgba(98, 224, 255, 0.34);
  border-radius: 0.72rem;
  background: radial-gradient(circle at 50% 42%, rgba(76, 211, 239, 0.24), rgba(5, 16, 28, 0.92) 70%);
  filter: brightness(2.25) saturate(0.78) contrast(1.08) drop-shadow(0 0 0.8rem rgba(98, 224, 255, 0.32)) !important;
  box-sizing: border-box;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-wordmark {
  display: grid;
  gap: 0.08rem;
  min-width: 0;
  line-height: 1;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-wordmark strong {
  color: #f3fbff;
  font-size: 0.83rem;
  letter-spacing: 0.09em;
  white-space: nowrap;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-wordmark small {
  color: var(--aim-v1-shell-cyan);
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.25em;
}

/* Wider weapon deck: icons and names remain readable, while the magazine has
 * enough horizontal room for the seven/ten cartridge representation. */
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud {
  grid-template-columns: minmax(0, 1.65fr) minmax(15.5rem, 0.58fr) !important;
  gap: 0.72rem !important;
  width: min(100%, 65.25rem) !important;
  min-height: 5.9rem !important;
  margin-inline: auto !important;
  padding: 0.72rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slots {
  gap: 0.58rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 2.75rem auto auto !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 0.15rem !important;
  min-height: 4.75rem !important;
  padding: 0.45rem 0.65rem !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-icon {
  width: min(6.25rem, 92%) !important;
  height: 2.75rem !important;
  background: linear-gradient(180deg, rgba(10, 25, 39, 0.82), rgba(2, 8, 14, 0.68)) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-label,
body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-meta {
  display: block !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-label {
  color: #eaf8ff !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-meta {
  color: #8da7bb !important;
  font-size: 0.56rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.12em !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot.is-active .aim-weapon-slot-meta {
  color: var(--aim-v1-shell-cyan) !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-areas:
    "indicator label status"
    "ammo ammo ammo" !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 0.42rem 0.7rem !important;
  min-height: 4.75rem !important;
  padding: 0.68rem 0.85rem 0.8rem !important;
  overflow: hidden !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-label {
  display: block !important;
  grid-area: label;
  color: #ffd8aa !important;
  font-size: 0.67rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-status {
  grid-area: status;
  color: #83a3ba;
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-indicator {
  position: static !important;
  grid-area: indicator;
  display: inline-flex !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  color: #6f8799 !important;
  opacity: 0.42 !important;
  transform: none !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-reload-indicator::after {
  display: none !important;
  content: none !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-bullets {
  grid-area: ammo;
  justify-self: center !important;
  min-width: min(100%, 12.5rem);
  transition: opacity 140ms ease, filter 140ms ease;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud[data-reloading="true"] .aim-reload-indicator {
  position: static !important;
  display: inline-flex !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  transform: none !important;
  color: #ffad4d !important;
  opacity: 1 !important;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-reloading] .aim-reload-status {
  color: #ffd19a;
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-reloading] .aim-ammo-bullets {
  opacity: 0.34;
  filter: saturate(0.45);
}

body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-reloading]::after {
  position: absolute;
  inset: auto 0 0;
  height: 0.22rem;
  background: linear-gradient(90deg, #ff8a3d, #ffd084);
  box-shadow: 0 0 0.8rem rgba(255, 142, 62, 0.42);
  content: "";
  transform-origin: left center;
  animation: aim-v1-reload-progress var(--aim-reload-duration-ms, 1600ms) linear forwards;
}

@keyframes aim-v1-reload-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app-view="aim_arena"] #aim-arena-app .aim-ammo-band[data-reloading]::after {
    animation-timing-function: steps(4, end);
  }
}

@media (max-width: 780px) {
  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy {
    grid-template-columns: minmax(8rem, auto) minmax(0, 1fr) !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-hud {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 480px) {
  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-arena-hero-copy-text {
    display: none !important;
  }

  body[data-app-view="aim_arena"] #aim-arena-app .aim-weapon-slot-icon {
    width: min(4.8rem, 94%) !important;
  }
}