*{box-sizing:border-box;}html{overflow-x:hidden;}body{font-family:sans-serif;font-style:normal;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed;color:white;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;margin:auto;width:100% !important;height:100% !important;}a{text-decoration:none;}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;}.particle{position:absolute;background:rgba(255,255,255,0.1);border-radius:50%;animation:float 6s ease-in-out infinite;}.particle:nth-child(1){width:80px;height:80px;left:10%;animation-delay:0s;}.particle:nth-child(2){width:120px;height:120px;left:20%;animation-delay:-2s;}.particle:nth-child(3){width:100px;height:100px;left:35%;animation-delay:-4s;}.particle:nth-child(4){width:60px;height:60px;left:50%;animation-delay:-1s;}.particle:nth-child(5){width:90px;height:90px;left:70%;animation-delay:-3s;}.particle:nth-child(6){width:110px;height:110px;left:85%;animation-delay:-5s;}@keyframes float{0%,100%{transform:translateY(100vh) rotate(0deg);opacity:0;}10%{opacity:1;}90%{opacity:1;}50%{transform:translateY(-10vh) rotate(180deg);}}header{position:fixed;top:0;width:100%;padding:2px 50px;background:rgba(0,0,0,0.2);backdrop-filter:blur(10px);z-index:100;transition:all 0.3s ease;box-sizing:border-box;}nav{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1400px;}.logo img{width:160px;height:100px;}.nav-menu{display:flex;list-style:none;gap:2rem;}.nav-menu a,.bottom-nav-menu a{color:#64ffda;text-decoration:none;transition:all 0.3s ease;position:relative;}.bottom-nav-menu{padding:0;}.nav-menu a:hover{color:#64ffda;text-shadow:0 0 10px #ff6b6b;}.nav-menu a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#64ffda;transition:width 0.3s ease;}.nav-menu a:hover::after{width:100%;}.menu-toggle{display:none;flex-direction:column;cursor:pointer;}.menu-toggle span{height:3px;width:25px;background:#64ffda;margin:4px 0;transition:0.3s;}@media (max-width:768px){.menu-toggle{display:flex;}.logo img{width:130px;height:80px;}.nav-menu{position:absolute;top:100px;left:0;width:100%;padding:20px 0;background:rgba(0,0,0,0.804);backdrop-filter:blur(10px);flex-direction:column;align-items:center;display:none;}.nav-menu.show{display:flex;z-index:99999 !important;}}.game-card.highlight{outline:3px solid #e9d8a6;border-radius:12px;animation:glow 0.6s ease-in-out;}@keyframes glow{0%{transform:scale(1);}50%{transform:scale(1.03);}100%{transform:scale(1);}}.search-wrapper{display:flex;justify-content:center;margin:20px 0;margin-left:-20px;}.search-box{position:relative;width:80%;}.search-box input{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;font-size:16px;}.search-icon{position:absolute;left:100%;top:50%;transform:translateY(-50%);font-size:18px;color:#888;}#searchResultsContainer{padding:10px;width:100%;border-radius:12px;}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px;}mark{background-color:yellow;color:black;padding:0 2px;border-radius:3px;}@media (max-width:1020px){.search-box{display:none;}header{justify-content:space-between;padding:10px 20px;}}.search-box:focus-within{border-color:#94d2bd;}main{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;margin-top:100px;}.main-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;}@media (max-width:1400px){.main-container{display:block;width:100%;}.search-wrapper{display:none;}.affiliateBg img{width:100%;border-radius:0 !important;margin-top:0 !important;}}@media (max-width:1260px){.wtskora_side_rail_right,.wtskora_side_rail_left{display:none;overflow:hidden;}}.cta-button{font-family:"DynaPuff",system-ui;font-optical-sizing:auto;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;padding:15px 40px;font-size:1.2rem;color:white;border-radius:50px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.3);}.cta-button:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.4);}.game-categories{padding:10px 30px 30px;background:rgb(255 255 255 / 15%);border-radius:20px;border:1px solid #ffffff3d;margin:20px 0;}.section-title{text-align:center;font-size:2rem;margin:10px 0;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate;}@keyframes glow{from{text-shadow:0 0 20px rgba(255,107,107,0.5);}to{text-shadow:0 0 30px rgba(78,205,196,0.8);}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-width:1400px;width:100%;margin:0 auto;}.category-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;padding:10px;text-align:center;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2);position:relative;overflow:hidden;display:flex;gap:10px;justify-content:space-evenly;align-items:center;}.category-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);transform:rotate(45deg);transition:all 0.6s ease;opacity:0;}.category-card:hover::before{animation:shimmer 1.5s ease-in-out;}@keyframes shimmer{0%{transform:rotate(45deg) translateX(-100%);opacity:0;}50%{opacity:1;}100%{transform:rotate(45deg) translateX(100%);opacity:0;}}.category-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.3);background:rgba(255,255,255,0.15);}.category-icon{font-size:1.3rem;margin:0;display:block;}.category-card h3{font-size:1.3rem;margin:0;color:#4ecdc4;}.category-card p{opacity:0.8;line-height:1.6;}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.5rem;max-width:1400px;margin-top:10px;}.game-card{background:rgba(255,255,255,0.1);border-radius:15px;overflow:hidden;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;}.game-card a{width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}.game-card:hover{transform:scale(1.01);box-shadow:0 10px 20px rgba(0,0,0,0.3);border:2px solid #f2f0f0b8;}.game-image{border-radius:10px;background:#c5c5c5a8;background-size:400% 400%;animation:gradientShift 4s ease infinite;display:flex;align-items:center;justify-content:center;font-size:3rem;color:white;position:relative;}.img-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}.img-spinner::after{content:"";width:28px;height:28px;border:3px solid rgba(255,255,255,0.25);border-top-color:#00e676;border-radius:50%;animation:spin 0.9s linear infinite;}.game-image img.loaded{opacity:1;}.game-image img.loaded+.img-spinner,.game-image img.loaded~.img-spinner{display:none;}@keyframes spin{to{transform:rotate(360deg);}}.popup-overlay{width:100%;position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);z-index:9999;}.popup-overlay.active{display:flex;}.popup-box{background:#fff;padding:24px;border-radius:18px;text-align:center;position:relative;}.oops-img{width:100px;margin:-70px auto 10px;display:block;}.popup-title{font-size:16px;color:#333;margin:12px 0 6px;}.popup-subtitle{font-size:18px;color:#000;margin-bottom:18px;}.claim-btn{width:100%;padding:14px;border-radius:30px;border:none;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2f6df6,#3f7bff);cursor:pointer;box-shadow:0 8px 18px rgba(47,109,246,0.45);}.claim-btn:active{transform:scale(0.98);}.skip-btn{background:none;border:none;margin-top:14px;font-size:16px;color:#666;cursor:pointer;text-decoration:underline;}.ad-label{position:absolute;right:20px;bottom:110px;font-size:12px;color:#999;}.game-image img{z-index:999;width:165px;height:110px;border-radius:10px;border:2px solid #fff;background-size:cover;}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.section-title{text-align:center;font-size:2rem;margin:10px 0;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate;}@keyframes glow{from{text-shadow:0 0 20px rgba(255,107,107,0.5);}to{text-shadow:0 0 30px rgba(78,205,196,0.8);}}.game-info{padding:0.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;}h2{font-size:1rem;margin-bottom:0.3rem;color:#ffeb3b;}.game-info h3{font-size:0.8rem;margin:0.5rem 0;color:#64ffda;}.play-button{background:linear-gradient(45deg,#ff0000,#8a2424);padding:10px;color:white;font-size:1.2rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all 0.3s ease;width:165px;border:2px solid #fff;}.play-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.3);}footer{background:rgba(0,0,0,0.3);padding:20px 60px;text-align:center;backdrop-filter:blur(10px);margin-top:20px;}footer p{font-size:1rem;margin:10px auto;max-width:1000px;}.footer-content{display:flex;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;}.content-pages{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}.content-pages h4{font-size:1rem;margin:5px 0;}.bottom-logo{display:flex;flex-direction:column;align-items:flex-start;}.bottom-logo img{width:80px;height:50px;}.bottom-logo p{font-size:0.8rem;text-align:start;margin:0;max-width:400px;}.bottom-nav-menu{display:flex;flex-direction:column;align-items:flex-start;list-style:none;font-size:0.8rem;margin:0;}.footer-contact{max-width:500px;display:flex;flex-direction:column;align-items:flex-start;}.footer-contact form{display:flex;}.footer-contact h3{margin:0;font-size:1rem;color:#ff6b6b;}.footer-contact input,.footer-contact textarea{width:100%;padding:10px;border:none;border-radius:5px;}.footer-contact button{padding:10px;width:200px;background-color:#4ecdc4;color:#121212;border:none;border-radius:5px;cursor:pointer;font-weight:bold;}.footer-contact button:hover{background-color:#20baaf;}@media (max-width:1025px){.bottom-logo p{max-width:100% !important;}.footer-content{flex-direction:column;width:100%;align-items:flex-start;}.bottom-nav-menu{justify-content:flex-start;}.footer-contact{margin-top:20px;}footer{padding:20px;}}@media (max-width:768px){header{padding:15px 20px;}.nav-links{gap:15px;}.hero-content h1{font-size:2.5rem;}.hero-content p{font-size:1.2rem;}.section-title{font-size:2.6rem;}.category-card h3{font-size:0.8rem;}}@media (max-width:451px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));}}@media (max-width:375px){.section-title{font-size:1.8rem;}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity 0.5s ease;}.loading.hide{opacity:0;pointer-events:none;}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,0.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.contentPage-main{display:flex;justify-content:center;align-items:center;}.contentPage-container{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:1400px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.2);position:relative;overflow:hidden;animation:slideUp 0.8s ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:start;}.contentPage-container h3{color:#2dfff0;font-size:1.5rem;margin:auto 0;font-weight:400;}.affiliateBg img{width:100%;border-radius:20px;margin-top:50px;}.mb-3{margin:10px 0 20px 0;font-size:1rem;}.mb-3 a{color:#02ffed;}p{font-size:1.2rem;}a{text-decoration:none;}.wtskora_banner_top,.wtskora_banner_mid,.wtskora_banner_bottom{display:flex;flex-direction:column;width:100% !important;max-width:1400px;min-height:300px;justify-content:center;align-items:center;border:1px solid #ffffff57;overflow:visible;margin:10px 0;}iframe[width="0px"][height="0px"],iframe[width="0"][height="0"]{position:absolute !important;top:-1000px !important;left:-1000px !important;width:0 !important;height:0 !important;border:none !important;opacity:0 !important;pointer-events:none !important;visibility:hidden !important;}