body,h1,h2,h3,h4,h5,h6,p,a,li,nav,.navbar-brand,.nav-link,.footer,.about-us-text{font-family:Orbitron,sans-serif!important;font-weight:700!important}.background{background-image:url(//images/auth-bg.jpg);background-size:cover;width:50%;height:90vh;margin:auto}#main{background:0 0}canvas{z-index:-99;position:fixed;top:0;left:0}.wrapper{background:rgba(177,195,226,.5);border-radius:5px;width:100%;height:100%;box-shadow:0 4px 10px 1px rgba(0,0,0,.1)}.wrapper .title{color:#fff;background:radial-gradient(#a4b9d5,rgba(164,185,213,.8));border-radius:5px 5px 0 0;justify-content:center;align-items:center;height:90px;font-size:30px;font-weight:600;display:flex}.wrapper .title span{text-align:center;cursor:pointer;flex:1;height:100%;line-height:90px;transition:all .3s}.wrapper .title span:hover{background:rgba(255,255,255,.3)}.wrapper .form{padding:30px 25px 25px}.wrapper .form .row{height:45px;margin-bottom:15px;position:relative}.wrapper .form .row input{color:#fff;background:#b1c3e2;border:1px solid #d3d3d3;border-radius:5px;outline:none;width:100%;height:100%;padding-left:60px;font-size:16px;transition:all .3s}.form .row input:focus{border-color:#a4b9d5;box-shadow:inset 0 0 2px 2px rgba(26,188,156,.25)}.form .row input::placeholder{color:#fff}.wrapper .form .row i{color:#fff;background:#c5d8f9;border:1px solid #c5d8f9;border-radius:5px 0 0 5px;justify-content:center;align-items:center;width:47px;height:100%;font-size:18px;display:flex;position:absolute}.wrapper .form .pass{margin:-8px 0 20px}.wrapper .form .pass a{color:#16a085;font-size:17px;text-decoration:none}.wrapper .form .pass a:hover{text-decoration:underline}.wrapper .form .button{justify-content:center}.wrapper .form .button input{cursor:pointer;background-color:transparent;border:none;width:50%;height:100%}.wrapper .form .signup-link{text-align:center;margin-top:20px;font-size:17px}.wrapper .form .signup-link a{color:#16a085;text-decoration:none}.form .signup-link a:hover{text-decoration:underline}.ui{height:85vh;position:relative}.mainButton{color:#fff;border:none;width:300px;height:100px;margin:30px;padding:10px;font-size:20px;position:absolute}.mainButton span{position:relative}#tradeBtn{background:url(/images/luMainButton.png) 0 0/100% 100% no-repeat;top:0;left:0}#tradeBtn span{top:5px}#itemsBtn{background:url(/images/lbMainButton.png) 0 0/100% 100% no-repeat;bottom:0;left:0}#itemsBtn span{top:-4px}#searchBtn{background:url(/images/ruMainButton.png) 0 0/100% 100% no-repeat;top:0;right:0}#searchBtn span{top:5px}#accountBtn{background:url(/images/rbMainButton.png) 0 0/100% 100% no-repeat;bottom:0;right:0}#accountBtn span{top:-4px}#chatBtn{background:url(/images/centerMainButton.png) 0 0/100% 100% no-repeat;bottom:0;left:50%;transform:translate(-50%)}#chatBtn span{top:-5px}.backBtn{cursor:pointer;background:url(/images/ruMainButton.png) 0 0/100% 100% no-repeat;margin:0;font-size:17px}.backBtn span{top:5px}.glassWrapper{width:100%;margin:auto;position:relative}.glassBackdrop{filter:blur(10px);z-index:0;background:rgba(0,0,0,.4);border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}.box{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(160%);color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:20px;width:100%;max-width:1000px;padding:30px;position:relative;box-shadow:0 0 30px rgba(0,0,0,.4)}td img{width:50px;height:50px}.gems{border-top:none}.gems li{padding:0 5px;display:inline-block}li img{width:50px;height:50px}ul{text-align:center;color:#0ff;margin:0}.tabContainer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}.tab{cursor:pointer;letter-spacing:.3px;color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;justify-content:center;align-items:center;min-width:120px;margin:0;padding:.75rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.1),inset 0 -1px rgba(0,0,0,.05)}.tab.active:hover{background:linear-gradient(145deg,#fff 0%,rgba(240,248,255,.95) 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,251,250,.5),0 4px 15px rgba(0,251,250,.3),inset 0 1px rgba(255,255,255,.9)}.tab:hover:not(.active){background:linear-gradient(145deg,rgba(7,155,19,.9) 0%,rgba(0,251,250,.4) 50%,rgba(7,155,19,.9) 100%);border-color:rgba(0,251,250,.8);transform:translateY(-2px);box-shadow:0 8px 25px rgba(7,155,19,.4),0 4px 15px rgba(0,251,250,.2),inset 0 1px rgba(255,255,255,.2)}.tab:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.1),inset 0 -1px rgba(0,0,0,.1)}.tab:focus{outline:none;box-shadow:0 4px 16px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.2),inset 0 1px rgba(255,255,255,.1),inset 0 -1px rgba(0,0,0,.05)}.tab.active{color:#fff;text-shadow:none;background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(240,248,255,.9) 100%);border:2px solid #00fbfa;font-weight:700;position:relative;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,251,250,.4),0 2px 10px rgba(0,251,250,.2),inset 0 1px rgba(255,255,255,.8)}.tab.active:before{content:"";border-radius:var(--bs-border-radius);z-index:-1;opacity:.8;background:linear-gradient(45deg,#00fbfa,#079b13,#00fbfa);position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.tabContainer{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cardContainer{width:400px;height:600px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frontCard{width:100%;height:100%;position:absolute;top:0;left:0}.back-card{z-index:-1;width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;top:20px;left:20px}.card-button{width:8%;height:5%;position:absolute}.tl-button{top:3.5%;left:6.5%}.tr-button{top:3.5%;left:85%}.bl-button{top:91%;left:6%}.br-button{top:91%;left:86%}.cardImage{border-radius:30px;width:92%;height:85%;position:absolute;top:1%;left:4%}.cardName{color:#ff0;text-align:left;width:60%;font-size:18px;position:absolute;top:77%;left:6%}.cardDescription{color:#ff0;text-align:left;width:50%;height:10%;font-size:16px;position:absolute;top:82%;left:23%}.openBtn{cursor:pointer;color:#fff;z-index:1;background-color:transparent;background-repeat:no-repeat;border:none;outline:none;padding:10px 20px;font-size:48px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.video-frame{box-sizing:border-box;background-color:#000;width:100%;height:100%;padding:20px;position:absolute;top:0;left:0}video{border-radius:0}.glow-green{color:#fff;animation:1s ease-in-out infinite alternate glow-green}@keyframes glow-green{0%{text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,0 0 20px #0f0,0 0 25px #0f0,0 0 30px #0f0,0 0 35px #0f0}to{text-shadow:0 0 10px #0f0,0 0 15px #0f0,0 0 20px #0f0,0 0 25px #0f0,0 0 30px #0f0,0 0 35px #0f0,0 0 40px #0f0}}.chatBox{text-align:center;width:60vw;height:100%;margin:0 auto;padding:20px}.chatTable{background-color:rgba(112,99,99,.3)}.chatwrapper{justify-content:left;width:100%;height:50px;display:flex}.chatinput{color:#fff;background-color:transparent;border:none;width:100%;padding-left:15px;font-size:24px}.chatinput::placeholder{color:#fff}.chatwrapper button{color:#fff;background-color:transparent;border:none;font-size:24px}#worldChatBox{border-radius:10px;flex-direction:column;padding:20px;display:flex;background:rgba(112,99,99,.4)!important}#worldChatBox>.tabContainer{background:0 0!important}#changePasswordUI,#changeEmailUI{color:#fff;border-radius:10px;flex-direction:column;gap:12px;width:320px;height:auto;padding:20px;display:flex;position:absolute;top:20%;left:45%;background:rgba(112,99,99,.4)!important}label{font-size:14px;font-weight:600}input{border:1px solid #ccc;border-radius:5px;outline:none;width:100%;padding:10px;font-size:14px;transition:border-color .3s}input:focus{border-color:#007bff}#changepasswordbtn,#changeemailbtn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:5px;padding:10px;font-size:16px;transition:background .3s}#changepasswordbtn:hover,#changeemailbtn:hover{background:#0056b3}#shopUI{max-width:600px;margin:60px auto}#shopUI.hidden{display:none}.shop-card{-webkit-backdrop-filter:blur(25px)saturate(180%);color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:1.5rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}.shop-card:hover{box-shadow:0 16px 30px rgba(0,0,0,.4)}.shop-title{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(0,0,0,.25);border-radius:20px 20px 0 0;margin:-1.5rem -1.5rem 1rem;padding:.75rem;font-size:2rem;font-weight:700;box-shadow:inset 0 -1px 1px rgba(255,255,255,.1)}.shop-items{max-height:400px;padding:.5rem 0;overflow-y:auto}.shop-item{background:rgba(255,255,255,.07);border-radius:15px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.1)}.shop-item:hover{transform:scale(1.02);box-shadow:0 6px 18px rgba(0,0,0,.2)}.item-icon{color:#4dabf7;text-align:left;min-width:30px;font-size:2rem}.item-description{color:#f0f0f0;flex:1;font-size:1.1rem}.buy-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6);border:1.5px solid rgba(255,255,255,.4);border-radius:10px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.4)}.buy-button:hover{color:#fff;background-color:rgba(255,255,255,.15);transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.5)}.buy-button:active{background-color:rgba(255,255,255,.25);transform:scale(.98)}.shop-items.scrollable{scrollbar-width:thin;scrollbar-color:#4dabf7 rgba(255,255,255,.05)}.shop-items.scrollable::-webkit-scrollbar{width:8px}.shop-items.scrollable::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.shop-items.scrollable::-webkit-scrollbar-thumb{background-color:#4dabf7;border-radius:10px}.scrollableTable{height:50vh;margin-top:10px;margin-bottom:10px}#chatUI{position:absolute;left:30%}@media only screen and (max-width:1080px){#tradeBtn,#itemsBtn,#searchBtn,#accountBtn,#chatBtn{background:url(/images/centerMainButton.png) 0 0/100% 100% no-repeat;left:50%;transform:translate(-50%)}#tradeBtn{top:0}#itemsBtn{top:15%}#searchBtn{top:30%}#accountBtn{top:45%}#chatBtn{top:60%}#tradeBtn span,#itemsBtn span,#searchBtn span,#accountBtn span,#chatBtn span{top:-5px}#chatTitle{font-size:48px}}.box{-webkit-backdrop-filter:blur(20px)saturate(160%);color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:20px;width:90%;max-width:1000px;margin:40px auto;padding:0 30px 30px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.3)}.box h1{color:#fff;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.3);margin-bottom:20px;font-family:SF Pro Display,sans-serif;font-size:40px}.tabContainer{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.tab{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:10px;padding:10px 20px;font-weight:700;transition:all .3s}.tab.active,.tab:hover{background:rgba(255,255,255,.25);box-shadow:0 0 10px rgba(255,255,255,.3)}.tableFixHead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;height:50vh;max-height:400px;overflow-x:auto}.tableFixHead table{border-collapse:collapse;width:100%;min-width:600px}.tableFixHead th,.tableFixHead td{text-align:center;color:#fff;padding:12px 15px}.tableFixHead thead{z-index:1;background:rgba(255,255,255,.15);position:-webkit-sticky;position:sticky;top:0}.tableFixHead tbody tr{transition:background .3s}.tableFixHead tbody tr:hover{background:rgba(255,255,255,.1)}.tableFixHead input[type=number]{color:#fff;text-align:center;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:5px;width:100px;padding:5px}.buyBtn,.sellBtn,.removeListingBtn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 3px rgba(0,0,0,.6);border:2px solid #fff;border-radius:10px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.3)}.buyBtn:hover,.sellBtn:hover,.removeListingBtn:hover{background-color:rgba(255,255,255,.2);box-shadow:0 5px 14px rgba(0,0,0,.5)}.buyBtn{background:rgba(0,153,255,.85);border-color:#6cf}.buyBtn:hover{background:#09f;box-shadow:0 0 20px #6cf}.sellBtn{background:rgba(0,200,100,.85);border-color:#6f9}.sellBtn:hover{background:#00c864;box-shadow:0 0 20px #6f9}.removeListingBtn{background:rgba(255,80,80,.85);border-color:#f99}.removeListingBtn:hover{background:#ff5050;box-shadow:0 0 20px #f99}.gems{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;margin-bottom:2px;padding:0;font-size:18px;font-weight:700;list-style:none;display:flex}.gems li{background:rgba(0,0,0,.2);border-radius:12px;align-items:center;gap:5px;padding:0 10px 0 0;display:flex}@media (max-width:768px){.tabContainer{border-radius:0;align-items:center;gap:.5rem;margin-bottom:0;padding:15px}.tab{min-width:120px;padding:5px 15px;font-size:1rem}.box{border-radius:0}.box h1{margin-bottom:10px}.tableFixHead{border:none;border-radius:0}.tableFixHead table{min-width:unset}.tableFixHead th,.tableFixHead td{padding:8px;font-size:14px}.gems{border-top:1px solid rgba(255,255,255,.2);gap:6px;margin-top:0;margin-bottom:2px;padding-top:5px;font-size:16px}#shopUI{width:90%;max-width:1000px;margin:20px auto}}@media screen and (max-width:767px){.scrollableTable{height:30vh}#accountUI{display:none}#chatUI{z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:26%;left:0%;height:60%!important}.mobile-only{display:block}#chatUI{display:none}#accountUI-mobile{color:#fff;box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:5%;left:0}#changePasswordUI,#changeEmailUI{color:#fff;z-index:1000;border-radius:10px;flex-direction:column;gap:12px;width:320px;max-width:90%;height:auto;padding:20px;display:flex;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background:rgba(112,99,99,.4)!important}.header-section{justify-content:space-between;align-items:center;margin-top:80px;margin-bottom:30px;padding:10px 15px;display:flex}#username-mobile{margin:0;font-size:24px;font-weight:700}#playerID-mobile{word-break:break-all;text-align:right;max-width:60%;margin:0;font-size:14px}.buttons-container{flex-direction:column;gap:20px;margin-top:20px;padding:0 15px;display:flex}.mainButtoni{cursor:pointer;color:#fff;text-align:center;background:url(/images/ruMainButton-new.png) 0 0/100% 100% no-repeat;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;min-height:60px;padding:20px;font-size:18px;display:flex}.bottom-nav{justify-content:space-between;width:100%;padding:0 30px 0 15px;display:flex;position:fixed;bottom:20px}.world-chat,.right-controls{cursor:pointer;background-color:#333;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.world-chat img{width:30px;height:30px}#logoutBtn-mobile{color:#fff;text-align:center;background-color:#333;border:none;border-radius:5px;width:120px;padding:10px 20px;font-size:16px}.settings-icon{cursor:pointer;width:30px}#chatTitle{font-size:28px}.chatBox{width:100%}}@media (max-width:480px){.shop-title{font-size:1.5rem}.item-description{font-size:.9rem}.buy-button{padding:.5rem 1rem;font-size:.8rem}.shop-item{gap:.5rem}.shop-card{padding:1rem}.buyBtn,.sellBtn,.removeListingBtn{border-radius:8px;padding:.4rem .8rem;font-size:.8rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}}@media (max-width:450px){.cardContainer{box-sizing:border-box;width:300px;height:60vh;top:60%;left:50%;transform:translate(-50%,-50%)}.box{width:100vw}}@media (max-width:375px){.cardContainer{top:65vh}.mainButton{width:250px;height:85px}.mainButton span{font-size:16px}.box{width:100vw;margin-top:3rem}.box h1{font-size:36px}}.hidden{display:none!important}
