/* ════════════════════════════════
   BOOT VIDEO SCREEN
   ════════════════════════════════ */
#boot-screen {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
}
#boot-screen.fade-out { opacity: 0; pointer-events: none; }

#boot-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  display: block;
}

#boot-click-msg {
  display: none;
  position: absolute;
  inset: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
}
#boot-click-msg p {
  color: #fff;
  font-family: "w95fa", 'MS Sans Serif', Tahoma, sans-serif;
  font-size: 16px;
  animation: blinkText 1.2s step-start infinite;
}
@keyframes blinkText {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

/* ── iOS WebKit text color fix ── */
/* iOS Safari overrides text color on interactive elements with system blue.
   Explicit -webkit-text-fill-color beats the UA stylesheet. */
* {
  -webkit-text-fill-color: currentColor;
}
button, input, select, textarea {
  color: #000000;
  -webkit-text-fill-color: #000000;
}

/* ── Base ── */
html {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;       /* no pull-to-refresh / rubber-band on the desktop */
  -webkit-text-size-adjust: 100%;  /* no iOS font inflation in landscape */
  text-size-adjust: 100%;
}
/* Pan and pinch-zoom still work, but double-tap never zooms. Zero specificity,
   so any rule with a class (e.g. title bars' touch-action:none) wins. */
* { touch-action: manipulation; }

body {
  font-family: "w95fa", 'MS Sans Serif', 'Microsoft Sans Serif', Tahoma, Arial, sans-serif;
  font-size: 11px;
  overflow: hidden;
  height: 100vh;
  height: var(--app-height, 100vh);
  height: 100dvh;
  width: 100%;
  background-color: var(--c-teal);
  overscroll-behavior: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: url('../img/cursor-default.png') 0 0, default;
}