:root {
      --wood-1: #c68f54;
      --wood-2: #e3b06f;
      --cream: #f7eed8;
      --ink: #46301f;
    }

    * { box-sizing: border-box; }

    html, body {
      width: 100%;
      height: 100%;
      margin: 0;
      overflow: hidden;
      background: linear-gradient(145deg, var(--wood-1), var(--wood-2));
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      touch-action: none;
      overscroll-behavior: none;
    }

    canvas {
      display: block;
      width: 100vw;
      height: 100vh;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }

    .fallback {
      position: fixed;
      left: 50%;
      bottom: 12px;
      transform: translateX(-50%);
      color: rgba(255,255,255,.72);
      font-size: 12px;
      pointer-events: none;
      text-align: center;
      width: 100%;
      display: none;
    }