/* VISUAL 1x1 V1.3: premium gameplay art-quality candidate. */
#screen-arena .arena-hud {
  padding-inline: 14px;
  background: linear-gradient(180deg, #080b0ae8, #080b0ab8 72%, transparent);
  backdrop-filter: blur(7px);
}
#screen-arena .scoreboard {
  gap: 12px;
  padding-inline: 11px;
  border-color: #d9fff21c;
  background: linear-gradient(145deg, #111513e8, #050706ef);
  box-shadow: inset 0 1px #ffffff0d, 0 8px 20px #0007;
}
#screen-arena #arena-mode-label { opacity: .58; font-size: 8px; letter-spacing: .09em; }
.court-shell::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #0005, transparent 11%, transparent 89%, #0005), linear-gradient(180deg, #d9fff008, transparent 20%, transparent 78%, #0005);
  box-shadow: inset 0 0 30px #0009;
}
.game-controls {
  background: linear-gradient(180deg, #1014124d, #080a09e8 24%, #030504);
  backdrop-filter: blur(9px);
}
.joystick { filter: saturate(.82); }
.joystick:active i { filter: brightness(.82); }
.strike {
  backdrop-filter: blur(8px);
  transition: transform 90ms ease, filter 90ms ease, box-shadow 90ms ease;
}
.strike:active { transform: translateY(3px) scale(.97); filter: brightness(.8); box-shadow: inset 0 4px 14px #000c; }