/* Sluice — per-game styles. Inherits everything from ../shared/chrome.css
   and ../shared/tokens.css. The mode-driven --canvas-w / --canvas-h are set
   by play.js. */

/* Splash artwork per mode. The .splash frame, cover-sizing and fade all come
   from ../shared/chrome.css — we only supply the background image.
   splash-desktop.jpg is 1120x1280, exactly the 560x640 desktop canvas ratio,
   so cover-sizing crops nothing at all. */
body.mode-desktop .splash { background-image: url('./splash-desktop.jpg'); }
body.mode-mobile  .splash { background-image: url('./splash-mobile.jpg'); }