/** * DragonsPix - Critical CSS (Anti-FOUC) * Loads first to prevent flashes and keep loader/backdrop consistent. */html,body{margin:0;padding: 0;min-height: 100vh;min-height: calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background: #070B24;}body.nft-auth-page,body.login-page,body.register-page{background: #050720 !important;}body::before{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #070B24;z-index: -1;}body.nft-auth-page::before,body.login-page::before,body.register-page::before{background: #050720;}.main-content,.auth-main,.container,.container-fluid{background: transparent;}#preloader{position: fixed;inset: env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) 0;width: 100%;height: 100%;background: #070B24;display: flex;align-items: center;justify-content: center;z-index: 9999;transition: opacity 0.3s ease-out;}body.nft-auth-page #preloader,body.login-page #preloader,body.register-page #preloader{background: #050720;}#preloader.fade-out{opacity: 0;pointer-events: none;}#loading-center{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}#loading-center-absolute{display: flex;align-items: center;justify-content: center;gap: 12px;}.object{width: 18px;height: 18px;border-radius: 50%;background: linear-gradient(135deg,#6644EC,#DF39FD);animation: bounce 1.4s infinite ease-in-out both;}.object#object_one{animation-delay: -0.32s;}.object#object_two{animation-delay: -0.16s;}.object#object_three{animation-delay: 0s;}@keyframes bounce{0%,80%,100%{transform: scale(0.2);opacity: 0.5;} 40%{transform: scale(1);opacity: 1;}body.overflow-hidden .sidebar,body.overflow-hidden .main-content:not(#preloader){opacity: 0;transition: opacity 0.4s ease-in-out;}body.overflow-hidden.loaded .sidebar,body.overflow-hidden.loaded .main-content{opacity: 1;}body.nft-auth-page .auth-main,body.login-page .auth-main,body.register-page .auth-main{opacity: 1 !important;visibility: visible !important;}*{scrollbar-color: #6644EC #070B24;}*::-webkit-scrollbar{width: 12px;height: 12px;}*::-webkit-scrollbar-track{background: #070B24;}*::-webkit-scrollbar-thumb{background: linear-gradient(135deg,#6644EC,#DF39FD);border-radius: 6px;}*::-webkit-scrollbar-thumb:hover{background: linear-gradient(135deg,#DF39FD,#6644EC);}html{overflow-x: hidden;}body.overflow-hidden{overflow: hidden;}@media (max-width: 768px){body::before{background-attachment: fixed;background-size: cover;}