html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
  background: #b9f2ff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

canvas {
  position: fixed;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  touch-action: none;
  overscroll-behavior: none;
  cursor: grab;
  background-image:
    linear-gradient(0deg, rgba(124, 247, 255, 0.18), rgba(255, 124, 230, 0.10)),
    url("../img/kelime-oyunu/kelime.jpg"),
    radial-gradient(900px 520px at 20% 15%, rgba(255, 255, 255, 0.55), transparent 55%),
    radial-gradient(900px 520px at 85% 18%, rgba(255, 216, 106, 0.28), transparent 60%),
    linear-gradient(180deg, #7cf7ff, #fff3b0 75%, #ffe6f7);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}