*{margin:0;padding:0;box-sizing:border-box;}

body{
  min-height:100vh;
  background:#000;
  font-family:"Arial",sans-serif;
}

/* Contract Address field */
#ca-field{
  position:fixed;
  bottom:160px;
  left:50%;
  transform:translateX(-50%);
  padding:10px 20px;
  background:#000;
  color:#8B0000; /* blood red */
  font-family:monospace;
  font-size:1.1rem;
  border:2px solid #8B0000;
  border-radius:4px;
  cursor:pointer;
  user-select:none;
}

#ca-field:active{background:#111;}

/* Social buttons */
.buttons{
  position:fixed;
  bottom:40px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:40px;
  z-index:10;
}

.circle-btn{
  width:80px;
  height:80px;
  border:3px solid #000;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#000;
  transition:filter .2s;
}

.circle-btn img{width:100%;height:100%;object-fit:cover;}

.circle-btn:hover{filter:brightness(1.3);}

#bg-video{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
}

/* Intro modal */
.modal{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  z-index:100;
}

.modal-content{color:#fff;text-align:center;}

#kurwa-btn{
  margin-top:20px;
  padding:12px 28px;
  font-size:1.4rem;
  font-weight:700;
  border:none;
  border-radius:8px;
  cursor:pointer;
  animation:flash 0.3s linear infinite;
}

@keyframes flash{
  0%{background:#ff0000;color:#00ffff;transform:scale(1);} 
  25%{background:#00ff00;color:#ff00ff;transform:rotate(3deg);} 
  50%{background:#0000ff;color:#ffff00;transform:scale(1.1);} 
  75%{background:#ff00ff;color:#00ff00;transform:rotate(-3deg);} 
  100%{background:#ffff00;color:#ff0000;transform:scale(1);} 
}