* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { overflow: hidden; height: 100%; cursor: none; user-select: none; background: #f4f1ec; }
canvas { display: block; }

#reset {
  position: absolute; top: 18px; left: 18px;
  background: rgba(28, 48, 98, 0.06); border: 1px solid rgba(28, 48, 98, 0.14);
  color: var(--color-ink-subtle, #5a5a6e); font: 500 12px var(--font-body, 'DM Sans', sans-serif);
  padding: 6px 14px; border-radius: 6px;
  cursor: pointer; transition: all .2s; letter-spacing: 0.02em;
}
#reset:hover { background: rgba(28, 48, 98, 0.1); color: var(--color-primary, #1c3062); }

#back-link {
  position: absolute; bottom: 14px; right: 16px;
  color: rgba(28, 48, 98, 0.4); font: 500 12px var(--font-body, 'DM Sans', sans-serif);
  text-decoration: none; transition: color .2s; letter-spacing: 0.02em;
}
#back-link:hover { color: var(--color-primary, #1c3062); }