/* =====================================================
   BOOGA SMASH — style.css
   Game screen: 1400 x 2400 logical px (right half of 2800x2400 assets)
   ===================================================== */

@font-face {
  font-family: 'RetroMario';
  src: url('../RetroMario-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* ---- Reset & Base ---- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0a0a0f;
  font-family: 'RetroMario', sans-serif;
  touch-action: none;
}

/* Layer stacking order is handled purely by DOM order to avoid stacking context traps */
#layer-clouds img.cloud-wrap {
  left: 100%;
}
#layer-fog {
  mix-blend-mode: screen;
}
#layer-fog img.fog-wrap {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 100%; /* Cover the screen for a blizzard */
  filter: contrast(1.3) brightness(1.2);
}
#layer-fog img.fog-wrap:nth-child(2) {
  left: 100%;
}


#game-wrapper {
  position: fixed;
  inset: 0;
  background: radial-gradient(ellipse at center, #1a2a1a 0%, #050a05 100%);
  overflow: hidden;
}