html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Courier New', monospace;
  background: black;
  color: rgb(253, 143, 207);
}

#core-frame {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

#frame-border {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: glitchFrame 5s infinite alternate;
}

#frame-border svg {
  width: 96%;
  height: 99%;
  object-fit: contain;
  display: block;
  filter: brightness(0.7) contrast(1.1) drop-shadow(0 0 1px rgba(255, 0, 255, 0.25));
  opacity: 0.75;
  animation: flickerGlow 2.5s infinite ease-in-out;
}


@keyframes glitchFrame {
  0%   { transform: translate(0px, 0px); }
  20%  { transform: translate(-.5px, .5px); }
  40%  { transform: translate(.5px, -.5px); }
  60%  { transform: translate(-.4px, 0px); }
  80%  { transform: translate(.3px, .6px); }
  100% { transform: translate(0px, 0px); }
}

@keyframes flickerGlow {
  0%, 100% { filter: brightness(0.7) contrast(1.1) drop-shadow(0 0 1px rgba(255, 0, 255, 0.25)); }
  50%      { filter: brightness(0.85) contrast(1.2) drop-shadow(0 0 3px rgba(255, 0, 255, 0.4)); }
}

#core-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}