:root {
      --paper: #f3ead7;
      --ink: #1d261f;
      --panel: rgba(255, 251, 243, 0.92);
    }
    body {
      margin: 0;
      background:
        radial-gradient(circle at top, #fff7eb 0%, #f3e7d1 42%, #dfcfb5 100%);
      color: var(--ink);
      font-family: "Iowan Old Style", "Palatino Linotype", serif;
      overflow: hidden;
    }
    #ui {
      position: fixed;
      top: 16px;
      left: 16px;
      width: min(380px, calc(100vw - 32px));
      padding: 16px 18px;
      background: var(--panel);
      border: 1px solid rgba(41, 48, 40, 0.16);
      box-shadow: 0 16px 50px rgba(25, 29, 27, 0.14);
      z-index: 2;
      backdrop-filter: blur(8px);
    }
    h1 {
      margin: 0 0 8px;
      font-size: 22px;
      line-height: 1.15;
    }
    p {
      margin: 8px 0;
      font-size: 14px;
      line-height: 1.42;
    }
    .controls {
      display: flex;
      gap: 10px;
      margin: 14px 0 10px;
    }
    button {
      border: 1px solid rgba(58, 44, 28, 0.28);
      background: #fbf4e7;
      color: var(--ink);
      padding: 9px 12px;
      font: inherit;
      cursor: pointer;
    }
    button:disabled {
      opacity: 0.45;
      cursor: default;
    }
    #stats {
      font-size: 13px;
      line-height: 1.45;
      white-space: pre-line;
    }
    canvas {
      display: block;
      width: 100vw;
      height: 100vh;
    }