/*
 * Platform-flagged CSS override (god document §12) — src/mobile/index.html
 * sets `data-platform="native"` on `<html>`. src/popup/styles/popup.css's
 * `html, body, #app, .popup-root { width: 320px; height: 520px; }` is the
 * browser extension's fixed toolbar-popup window size; on a phone it just
 * renders a small fixed card floating over dead space instead of filling
 * the screen. Every selector below targets the same four elements the
 * original rule does, scoped to the native platform, with attribute-selector
 * specificity higher than popup.css's plain tag/id selectors so this wins
 * regardless of stylesheet load order.
 */
html[data-platform="native"],
html[data-platform="native"] body {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
}

html[data-platform="native"] #app,
html[data-platform="native"] .popup-root {
  width: 100%;
  height: 100%;
  min-height: 100%;
}