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

body {
  font-family: 'Fredoka', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #0f172a;
  color: #1a2a1a;
  overflow: hidden;
}

.app {
  position: relative;
  width: 100vw;
  height: 100vh;
}

/* Vagues SVG en overlay sur la mer — très subtil, pointer-events none */
.app__wave-overlay {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40'%3E%3Cpath d='M0 20 Q20 8 40 20 Q60 32 80 20' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 80px 40px;
  background-repeat: repeat;
  opacity: 0.06;
  pointer-events: none;
  z-index: 6;
}
