/* gks-anim.css - one-time entrance animations (transform/opacity only, no infinite loops) */
@keyframes gksUp{from{opacity:0;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes gksPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes gksSlide{from{opacity:0;transform:translate3d(-16px,0,0)}to{opacity:1;transform:none}}
html body .page-content:not(.hidden){animation:gksUp .45s cubic-bezier(.2,.8,.2,1) both!important}
html body .page-content:not(.hidden) .panel-card,html body .page-content:not(.hidden) .history-card,html body .page-content:not(.hidden) .statCard,html body .page-content:not(.hidden) .glass,html body .page-content:not(.hidden) .deposit-item,html body .page-content:not(.hidden) .reseller-card,html body .page-content:not(.hidden) .profile-stat{animation:gksUp .5s cubic-bezier(.2,.8,.2,1) both}
html body .page-content:not(.hidden) :is(.panel-card,.history-card,.statCard,.deposit-item,.profile-stat):nth-child(1){animation-delay:.04s}
html body .page-content:not(.hidden) :is(.panel-card,.history-card,.statCard,.deposit-item,.profile-stat):nth-child(2){animation-delay:.10s}
html body .page-content:not(.hidden) :is(.panel-card,.history-card,.statCard,.deposit-item,.profile-stat):nth-child(3){animation-delay:.16s}
html body .page-content:not(.hidden) :is(.panel-card,.history-card,.statCard,.deposit-item,.profile-stat):nth-child(4){animation-delay:.22s}
html body .page-content:not(.hidden) :is(.panel-card,.history-card,.statCard,.deposit-item,.profile-stat):nth-child(n+5){animation-delay:.28s}
html body .profile-avatar{animation:gksPop .6s cubic-bezier(.2,1.4,.4,1) both}
html body .gksPosters{animation:gksPop .6s ease both}
html body #promo-container .promo-card{animation:gksSlide .5s ease both}
html body .modal,html body .promo-popup-card,html body #gks-ban .bx{animation:gksPop .35s cubic-bezier(.2,1.3,.4,1) both}
html body .btn,html body button{transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
html body .btn:active,html body button:active{transform:scale(.96)}
html body .panel-card,html body .history-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
@media(hover:hover){html body .panel-card:hover,html body .history-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){html body *{animation-duration:.01ms!important;animation-delay:0s!important}}