/* Prevent text selection and long-press highlighting on the entire page */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: Arial, sans-serif;
  background: linear-gradient(45deg, #FF0000, #00FF00, #0000FF, #FFFF00, #FF00FF, #00FFFF);
  background-size: 600% 600%;
  animation: ShiftHeadsBackground 20s ease infinite;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

@keyframes ShiftHeadsBackground {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Minimal stats styling in the top-left corner */
#stats {
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 16px;
  color: #fff;
  background: rgba(0,0,0,0.5);
  padding: 5px 10px;
  border-radius: 4px;
  z-index: 2000;
}

/* The interactive game area fills the entire viewport */
#interactive-space {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

/* Common styling for blocks */
.block {
  position: absolute;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  transition: width 0.2s ease, height 0.2s ease;
}

/* Power-up styling */
.powerup-debuff {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
  user-select: none;
  -webkit-user-select: none;
}

.powerup {
  background-color: green;
}

.debuff {
  background-color: red;
}

/* Special block image fill */
.block img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Media query for mobile devices */
@media (max-width: 600px) {
  #stats {
    font-size: 14px;
    padding: 4px 8px;
  }
}

/* New: login-ui styling */
#login-ui {
  position: fixed;
  top: 50px;
  left: 10px;
  z-index: 3000;
  font-size: 14px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}

#login-ui button {
  margin-left: 10px;
}