:root{
  --ink:#0e0a24; --ink2:#171033; --sand:#f2b26b; --sand2:#e8955c;
  --teal:#3fd6c8; --gold:#ffd97a; --paper:#f6f1e7; --dim:#9d92c4;
}
*{box-sizing:border-box;margin:0}
html,body{background:var(--ink);color:var(--paper);font-family:ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif}
a{color:var(--teal)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--teal),#2aa9a2);color:#06251f;
  font-weight:700;text-decoration:none;padding:14px 34px;border-radius:99px;font-size:18px;
  box-shadow:0 6px 24px rgba(63,214,200,.35);border:0;cursor:pointer}
.btn.alt{background:linear-gradient(135deg,var(--sand),var(--sand2));color:#3a1c05;box-shadow:0 6px 24px rgba(242,178,107,.3)}
h1,h2,h3{font-family:ui-serif,Georgia,serif;letter-spacing:.5px}
#game-canvas,#hero-preview{display:block;touch-action:none}