* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

:root {
  --color-ocean-deep: #0a3d62;
  --color-ocean: #1e6091;
  --color-ocean-light: #74b9ff;
  --color-foam: #dff9fb;
  --color-coral: #ff7675;
  --color-text: #2d3436;
  --color-text-inverse: #ffffff;
}