/* The react-native-web recommended style reset (https://necolas.github.io/react-native-web/docs/setup/#root-element).
   R253: a file, not an inline <style>, so the CSP can keep style-src 'self'. */
      /* These styles make the body full-height */
      html,
      body {
        height: 100%;
      }
      /* These styles disable body scrolling if you are using <ScrollView> */
      body {
        overflow: hidden;
      }
      /* These styles make the root element full-height */
      #root {
        display: flex;
        height: 100%;
        flex: 1;
      }

/* R290: phông tự host (OFL) — Be Vietnam Pro + JetBrains Mono, không tải Google Fonts (CSP font-src 'self').
   Mỗi độ đậm là một family riêng, tên trùng CHU trong src/shared/theme.ts. Một tệp CSS (không <style> nội tuyến) để giữ style-src 'self'. */
@font-face { font-family: 'BeVietnamPro_400Regular'; src: url('/fonts/BeVietnamPro_400Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'BeVietnamPro_500Medium'; src: url('/fonts/BeVietnamPro_500Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'BeVietnamPro_600SemiBold'; src: url('/fonts/BeVietnamPro_600SemiBold.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'BeVietnamPro_700Bold'; src: url('/fonts/BeVietnamPro_700Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'BeVietnamPro_800ExtraBold'; src: url('/fonts/BeVietnamPro_800ExtraBold.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrainsMono_400Regular'; src: url('/fonts/JetBrainsMono_400Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrainsMono_500Medium'; src: url('/fonts/JetBrainsMono_500Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrainsMono_600SemiBold'; src: url('/fonts/JetBrainsMono_600SemiBold.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }

/* Vòng tiêu điểm của bản mẫu (README): 3 px cam đỏ, cách 2 px — mọi phần tử bấm được. */
[role="button"]:focus-visible, [role="switch"]:focus-visible, [role="menuitem"]:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible {
  outline: 3px solid #E2482C;
  outline-offset: 2px;
}
@keyframes cig-quay { to { transform: rotate(360deg); } }
@keyframes cig-nhap-nhay { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes cig-hien { from { opacity: 0; } to { opacity: 1; } }