/*
 * Irtaki web preview — desktop shell.
 * The mobile app is designed for phones only (SRS NFR-01, UF.md screens), so on
 * wide screens the Expo web build is shown as a centred phone-width column
 * instead of stretching edge to edge. Phones (< 600px) are untouched.
 * Injected into every exported HTML page by `build_web` in run.sh — the app's
 * source is not modified.
 */
@media (min-width: 600px) {
  html, body { background: #ECE8DA; }
  #root {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    background: #FAF7EF;
    box-shadow: 0 0 0 1px #E4E0D0, 0 12px 48px rgba(27, 36, 32, 0.10);
  }
}
@media (min-width: 600px) and (prefers-color-scheme: dark) {
  html, body { background: #0A0D0A; }
  #root {
    background: #10140F;
    box-shadow: 0 0 0 1px #292720, 0 12px 48px rgba(0, 0, 0, 0.5);
  }
}