/* Kaleido — per-game styles. Everything else comes from
   ../shared/chrome.css and ../shared/tokens.css.

   The .splash frame, cover-sizing and fade all live in shared chrome.
   Only the artwork is declared here.

   The desktop art is 1520x1200 against a 760x600 frame, the same 1.267
   aspect, so nothing is cropped. The mobile art is 1170x2532 at 0.462,
   which matches a modern phone almost exactly; the wordmark sits at 77%
   of the width, inside the 82% that survives a cover-crop on the
   narrowest viewport worth designing for. */
body.mode-desktop .splash { background-image: url('./splash-desktop.jpg?v=1'); }
body.mode-mobile  .splash { background-image: url('./splash-mobile.jpg?v=1'); }