:root { color-scheme: light; --checklame-background: #fbe0aa; }
:root { --checklame-safe-top: env(safe-area-inset-top, 0px);
  --checklame-safe-right: env(safe-area-inset-right, 0px);
  --checklame-safe-bottom: env(safe-area-inset-bottom, 0px);
  --checklame-safe-left: env(safe-area-inset-left, 0px); }
#checklame-safe-area { position: fixed; width: 0; height: 0; left: 0; top: 0;
  padding: var(--checklame-safe-top) var(--checklame-safe-right)
    var(--checklame-safe-bottom) var(--checklame-safe-left);
  visibility: hidden; pointer-events: none; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;
  overscroll-behavior: none; background: var(--checklame-background); }
#canvas { position: absolute; left: 0; top: 0; display: block; touch-action: none; }
/* Measure CSS viewport units without adding padding around the entire game. */
#checklame-viewport-size { position: fixed; left: 0; top: 0; width: 100%;
  height: 100vh; height: 100dvh; visibility: hidden; pointer-events: none; }
html[data-checklame-immersive] #checklame-viewport-size { height: 100vh; height: 100lvh; }