html, body { margin: 0; height: 100%; background: #06070a; color: #e7e7e7; font-family: system-ui, Arial, sans-serif; }
    canvas { display: block; width: 100vw; height: 100vh; }
    .hint {
      position: fixed; left: 12px; bottom: 12px;
      background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.15);
      padding: 10px 12px; border-radius: 12px; line-height: 1.35;
      max-width: min(520px, calc(100vw - 24px));
      backdrop-filter: blur(6px);
      pointer-events: none;
    }
    .hint b { color: #fff; }
    .topbar {
      position: fixed; left: 12px; top: 12px;
      background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.12);
      padding: 10px 12px; border-radius: 12px; line-height: 1.4;
      backdrop-filter: blur(6px);
      white-space: pre;
      pointer-events: none;
    }