@font-face {

font-family: "P4G-UI";

src: url('https://lulling-coven.neocities.org/resources/P4G_font/FOT-SkipStd-B.otf') format("truetype");

}




.hidden-main
{
  opacity:0;
  pointer-events:none;
  display:none 
}





.startOVERLAY

{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:black;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
}


#button-prison
{
 
  width:600px;
  height:400px;
  top:100%;
  display:block;
  align-content:center;
  justify-content:center;
   background-color:#222222;
   z-index:9999;
}


#button-prison a
{

color:white;
 font-family:"P4G-UI";
 padding:5px;

}

#button-prison button
{
   font-family:"P4G-UI";
  color:white;
  z-index:999;
  width:auto;
  height:auto;
 
  background-color:transparent;
  border:none;
  padding:25px;
}


#button-prison button:hover {
  background-color: white;
  color:#222222;
  border-radius:20px;
 cursor:pointer;
}





.show-main

{
  
  opacity:1;
  pointer-events:auto;
  transition: opacity .8s ease-in-out;
}



#main.show-main {
  display: block; 
  width: 100vw;
  height: 100vh;
  background-image: url('resources/gameplay/tvworld.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  

  transform-origin: center center;

  

 
  image-rendering: auto; 
}
  
  #main a
  {
    
   position:absolute;
   background-color:black;
   font-family: "P4G-UI";
   color:white;
   top:100%;
   border-radius:15px;
   
  }



#main img
{
  width:100%;
  height:100%;
  
    transform-origin: center center;

  
  transform: scale(0.85);

 
  image-rendering: auto; 
}




.gif-contain {
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:99;
    pointer-events:none;
    background:url('/resources/gameplay/p4load.gif') no-repeat center/cover;
    
    transition: opacity 0.5s ease;
    
}








.hidden {
    opacity: 0;
    pointer-events: none; 
  }


.let-it-fade
{
  animation: fadeOut 0.5s forwards;
}



@keyframes fadeOut
{
  
0% {
        opacity: 1;
        visibility: visible;
    }
    99% {
        pointer-events: none; /* Disables clicking during fade */
    }
    100% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none; /* Prevents blocking clicks entirely */
    }
}