/* Isolated iPhone hint. Existing site/navigation layers and font tokens remain authoritative. */
#dice-home-screen, #dice-home-screen * { box-sizing: border-box; }
#dice-home-screen[hidden], #dice-home-screen [hidden] { display: none !important; }
#dice-home-screen {
  position: fixed;
  z-index: calc(var(--dice-mobile-nav-layer, 80) - 1);
  left: max(8px, env(safe-area-inset-left, 0px));
  right: max(8px, env(safe-area-inset-right, 0px));
  bottom: calc(var(--dice-home-screen-nav-height, env(safe-area-inset-bottom, 0px)) + 8px);
  width: auto; max-width: 430px; margin: 0 auto; padding: 8px 10px;
  max-height: calc(100dvh - var(--dice-mobile-top, 60px) - var(--dice-home-screen-nav-height, 64px) - 36px);
  overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid #3d403b; border-radius: 8px;
  background: #181a17; color: #fff; color-scheme: dark;
  box-shadow: 0 6px 20px rgb(18 20 17 / 18%);
  font: 400 14px/1.45 var(--dice-font-body, 'Roboto', Arial, sans-serif);
  text-align: left;
}
#dice-home-screen .dice-home-screen-heading { display: grid; grid-template-columns: minmax(0, 1fr) 52px 36px; gap: 8px; align-items: center; min-height: 44px; }
#dice-home-screen h2 { margin: 0; padding: 0; color: #fff; font: 700 17px/1.15 var(--dice-font-display, 'Roboto Condensed', Arial, sans-serif); text-transform: none; letter-spacing: 0; }
#dice-home-screen p { margin: 0; font: inherit; color: #d3d5cf; }
#dice-home-screen button { font: 700 14px/1.2 var(--dice-font-body, 'Roboto', Arial, sans-serif); letter-spacing: 0; text-transform: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#dice-home-screen button:focus-visible { outline: 2px solid #ffca05; outline-offset: 3px; }
#dice-home-screen .dice-home-screen-close { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 -4px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #d3d5cf; }
#dice-home-screen .dice-home-screen-how { display: grid; place-items: center; min-height: 44px; width: 52px; margin: 0; padding: 8px 4px; border: 0; border-radius: 4px; background: #ffca05; color: #171916; }
#dice-home-screen-steps { margin-top: 16px; padding-top: 16px; border-top: 1px solid #3d403b; }
#dice-home-screen .dice-home-screen-safari { margin-bottom: 12px; color: #fff; }
#dice-home-screen ol { margin: 0; padding: 0 0 0 20px; }
#dice-home-screen li { margin: 0 0 10px; padding-left: 3px; }
#dice-home-screen li::marker { color: #ffca05; font-weight: 700; }
#dice-home-screen li svg { display: inline-block; vertical-align: -3px; }
#dice-home-screen strong { color: #fff; font-weight: 700; }
#dice-home-screen .dice-home-screen-tip { margin-top: 14px; font-size: 13px; }
#dice-home-screen .dice-home-screen-done { min-height: 44px; width: 100%; margin-top: 12px; padding: 10px 14px; background: transparent; color: #fff; border: 1px solid #777c72; border-radius: 4px; }
@media (hover: hover) { #dice-home-screen button:hover { filter: brightness(1.08); } }
@media (prefers-reduced-motion: no-preference) { #dice-home-screen button { transition: transform 120ms ease-out; } #dice-home-screen button:active { transform: scale(.98); } }
@media (min-width: 981px), (max-height: 499px) { #dice-home-screen { display: none !important; } }