.Container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}#soundIcon{font-size:20px;transition:all 0.3s ease;padding:4px}#soundIcon:hover{transform:scale(1.1)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.bet-now-box{border:1.5px solid #ffe88a;background:#381f22;box-shadow:inset 0 0 10px #ffd84a;overflow:hidden;width:95%;margin:auto;text-align:center;border-left:none;border-right:none;/* fade sides */-webkit-mask-image:linear-gradient(to right,
              transparent 0%,
              rgba(0, 0, 0, 1) 20%,
              rgba(0, 0, 0, 1) 80%,
              transparent 100%);mask-image:linear-gradient(to right,
              transparent 0%,
              rgba(0, 0, 0, 1) 20%,
              rgba(0, 0, 0, 1) 80%,
              transparent 100%)}.game-card-wrapper{position:relative;width:100%;height:100%}.game-card{position:relative;width:100%;height:100%;border-radius:5px;overflow:hidden}/* ===== CASINO IMAGE CARD ===== */.casino-img-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2.5%;height:100%;border-radius:5px;background:#111}/* ===== ROTATING BORDER ===== */.casino-img-card::before{content:"";position:absolute;top:-150%;left:-150%;width:400%;height:400%;background:conic-gradient(#ff005e,
              #ffdd00,
              #444,
              #ebd43b,
              #ff005e);animation:casinoSpin 4s linear infinite;z-index:0}/* ===== CUT CENTER (BORDER EFFECT) ===== */.casino-img-card::after{content:"";position:absolute;inset:2.5px;border-radius:5px;z-index:1;background:#000}/* ===== IMAGE ===== */.casino-img{z-index:2;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}/* ===== ANIMATION ===== */@keyframes casinoSpin{to{transform:rotate(360deg)}}.game-title{position:absolute;bottom:5%;z-index:5;text-align:center;width:70%;pointer-events:none;animation:zoomPulse 1.6s ease-in-out infinite}/* Zoom animation */@keyframes zoomPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.notice-wrapper{position:relative;height:100%;width:80%;text-align:left;overflow:hidden}.notice-item{position:absolute;inset:0;color:white;font-size:14px;white-space:nowrap;transition:transform 0.4s ease,opacity 0.4s ease}#supportIcon{position:fixed;bottom:10%;right:4%;width:3.5rem;aspect-ratio:1/1;cursor:grab;z-index:99;touch-action:none}#supportIcon img{width:100%;pointer-events:none}.category-btn{width:90%;cursor:pointer}.category-frame{display:flex;flex-direction:column;align-items:center;width:100%;aspect-ratio:1/1;text-align:center}.category-icon{width:80%;aspect-ratio:1/1}.category-name{font-family:'JungleAdventurer';font-size:.8rem;pointer-events:none;width:100%;background:linear-gradient(to bottom, #ffd500 0%, #ffb300 30%, #ffae00 55%, #ffb702 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}/* Smooth base */.category-frame,.category-name{transition:all 0.35s ease}/* 🔥 ACTIVE FRAME */.category-btn.active .category-frame{border-color:#ffd977;animation:frameGlow 2s ease-in-out infinite}/* 🔥 ACTIVE TEXT */.category-btn.active .category-name{animation:textZoom 1.6s ease-in-out infinite}@keyframes textZoom{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes frameGlow{0%,100%{box-shadow:0 0 6px rgba(255, 190, 80, 0.4),inset 0 0 4px rgba(255, 200, 80, 0.3)}50%{box-shadow:0 0 14px rgba(255, 215, 120, 0.9),inset 0 0 8px rgba(255, 215, 120, 0.6)}}/* Optional click feedback */.category-btn:active{transform:scale(0.96)}.hot-fire{position:absolute;top:-10%;right:0%;width:17px;height:19px;z-index:4;pointer-events:none}