/* ======================================
   REDIRECT PAGE — redirect.css
   ====================================== */

body {
  background: var(--bg);
  overflow: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---- Rising bubble field ---- */
.bubble-field {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  overflow: hidden;
}

.bf {
  position: absolute;
  display: block;
  animation: bubbleRise linear infinite;
  bottom: -120px;
}

@keyframes bubbleRise {
  0%   { transform: translateY(0) translateX(0) rotate(0deg); }
  100% { transform: translateY(-110vh) translateX(var(--drift, 0px)) rotate(360deg); }
}

/* ---- Center button ---- */
.center {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeUp 0.7s 0.2s both;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}