/*
 * boot.css — pre-module boot styles loaded before the Vite bundle.
 *
 * Contains:
 *  1. The base body/html reset (was inline <style> in index.html).
 *  2. Classes for the mobile-gate overlay (were inline style="" attributes on
 *     #mobile-block and its children in index.html). Externalizing these is a
 *     CSP prerequisite — T15 of the W1 production-safety plan removes all
 *     inline style sources so T19 can add script-src 'self' without
 *     'unsafe-inline'.
 *
 * Lint-coverage note: public/ sits outside eslint src/ test/unit/ and both CI
 * workflow path filters, so this file ships unlinted (same posture as the
 * inline markup it replaces). Wiring public/ into lint/stylelint targets belongs
 * to W6 (enforcement wave) — flagged in the W1 wave report.
 *
 * Localization note: mobile-block text is hardcoded English because this file
 * loads before the i18n bootstrap — pre-bootstrap exemption, same as the
 * original inline markup.
 */

body, html {
  background: black;
}

/* Mobile-gate overlay — visible when the phone-gate script sets display:flex */
#mobile-block {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #0a0a0a;
  color: #ccc;
  font-family: system-ui, sans-serif;
  text-align: center;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.mobile-block-icon {
  font-size: 3rem;
}

.mobile-block-title {
  font-size: 1.4rem;
  color: #fff;
  margin: 0;
}

.mobile-block-body {
  max-width: 20rem;
  line-height: 1.5;
  margin: 0;
}