/* ========================================================
   Sihirli Civciv, Kalp ve Işın Patlaması - Tam Ekran Stili
   ======================================================== */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #070611;
  background-image: 
    radial-gradient(circle at 50% 45%, #171131 0%, #0c0820 50%, #04030a 100%);
  cursor: default;
}

/* Arka Plan Kozmik Parıltılar */
.glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

.orb-1 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #ffb703 0%, transparent 70%);
  top: 15%;
  left: 25%;
  animation: floatOrb1 16s infinite alternate ease-in-out;
}

.orb-2 {
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, #e63946 0%, transparent 70%);
  bottom: 10%;
  right: 20%;
  animation: floatOrb2 20s infinite alternate ease-in-out;
}

.orb-3 {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, #7209b7 0%, transparent 70%);
  top: 40%;
  right: 15%;
  animation: floatOrb3 18s infinite alternate ease-in-out;
}

@keyframes floatOrb1 {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(50px, -40px) scale(1.15); }
}

@keyframes floatOrb2 {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-60px, 40px) scale(0.9); }
}

@keyframes floatOrb3 {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-40px, -50px) scale(1.05); }
}

/* Ana Tuval */
#canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}