#omg-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#271047 0%,#090413 65%,#020105 100%);overflow:hidden;isolation:isolate;color:#fff}#omg-intro[hidden]{display:none!important}.omg-intro-inner{position:relative;width:min(84vw,420px);text-align:center;filter:drop-shadow(0 0 24px #9e1fff88)}.omg-intro-mascot{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px #a000ff99);animation:omg-breathe 1.3s ease-in-out infinite alternate}.omg-intro-spark{position:absolute;left:85%;top:30%;width:6%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px #fff,0 0 26px 13px #f0f,0 0 46px 20px #0ff;transform:translate(-50%,-50%);pointer-events:none;animation:omg-spark .13s alternate infinite}.omg-intro-title{font:900 clamp(20px,5vw,34px)/1.1 system-ui,sans-serif;letter-spacing:.12em;text-shadow:0 0 12px #f0f,0 0 25px #0ff;margin:12px 0 4px}.omg-intro-status{font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#80ffff;min-height:20px}.omg-intro-skip{position:absolute;bottom:clamp(20px,4vh,42px);right:20px;border:1px solid #66ffff;color:white;background:#1b1237e6;border-radius:999px;padding:10px 17px;cursor:pointer;font:600 13px system-ui,sans-serif;z-index:5}.omg-intro-skip:focus-visible{outline:3px solid white;outline-offset:3px}.omg-intro-ring{position:absolute;left:50%;top:50%;width:100px;height:100px;border:9px solid #fff;border-radius:50%;box-shadow:0 0 20px #fff,0 0 40px #f0f,0 0 65px #0ff;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.omg-intro-particles{position:absolute;inset:0;pointer-events:none}.omg-intro-particle{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c);animation:omg-particle 850ms ease-out forwards}.omg-intro-exploding .omg-intro-inner{animation:omg-shrink .18s ease-in forwards}.omg-intro-exploding .omg-intro-ring{animation:omg-ring 850ms ease-out forwards}@keyframes omg-breathe{to{transform:scale(1.025)}}@keyframes omg-spark{to{filter:hue-rotate(130deg);transform:translate(-50%,-50%) scale(1.2)}}@keyframes omg-shrink{to{opacity:0;transform:scale(.8)}}@keyframes omg-ring{10%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(16)}}@keyframes omg-particle{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15)}}@media(prefers-reduced-motion:reduce){#omg-intro{display:none!important}}


/* OMGBOMBER - Enhanced Rainbow Fuse */

#omg-intro .omg-intro-spark {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 20;
  pointer-events: none;

  background: #ffffff;

  box-shadow:
    0 0 5px 3px #ffffff,
    0 0 12px 6px #00ffff,
    0 0 24px 10px #ff00ff,
    0 0 38px 14px #ffcc00;

  transform: translate(-50%, -50%);
  animation: omgFusePulse 0.16s infinite alternate;
}

#omg-intro .omg-intro-spark::before {
  content: "";
  position: absolute;
  inset: -13px;
  border-radius: 50%;

  background: conic-gradient(
    #ff003c,
    #ffcc00,
    #00ff99,
    #00ccff,
    #a000ff,
    #ff003c
  );

  filter: blur(7px);
  opacity: 0.85;
  z-index: -1;

  animation: omgFuseSpin 0.4s linear infinite;
}

#omg-intro .omg-intro-spark::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;

  border: 2px dashed #ffffff;
  box-shadow: 0 0 12px #00ffff;

  animation: omgFuseSpin 0.5s linear infinite reverse;
}

@keyframes omgFusePulse {
  from {
    transform: translate(-50%, -50%) scale(0.85);
    filter: brightness(1);
  }

  to {
    transform: translate(-50%, -50%) scale(1.25);
    filter: brightness(1.6);
  }
}

@keyframes omgFuseSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #omg-intro .omg-intro-spark,
  #omg-intro .omg-intro-spark::before,
  #omg-intro .omg-intro-spark::after {
    animation: none !important;
  }
}
/* OMGBOMBER spark alignment */
#omg-intro .omg-intro-spark { margin-left:0!important; margin-top:0!important; }

/* OMGBOMBER Neon Music Entrance */

.omg-intro-music-choices {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 22px;
  align-items: center;
}

.omg-intro-music-choices button {
  width: min(100%, 290px);
  padding: 15px 20px;
  border-radius: 12px;
  font: 800 14px system-ui, sans-serif;
  letter-spacing: 1px;
  color: white;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}

#omg-enter-music {
  border: 2px solid #ff40ff;
  background: linear-gradient(90deg, #6b00ff, #e000b8);
  box-shadow: 0 0 16px #ff00ff88;
}

#omg-enter-silent {
  border: 2px solid #00ffff;
  background: #11152c;
  box-shadow: 0 0 12px #00ffff55;
}

.omg-intro-music-choices button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px #00ffffaa;
}

.omg-intro-music-choices button:focus-visible {
  outline: 3px solid white;
  outline-offset: 3px;
}

.omg-intro-music-choices button:disabled {
  opacity: .5;
  cursor: default;
}
#omg-intro.omg-intro-started .omg-intro-music-choices {
  display: none;
}

/* V6.4 canvas and volume slider */
#omg-intro .omg-v62-animation-canvas {
  position:absolute; inset:0; width:100%; height:100%;
  z-index:2; pointer-events:none;
}
#omg-intro .omg-intro-inner { z-index:3; }
#omg-intro.omg-intro-exploding .omg-intro-inner { animation:none!important; }
#omg-intro.omg-intro-exploding .omg-intro-ring { animation:none!important; }
.omg-intro-volume {
  width:min(100%,340px); box-sizing:border-box; margin:18px auto 0;
  padding:15px 20px; background:rgba(15,12,40,.88);
  border:1px solid rgba(190,65,255,.6); border-radius:16px;
  box-shadow:0 0 24px rgba(165,0,255,.25); color:white;
}
.omg-volume-heading,.omg-volume-labels {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
}
.omg-volume-heading { margin-bottom:15px; font:800 13px Arial,sans-serif; letter-spacing:1px; }
#omg-volume-value { color:#00eeff; font-size:17px; text-shadow:0 0 10px #00eeff; }
#omg-volume-slider {
  appearance:none; -webkit-appearance:none; width:100%; height:9px;
  border-radius:20px; cursor:pointer; outline:none;
  background:linear-gradient(90deg,#ff245d,#ff9500,#fff200,#39ff14,#00eeff,#427bff,#b34aff,#ff35dc);
}
#omg-volume-slider::-webkit-slider-thumb {
  appearance:none; -webkit-appearance:none; width:23px; height:23px;
  background:white; border:3px solid #ff35dc; border-radius:50%;
  box-shadow:0 0 12px #ff35dc,0 0 20px #00eeff;
}
#omg-volume-slider::-moz-range-thumb {
  width:18px; height:18px; background:white;
  border:3px solid #ff35dc; border-radius:50%; box-shadow:0 0 12px #ff35dc;
}
.omg-volume-labels { margin-top:12px; color:#b9a5d8; font-size:10px; letter-spacing:1px; }
#omg-intro.omg-intro-started .omg-intro-volume { display:none; }

/* OMGBOMBER Sound Vault mascot */
#omg-sound-vault .omg-vault-header .omg-vault-mascot {
  content: url("https://omgbomber.com/wp-content/themes/twentytwentytwo-child/assets/omgbomber-mascot.png") !important;
  display: block !important;
  width: 150px !important;
  height: 150px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}