/* Compact persistent control, sharing InkWave's yellow ink and heavy dark edging. */
#iw-display-button {
  --display-ink: #191526;
  --display-yellow: #f5ed28;
  position: fixed;
  z-index: 1000;
  top: max(6px, env(safe-area-inset-top));
  right: max(6px, env(safe-area-inset-right));
  width: 36px;
  height: 36px;
  padding: 8px;
  display: grid;
  place-items: center;
  color: var(--display-ink);
  background: var(--display-yellow);
  border: 2px solid var(--display-ink);
  border-radius: 11px 9px 12px 9px;
  box-shadow: 0 3px 0 var(--display-ink), inset 0 2px 0 #fff9;
  cursor: pointer;
  touch-action: manipulation;
}
#iw-display-button svg { display: block; width: 100%; height: 100%; fill: currentColor; pointer-events: none; }
#iw-display-button:hover { background: #fff86a; }
#iw-display-button:focus-visible { outline: 3px solid white; outline-offset: 3px; }
#iw-display-button:active { translate: 0 2px; box-shadow: 0 1px 0 var(--display-ink); }
#iw-display-button:disabled { opacity: .6; cursor: default; }
/* Reserve the corner for the control, without moving the central team/timer HUD. */
.iw-hud .iw-sp { margin-right: 40px; }
.iw-hud .iw-turf { margin-right: 40px; }