/* Weywa mini-games: one canvas per game (js/games/core.js) + the paint game's «Чистый лист» button. */
.wg-root {
  position: absolute; inset: 0; overflow: hidden; outline: none;
  background: var(--stage-bg, #e4eff5);
  touch-action: none; user-select: none; -webkit-user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}
.wg-root:focus-visible { box-shadow: inset 0 0 0 4px var(--accent, #5b45c2); }
.wg-canvas { position: absolute; left: 0; top: 0; display: block; touch-action: none; }

.wg-clean {
  position: absolute; right: 12px; bottom: 12px; z-index: 2;
  min-height: 56px; padding: 0 20px; border: 0; border-radius: 999px;
  font: 800 18px/1 var(--font, ui-rounded, "Nunito", system-ui, sans-serif);
  color: #fff; background: #9b5de5; box-shadow: 0 4px 0 #6a35b0, 0 6px 14px rgba(60, 20, 110, 0.25);
  touch-action: manipulation; cursor: pointer; transition: transform 0.08s ease, box-shadow 0.08s ease;
}
.wg-clean:active { transform: translateY(3px) scale(0.97); box-shadow: 0 1px 0 #6a35b0, 0 3px 8px rgba(60, 20, 110, 0.25); }
.wg-clean:focus-visible { outline: 3px solid #ffd23f; outline-offset: 3px; }
@media (max-width: 360px) { .wg-clean { min-height: 48px; padding: 0 14px; font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .wg-clean { transition: none; } }