/** * 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 .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:-.32s}
.object#object_two{animation-delay:-.16s}
.object#object_three{animation-delay:0s}
@keyframes bounce{0%,80%,100%{transform:scale(.2);opacity:.5}40%{transform:scale(1);opacity:1}}
body.overflow-hidden .sidebar,body.overflow-hidden .main-content:not(#preloader){opacity:0;transition:opacity .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}}