* {
cursor: url("cursor.png"), auto !important;
}

.minipadding {
  padding:12px;
}

    iframe {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
      opacity: 0;
      transition: opacity 0.5s ease;
    }

    iframe.visible {
      opacity: 1;
      z-index: 2;
    }

    iframe.hidden {
      opacity: 0;
      z-index: 1;
    }
	.gradientbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover; 
  z-index: -1;        
  pointer-events: none; 
	opacity: 0.6;
}
	@keyframes scroll {
  0% {
  background-position:0px 0px;
}
100% {
  background-position:500px -500px;
}
}

	@keyframes scrollchar {
  0% {
  background-position:0px 0px;
}
100% {
  background-position:2000px -2000px;
}
}
.winbox {
    background: linear-gradient(180deg, #f09e2b 0%, #3333ff 5%) !important;
    border-radius: 12px 12px 0 0;
	outline: 3px solid #3333ff;
	z-index: 9998;
  }
  
  .wb-title {
    font-family: "Tiny5", sans-serif;
	color: #FFD944;
  }
  
  .wb-min, .wb-max, .wb-full, .wb-close {
    background-size: 100% 100%;
    background-position: center center;
  }
  
  .wb-min {
    background-image: url(wb_min.png);
  }
  
  .wb-max {
    background-image: url(wb_max.png);
  }
  
  .wb-full {
    background-image: url(wb_full.png);
  }
  
  .wb-close {
    background-image: url(wb_close.png);
  }
  
  .wb-body {
    background-color: #fff5f4;
  }
  
  .wb-body {
    overflow: hidden;
  }
  
  .wb-body::-webkit-scrollbar {
    display: none;
  }
  
  .winbox .wb-body > div,
  .winbox .wb-body > a,
  .winbox .wb-body > div > a {
    width: 100%;
    display: block;
  }
  
  .winbox .wb-body img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
  
  .popup-content {
    background-color: #ffffff;
    padding: 20px;
    overflow: auto;
  }
  
  @media screen and (max-width: 1115px) {
    .winbox, .controls {
      display: none;
    }
  }

        .image-container {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #1a1a1a;
            overflow: hidden;
        }

        .image-container img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .controls {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 10000;
            background: rgba(51, 51, 255, 0.95);
            padding: 15px;
            border-radius: 15px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

        .controls button {
            display: block;
            width: 100%;
            margin: 5px 0;
            padding: 10px 15px;
            background: #FFCB00;
            color: #3333ff;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            font-size: 14px;
			font-family: Tiny5;
            transition: 0.3s ease;
        }

        .controls button:hover {
            transform: translateY(-8px);
        }
		
		.scrolltext-container {
		position: fixed;
            bottom: -15px;
			right: 25%;
  width: 50%;
  margin: 0 auto;
  overflow: hidden;
  background: #3333ff;
  padding: 10px 0;
  font-size: 1.1rem;
  border-radius: 8px;
  margin-bottom: 40px;
}

.scrolltext {
  display: inline-block;
  white-space: nowrap;
  animation: scrolltext 40s linear infinite;
  padding-left: 100%;
  font-family: Tiny5;
  color: #FFCB00;
}

@keyframes scrolltext {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

header {
  z-index: 9998 !important;
  height: 80px;
  margin: 10px !important;
  position: relative;
}

.nav_icon {
  display: none !important;
  text-align: center !important;
}
.nav_text {
  display: inline;
}

.index-logo {
  width: 20%;
  padding-left: 10px;
  max-width: 280px;
  min-width: 100px;
  height: auto;
  transition: 0.2 ease;
}

.index-logo:hover {
filter: brightness(5);
}

ul.nav_menu_ul {
  display: flex;
  position: absolute;
  right: 20px;
  bottom: 10px;
  margin: 0 !important; 
}

li.nav_menu_li {
  list-style: none;
  font-size: 25pt;
  margin: 8px !important;
  font-family: "Bowlby One SC", sans-serif;
}

.nav_menu_ul .nav_menu_li a {
  color: #0000ff;
  text-decoration: none;
  transition: 0.2s ease;
}

.nav_menu_ul .nav_menu_li a:hover {
  color: #0062ff;
}

.nav_toggle {
  display: none;
}

@media screen and (max-width: 1280px) {
  .winbox {
    transform: scale(0.65) translateY(-15%);
  }
}

@media screen and (max-width: 1200px) {
  .winbox {
    transform: scale(0.6) translateY(-17%);
  }
}

.slideshow-container { display: none; }

@media screen and (max-width: 1115px) {
  header {
    height: 60px;
    margin: 1px !important;
    padding-bottom: 10px !important;
  }
  
  .slideshow-container {
	   box-sizing: border-box;
	        display: block;
                position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
 margin: auto;
    max-height: 70%; 
	max-width: 70%; 
			aspect-ratio: 1 / 1;
			object-fit: cover;
			border: 1px solid #000;
            box-shadow: 0px 0px 15px rgba(133,14,0,0.55);
            border-radius: 20px;
            overflow: hidden;
        }

        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.7s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 48px;
            color: white;
            font-weight: bold;
        }

        .slide.active {
            opacity: 1;
        }

        .slide:nth-child(1) {
            background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/images/109595742_HmxRVCS0HpwSDF8.png);
			background-size: cover;
        }

        .slide:nth-child(2) {
            background-image: url(https://blog.sinproexe.net/img/MINDBLENDER.png);
			background-size: cover;
        }

        .slide:nth-child(3) {
            background-image: url(https://blog.sinproexe.net/img/this_tv_show_kinda_ass.png);
			background-size: cover;
        }

        .slide:nth-child(4) {
            background-image: url(https://blog.sinproexe.net/img/02_b2d.png);
			background-size: cover;
        }

        .slide:nth-child(5) {
            background-image: url(https://blog.sinproexe.net/img/detectivemetriya.png);
			background-size: cover;
        }

        .dots-container {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .dot.active {
            background: rgba(255, 255, 255, 1);
        }
  
  .scrolltext-container {
		position: fixed;
            top: -15px;
			bottom: -15px;
			right: 20px;
			 margin-top: 40px;
			 height: 18px;
  }


 .nav_menu_li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  font-size: 22pt;
  height: 100%;
  width: 100%;
  line-height: 1; 
  padding: 0;
}

.nav_icon {
  display: inline-block !important;
  font-size: 20pt;
  vertical-align: middle;
  line-height: 1;
}

.nav_text {
  display: none !important;
}

  
  .nav .nav_icon {
  }

  .nav {
	text-align: center !important;
    position: relative;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-width: 400px;
    height: 50px;
    background: linear-gradient(#3333ff 0%, #1f0ead 75%);
    border-radius: 30px;
    box-shadow: 0 10px 15px rgba(158, 58, 0, 0.5);
    border: 1px solid rgba(255, 240, 0, 0.8);
    padding: 0;
  }
  

.nav_icon {
  display: inline !important;
}
.nav_text {
  display: none;
}
.nav_menu_ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: static !important;
}


  .nav_menu_li {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
  }

  .nav_menu_li a {
    min-width: 1px; 
    min-height: 1px;
    display: block;
    font-weight: bold;
    color: white !important;
    text-decoration: none;
    height: 100%;
    line-height: 40px;
    padding: 0 7px;
    text-align: center;
    text-shadow: 0 0 2px #000;
  }

  .nav_toggle {
    display: none !important;
  }
  
  

  body {
    padding-bottom: 20px;
  }
}

body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
   content:url(favicon.png)
}

.tooltip-target {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}

.tooltip {
  z-index: 1200;
  position: absolute;
  background-color: var(--primary);
  color: var(--light);
  padding: 10px;
  border-radius: 15px;
  display: none;
  pointer-events: none;
  font-size: 12px;
  white-space: nowrap;
}

/* game */
    .iframe-container {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }

    .iframe-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none;
      opacity: 0;
      transition:
        opacity 0.5s ease,
        -webkit-mask-size 1.5s ease-in-out;
    }

    .iframe-wrapper iframe {
      -webkit-mask-image: url(favicon.png);
      -webkit-mask-size: 0%;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
    }

    .iframe-wrapper iframe.opened {
      opacity: 1;
      -webkit-mask-size: 500%;
    }
	
	

	

img {
  transition:0.5s;
-moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-user-drag: none;
 user-drag: none;
 -webkit-touch-callout: none;
}