/* Room307 - walking the disc
 *
 * One screen, nothing scrolls, same as portrait.html. Everything in the scene
 * itself is painted by disc.js into a single full-bleed canvas: the disc, its
 * shadow, and the figure. The shared site header remains DOM chrome above it.
 */

:root {
  --gutter: clamp(16px, 3.4vw, 52px);
  --ink: #16181c;
  --paper: #f4f6fa;
  --blue-deep: #113c9f;
  --rounded: "M PLUS Rounded 1c", ui-rounded, "Hiragino Maru Gothic ProN", system-ui, sans-serif;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 400 16px/1.55 var(--rounded);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

/* Sized in CSS pixels; disc.js multiplies by devicePixelRatio for the backing
   store, so the grid lines stay hairlines on a retina display. */
#scene {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
}