/* Erzeugt von demo/build-game-page.mjs aus mochi-arrows/src/style.css und den Welten des Spiels */
.demo-stage { position: relative; width: min(280px, 78vw); height: clamp(120px, 20dvh, 168px); margin: 2px auto 6px; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.demo-board { display: block; border: 3px solid var(--ink); border-radius: 16px; box-shadow: 0 4px 0 var(--ink); }
.demo-tap {
  position: absolute; left: 0; top: 0; width: 34px; height: 34px; margin: -17px 0 0 -17px;
  border-radius: 50%; border: 3px solid var(--ink); background: rgba(255, 255, 255, 0.45);
  opacity: 0; transform: scale(1.6);
}
.demo-tap.go { animation: demo-tap 0.75s ease-out; }
@keyframes demo-tap {
  0% { opacity: 0; transform: scale(1.6); }
  35% { opacity: 1; transform: scale(0.85); }
  55% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.25); }
}
.wt-neko { --tint: #FFCADB; }
.wt-konbini { --tint: #BDE5FF; }
.wt-space { --tint: #2F3366; }
.wt-winter { --tint: #D2EBFF; }
.wt-beach { --tint: #FFE29A; }
.wt-night { --tint: #3A2E5C; }
.wt-pumpkin { --tint: #E6D3FF; }
.wt-deep { --tint: #1F4E6B; }
.wt-toys { --tint: #FFD9AD; }
.wt-garden { --tint: #CBF1BB; }
.wt-picnic { --tint: #FFE38C; }
.wt-farm { --tint: #C6EFA6; }
.wt-arcade { --tint: #3A2E6E; }
.wt-rail { --tint: #F7E0BC; }
.wt-candy { --tint: #FFC4DF; }
.wt-forest { --tint: #FFCFA0; }
.wt-marble { --tint: #D9CCFF; }