/* ============================================================================
   Order of the Tile - APP COLOR SCHEME (the single seasonal swap point)
   ----------------------------------------------------------------------------
   Change these two values and EVERY app game that links this file reskins:
   pills, buttons, headings, game-box wash, borders, pips, the lot.

   Each game derives all of its accent tints from these two anchors with
   color-mix(), so you never touch the individual games to change seasons.

   Fallback safety: if this file ever fails to load (offline, cache miss),
   the games fall back to the default teal via var(--theme-main-strong, #148F87),
   so nothing breaks; you just lose the seasonal color until it loads.

   To reskin for a season, set new values below (examples kept for reference).
   ============================================================================ */
:root{
  --theme-main-strong:#148F87;   /* primary accent  - pills, buttons, headings, pip fills   (default: teal)   */
  --theme-main-ink:#0B5651;      /* deep accent     - borders, pressed states, back arrow    (default: teal ink) */

  /* Season swatches to try (uncomment one pair, comment the default above):
     Plum      --theme-main-strong:#7A3EA1; --theme-main-ink:#4E2470;
     Cranberry --theme-main-strong:#A83246; --theme-main-ink:#6E2030;
     Harvest   --theme-main-strong:#C07A1E; --theme-main-ink:#7E4E10;
     Pine      --theme-main-strong:#2E7D5B; --theme-main-ink:#1C4E38;
     Slate     --theme-main-strong:#3E6EA1; --theme-main-ink:#254670;
  */
}

/* ============================================================================
   CANONICAL APP-GAME CHROME (every /app/ game loads this file)
   ----------------------------------------------------------------------------
   The shared tester feedback control (feedback.js) renders as a labeled pill
   above 600px wide, so it shows the words "Report / Feedback" in landscape and
   in the desktop frame. In the app games we want just the bug icon, bottom-
   RIGHT, mirroring the round back-to-games controller button bottom-LEFT.
   Force the compact icon-only bug at every width. App-scoped only: the live
   /mini-games/ pages do NOT load this file, so their labeled button is unchanged.
   ============================================================================ */
#ottfb-btn{ width:46px !important; height:46px !important; padding:0 !important; gap:0 !important;
  border-radius:50% !important; justify-content:center !important; }
#ottfb-btn .ottfb-lbl{ display:none !important; }
#ottfb-btn .ottfb-ico svg{ width:24px !important; height:24px !important; }

/* "Tiles: Invitation" - keep a space between the label and the value in the gear */
#ottTileStyle b{ margin-left:.3em; }