div#container
{
   width: 1028px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #000000;
   border-radius: 0px;
}
#MediaPlayer2
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #000000;
   border-radius: 0px;
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
#MediaPlayer3
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #000000;
   border-radius: 0px;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape1
{
   position: absolute;
   left: 396px;
   top: 1521px;
   width: 208px;
   height: 15px;
   z-index: 13;
}
#wb_Shape2
{
   position: absolute;
   left: 291px;
   top: 1452px;
   width: 449px;
   height: 62px;
   z-index: 14;
}
#Html1
{
   position: absolute;
   left: 104px;
   top: 252px;
   width: 181px;
   height: 63px;
   z-index: 10;
}
#wb_Image1
{
   position: absolute;
   left: 844px;
   top: 848px;
   width: 34px;
   height: 19px;
   z-index: 1;
}
#wb_Image2
{
   position: absolute;
   left: 909px;
   top: 899px;
   width: 15px;
   height: 27px;
   z-index: 11;
}
#wb_Image3
{
   position: absolute;
   left: 301px;
   top: 1258px;
   width: 454px;
   height: 43px;
   z-index: 12;
}
#Shape1
{
   width: 208px;
   height: 15px;
}
#wb_Image5
{
   position: absolute;
   left: 313px;
   top: 840px;
   width: 51px;
   height: 51px;
   opacity: 0.45;
   z-index: 7;
}
#Shape2
{
   width: 449px;
   height: 62px;
}
#wb_Image6
{
   position: absolute;
   left: 285px;
   top: 870px;
   width: 28px;
   height: 38px;
   z-index: 9;
}
#wb_Image7
{
   position: absolute;
   left: 657px;
   top: 815px;
   width: 51px;
   height: 55px;
   opacity: 0.45;
   z-index: 5;
}
#wb_Image8
{
   position: absolute;
   left: 41px;
   top: 840px;
   width: 51px;
   height: 51px;
   opacity: 0.45;
   z-index: 8;
}
#wb_Image9
{
   position: absolute;
   left: 924px;
   top: 817px;
   width: 51px;
   height: 63px;
   opacity: 0.45;
   z-index: 4;
}
#wb_MediaPlayer3
{
   position: absolute;
   left: 41px;
   top: 420px;
   width: 318px;
   height: 527px;
   z-index: 6;
}
#wb_MediaPlayer2
{
   position: absolute;
   left: 697px;
   top: 485px;
   width: 253px;
   height: 471px;
   z-index: 3;
}
#wb_MediaPlayer1
{
   position: absolute;
   left: 374px;
   top: 399px;
   width: 299px;
   height: 594px;
   z-index: 2;
}
#wb_Image10
{
   position: absolute;
   left: 2px;
   top: 0px;
   width: 1024px;
   height: 1536px;
   z-index: 0;
}
@media only screen and (min-width: 1920px)
{
div#container
{
   width: 1978px;
}
body
{
   background-color: #000000;
   background-image: none;
}
#wb_Image10
{
   left: 2px;
   top: 4px;
   width: 1936px;
   height: 2904px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 844px;
   top: 848px;
   width: 34px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 373px;
   top: 427px;
   width: 283px;
   height: 523px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_MediaPlayer2
{
   left: 685px;
   top: 476px;
   width: 253px;
   height: 454px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image9
{
   left: 906px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image7
{
   left: 651px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer3
{
   left: 77px;
   top: 367px;
   width: 280px;
   height: 583px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image5
{
   left: 324px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image8
{
   left: 55px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image6
{
   left: 285px;
   top: 860px;
   width: 28px;
   height: 38px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html1
{
   left: 104px;
   top: 252px;
   width: 181px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 431px;
   top: 417px;
   width: 15px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 137px;
   top: 581px;
   width: 207px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Shape1
{
   left: 136px;
   top: 686px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape2
{
   left: 291px;
   top: 1452px;
   visibility: visible;
   display: inline;
   margin: 0;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) and (orientation: portrait)
{
div#container
{
   width: 1024px;
}
body
{
   background-color: #000000;
   background-image: none;
}
#wb_Image10
{
   left: 2px;
   top: 0px;
   width: 1024px;
   height: 1536px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 844px;
   top: 848px;
   width: 34px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 370px;
   top: 398px;
   width: 289px;
   height: 571px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_MediaPlayer2
{
   left: 685px;
   top: 476px;
   width: 253px;
   height: 454px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image9
{
   left: 905px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image7
{
   left: 654px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer3
{
   left: 41px;
   top: 420px;
   width: 318px;
   height: 502px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image5
{
   left: 317px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image8
{
   left: 62px;
   top: 797px;
   width: 51px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image6
{
   left: 285px;
   top: 860px;
   width: 28px;
   height: 38px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html1
{
   left: 104px;
   top: 252px;
   width: 181px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 431px;
   top: 417px;
   width: 15px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 137px;
   top: 581px;
   width: 207px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Shape1
{
   left: 136px;
   top: 686px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape2
{
   left: 291px;
   top: 1452px;
   visibility: visible;
   display: inline;
   margin: 0;
}
}
@media only screen and (max-width: 1023px) and (orientation: portrait)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #000000;
   background-image: none;
}
#wb_Image10
{
   left: 0px;
   top: 0px;
   width: 480px;
   height: 720px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 399px;
   top: 398px;
   width: 34px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 174px;
   top: 200px;
   width: 140px;
   height: 259px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_MediaPlayer2
{
   left: 322px;
   top: 223px;
   width: 130px;
   height: 236px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image9
{
   left: 431px;
   top: 380px;
   width: 28px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image7
{
   left: 302px;
   top: 367px;
   width: 28px;
   height: 49px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer3
{
   left: 29px;
   top: 175px;
   width: 133px;
   height: 298px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image5
{
   left: 145px;
   top: 381px;
   width: 20px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image8
{
   left: 29px;
   top: 379px;
   width: 22px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image6
{
   left: 124px;
   top: 393px;
   width: 21px;
   height: 28px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html1
{
   left: 104px;
   top: 252px;
   width: 181px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 431px;
   top: 417px;
   width: 15px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 137px;
   top: 581px;
   width: 207px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Shape1
{
   left: 136px;
   top: 686px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape2
{
   left: 291px;
   top: 1452px;
   visibility: visible;
   display: inline;
   margin: 0;
}
}
/* ===== Gate-label glow on hover ===== */
.gate-glow{
  position:fixed; pointer-events:none; opacity:0;
  transition:opacity .55s ease; mix-blend-mode:screen;
  filter:blur(5px); z-index:15;
}
#glow-horror { background:radial-gradient(ellipse at center, rgba(255,80,45,.95)  0%, rgba(255,80,45,0)  70%); }
#glow-fantasy{ background:radial-gradient(ellipse at center, rgba(120,180,255,.98) 0%, rgba(120,180,255,0) 70%); }
#glow-jinn   { background:radial-gradient(ellipse at center, rgba(255,175,70,.95)  0%, rgba(255,175,70,0)  70%); }
body:has(#wb_MediaPlayer3:hover) #glow-horror,
body:has(#wb_MediaPlayer1:hover) #glow-fantasy,
body:has(#wb_MediaPlayer2:hover) #glow-jinn{
  opacity:1; animation:gateLabelPulse 2.4s ease-in-out infinite;
}
@keyframes gateLabelPulse{ 0%,100%{opacity:.78;} 50%{opacity:1;} }

/* invisible clickable boxes over the social icons */
.ww-link{ position:fixed; z-index:20; display:block; cursor:pointer; }
.ww-link::before{
  content:""; position:absolute; inset:-25%; border-radius:20%;
  background:radial-gradient(circle at center, rgba(255,205,140,.95) 0%, rgba(255,205,140,0) 40%);
  mix-blend-mode:screen; filter:blur(3px);
  opacity:0; transition:opacity .15s ease; pointer-events:none;
}
.ww-link:hover::before{ opacity:1; }