body {
  background:#f0f0f0;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto;
}

.game-container {
  position:relative;
  width:100%;
  max-width:900px;   /* limite no PC */
  aspect-ratio:16/9; /* mantém sempre retangular */
  box-shadow:0 4px 20px rgba(0,0,0,0.1);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

canvas {
  display:block;
  width:100%;
  height:100%;
  border-radius:12px;
  background-image:url('stage1.png');
  background-size:cover;
  background-position:center;
}

#score-container {
  position:absolute;
  top:18px;
  left:18px;
  font-weight:700;
  font-size:1.6rem;
  color:#2e7d32;
  text-shadow:1px 1px 2px rgba(0,0,0,0.08);
}

#game-over-screen {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  background:rgba(0,0,0,0.5);
  color:#fff;
  visibility:hidden;
  opacity:0;
  transition:opacity .3s;
}
#game-over-screen.show{ visibility:visible; opacity:1; }

button {
  padding:10px 14px;
  border-radius:8px;
  border:none;
  cursor:pointer;
}

/* NEVE / CINZAS */
#snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.snowflake {
  position: absolute;
  top: -10px;
  font-size: 1em;
  user-select: none;
  animation-name: fall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes fall {
  0% { transform: translateY(-10px); opacity: 1; }
  100% { transform: translateY(410px); opacity: 0.8; }
}

/* Botão música */
#musicToggle {
  position: fixed;
  top: 15px;
  right: 15px;
  padding: 8px 14px;
  border-radius: 6px;
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 1000;
  background-color: rgb(91, 129, 255);
  color: white;
}