/* Self-hosted so the app makes ZERO third-party requests: a child-targeted app on Google
   Play must not hand a user's IP to a font CDN, and the packaged build has to render
   correctly with no network. Latin subset only (the app is English). */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600;
  font-display:swap;src:url(fonts/baloo2-600.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;
  font-display:swap;src:url(fonts/baloo2-700.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;
  font-display:swap;src:url(fonts/baloo2-800.woff2) format('woff2')}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:500;
  font-display:swap;src:url(fonts/fredoka-500.woff2) format('woff2')}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:600;
  font-display:swap;src:url(fonts/fredoka-600.woff2) format('woff2')}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:700;
  font-display:swap;src:url(fonts/fredoka-700.woff2) format('woff2')}

/* ---------------------------------------------------------------------------
   GLOBAL RESPONSIVE SCALE (Rizzo 8/1)
   Every page links this file, so these two rules reach all 12 of them.

   The app was designed at 375px wide, where 1vmin = 3.75px and 1rem = 16px.
   Both rules below are calibrated so that AT 375px THEY PRODUCE EXACTLY THE OLD
   VALUES -- phones cannot regress -- and only grow on bigger screens.

   --ui : one scale unit for anything sized in px. Use calc(N*var(--ui)) where
          N is the old px value / 3.75.
   root font-size : scales every rem-based size (type, mostly) by up to 1.4x.
                    Type is capped tighter than --ui on purpose: touch targets
                    should grow with the screen, body copy should not grow as
                    hard or it reads comic.
   --------------------------------------------------------------------------- */
:root{ --ui: clamp(3.75px, 1vmin, 8.6px); }
html{ font-size: clamp(16px, 4.267vmin, 22.4px); }