html,
	body {
	  height: 100%;
	  margin: 0;
	  overflow: hidden;
	}
	
	body {
	  font-family: Arial, Verdana, sans-serif;
	  cursor: grab;
	  color: white;
	  background-color: #1e1a33;
	  touch-action: manipulation;
	  -webkit-tap-highlight-color: transparent;
	  position: relative;
	}
	
	canvas {
	  position: fixed;
	  top: 0; left: 0;
	  width: 100%; height: 100%;
	  z-index: 1;
	}
	
	div,
	i {
	  user-select: none;
	  pointer-events: none;
	}
	
	.game-back-btn {
	  position: fixed; top: 10px; left: 10px; z-index: 9999;
	  padding: 8px 14px; background: #fef3c7; color: #92400e;
	  border: 1px solid #fcd34d; border-radius: 8px; font-size: 13px;
	  text-decoration: none; font-weight: 500; cursor: pointer;
	  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	  pointer-events: auto;
	}
	
	i {
	  position: fixed;
	  color: white;
	  top: -10%;
	  z-index: 9999;
	  animation-name: snowflakes-fall, snowflakes-shake;
	  animation-duration: 10s, 3s;
	  animation-timing-function: linear, ease-in-out;
	  animation-iteration-count: infinite, infinite;
	  animation-play-state: running, running;
	}

	@media (max-width: 800px) {
	  body > div[style] {
	    position: fixed !important;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 100;
	    background: rgba(30, 26, 51, 0.92);
	    padding: 6px 0 !important;
	    pointer-events: auto;
	    text-align: center;
	  }
	}
	
	@keyframes snowflakes-fall {
	  0% {
	    top: -10%;
	  }
	  100% {
	    top: 100%;
	  }
	}
	
	@keyframes snowflakes-shake {
	  0% {
	    transform: translateX(0px);
	  }
	  50% {
	    transform: translateX(80px);
	  }
	  100% {
	    transform: translateX(0px);
	  }
	}