@font-face {
  font-family: 'VCR OSD Mono';
  src: url('assets/fonts/VCR_OSD_MONO.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body {
  margin: 0;
  padding: 0;
  background: #000;
  width: 100vw;
  min-height: 100vh;
}

body {
  overflow-y: auto;
  overflow-x: hidden;
}

.container {
  position: relative;
  width: 100vw;
  max-height: none;
  margin: 0 auto;
  min-height: 100vh;
}

.bg {
  width: 100vw;
  height: 100%;
  display: block;
  object-fit: contain;
}

.btn {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  transition: transform 0.22s cubic-bezier(.42,1.2,.62,1.05), box-shadow 0.22s;
}

.btn img {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.btn:hover {
  transform: scale(1.12) rotate(-5deg);
  filter: brightness(1.16) drop-shadow(0 0 12px #0ff8);
  z-index: 100;
}

.btn:active {
  transform: scale(0.94) rotate(3deg);
  filter: brightness(0.9) blur(0.5px);
}
@keyframes pulse {
  0% { filter: drop-shadow(0 0 0px #00fff9aa);}
  50% { filter: drop-shadow(0 0 18px #00fff9cc);}
  100% { filter: drop-shadow(0 0 0px #00fff9aa);}
}

.btn.telegram, .btn.x, .btn.dex , .btn.copy {
  animation: pulse 2.2s infinite cubic-bezier(.65,.05,.36,1);
}

.x {
  left: 57.5%;
  top: 43.12%;
  width: 13.8%;
  height: 6.6%;
}
.telegram {
  left: 63.95%;
  top: 47.4%;
  width: 12.8%;
  height: 5.93%;
}
.dex {
  left: 72.18%;
  top: 44.2%;
  width: 16.535%;
  height: 7.5%;
}
.copy {
  left: 74%;
  top: 94.7%;
  width: 20.30%;
  height: 4.5%;
}
.info-text {
  position: absolute;
  left: 35.6%;
  top: 8.8%;
  width: 50.5%;
  height: 10.7%;
  font-family: 'VCR OSD Mono', 'VT323', monospace;
  font-size: 2.7vw;
  color: #1d2337;
  line-height: 1.13;
  letter-spacing: 0.03em;
  z-index: 10;
  background: transparent;
  text-shadow: 0 0.8px 1px #fff9;
  overflow: hidden;
}
.copy-text {
  position: absolute;
  left: 27.6%;
  top: 93.8%;
  width: 80.5%;
  height: 7.7%;
  font-family: 'VCR OSD Mono', 'VT323', monospace;
  font-size: 1.7vw;
  color: #1d2337;
  line-height: 1.13;
  letter-spacing: 0.03em;
  z-index: 10;
  background: transparent;
  text-shadow: 0 0.8px 1px #fff9;
  overflow: hidden;
}
.banner {
  position: absolute;
  left: 25%;
  top: 88.7%;
  width: 68.3%;
  height: 12.5%;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}