/*
 * Look of the iOS install guide (ios-install-guide.js) inside the game's install panel.
 * Maps the kit tokens (pwa/ios-guide.css) to the game's own colors: the dark panel (#101d1b),
 * its raised field-guide strip (#203023), the acid accent and the panel text colors. Dark only.
 */
#panel .ios-install-guide {
  --pwa-surface: #101d1b;
  --pwa-raised: #203023;
  --pwa-inset: #0a1412;
  --pwa-ink: #e0eada;
  --pwa-muted: #a9bda9;
  --pwa-action: var(--acid);
  --pwa-on-action: #152014;
  --pwa-selected: color-mix(in oklab, var(--acid) 14%, #101d1b);
  --pwa-accent: var(--acid);
  max-inline-size: 400px;
  margin: 17px auto 12px;
}
/* Shown above the guide outside Safari: open this page in Safari first. */
#panel .ios-install-guide .ios-safari-note {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pwa-muted);
}
/*
 * The game styles every bare svg (22px, no fill, 1.65 stroke), which overrides the width, height,
 * fill and stroke attributes on the guide's icons. Put each icon back to its drawn size and paint.
 */
.pwa-ios-guide svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.pwa-ios-guide svg[fill='currentColor'] {
  fill: currentColor;
  stroke: none;
}
.pwa-ios-guide svg[viewBox='0 0 32 20'] {
  width: 32px;
  height: 20px;
  stroke: none;
}
.pwa-ios-guide svg[stroke-width='2'] {
  stroke-width: 2;
}
.pwa-ios-guide .pwa-ios-guide__badge svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.6;
}
.pwa-ios-guide .pwa-ios-guide__toggle svg {
  width: 20px;
  height: 20px;
  stroke: none;
}