body {
  margin: 0;
  overflow: hidden;
  text-align: center;
  color: white;
  font-family: 'Comic Neue', cursive;

  background: linear-gradient(270deg, #ff00cc, #3333ff, #00ffcc, #ffcc00);
  background-size: 800% 800%;
  animation: bgMove 8s ease infinite;
}

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

h1 {
  font-family: 'Bangers', cursive;
  font-size: 60px;
  text-shadow: 0 0 20px #fff, 0 0 40px #ff00cc;
}

#btn {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px 40px;
  font-size: 20px;
  border: none;
  border-radius: 50px;
  cursor: pointer;

  background: linear-gradient(45deg, #ff0080, #ffcc00);
  box-shadow: 0 0 20px #ff0080, 0 0 40px #ffcc00;
}

/* 🎯 IMPROVED SHAKE (more intense) */
.shake {
  animation: shakeScreen 0.08s infinite;
}

@keyframes shakeScreen {
  0% { transform: translate(6px, 6px); }
  25% { transform: translate(-6px, -4px); }
  50% { transform: translate(5px, -6px); }
  75% { transform: translate(-5px, 4px); }
  100% { transform: translate(0, 0); }
}

/* Floating emojis */
.emoji {
  position: absolute;
  font-size: 25px;
  animation: float 5s linear infinite;
}

@keyframes float {
  from { transform: translateY(100vh); }
  to { transform: translateY(-10vh); }
}

/* Cursor glow */
.cursor-glow {
  position: fixed;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  filter: blur(8px);
  pointer-events: none;
}

/* BSOD */
.bsod {
  background: blue !important;
  color: white;
  font-family: monospace;
  padding: 50px;
}