*{margin:0;padding:0;box-sizing:border-box;color-scheme:dark}.page{display:grid;grid-template-columns:auto auto auto 1fr 1fr 1fr auto auto auto;grid-template-rows:auto 1fr auto;grid-template-areas:"left left left header header header right right right" "left left left center center center right right right" "left left left center center center right right right" "left left left center center center right right right" "left left left footer footer footer right right right";width:100vw;height:100vh;font-family:Poppins,sans-serif;overflow:hidden;gap:20px}.logo{height:280px;width:280px;transition:transform 5s ease;z-index:1}.logo-loading{height:280px;width:280px;transition:transform 30s ease;animation:spin 6s infinite linear;position:"fixed";z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(960deg)}}.logo-banner{width:600px}@media (max-width: 768px){.slot{width:80px;height:80px}.logo-banner{width:80%}}@media (orientation: portrait){.page{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"header" "center" "footer" "left" "right"}.page-left,.page-right{width:100vw;height:50vh;transform:translate(-100%)}.page-left.active,.page-right.active{transform:translate(0)}.center-page-5{grid-area:center-page-5;width:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;height:350px}.page-center{width:100%;max-width:none;border-radius:0;position:fixed;left:0;right:0;top:0;bottom:0}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr)}body{overflow-x:hidden}.page-menu-button{height:100px;width:100px;transition:transform 5s ease;position:"fixed";z-index:1}.menu-button-explore{position:fixed;top:73%;left:50%;transform:translate(-50%)}.menu-button-equipment{position:fixed;top:73%;left:83%;transform:translate(-50%)}.menu-button-profile{position:fixed;top:73%;left:17%;transform:translate(-50%)}.menu-button-status{position:fixed;top:86%;left:17%;transform:translate(-50%)}.menu-button-inventory{position:fixed;top:86%;left:83%;transform:translate(-50%)}.page-menu-logo{position:"relative";max-width:60px}}.page-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-3;overflow:hidden}.login-button{display:flex;justify-content:center;align-items:center}.background{width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0}.background-stars-primary{width:100%;height:100%;position:fixed;z-index:-2;top:0;left:0}.background-smoke-primary{width:100%;height:100%;position:absolute;z-index:-2;top:0;left:0;opacity:.2}.slot{display:flex;grid-area:slot-grid;flex-direction:column;align-items:center;margin:5px;padding:10px;width:80px;height:80px;border:1px solid var(--primary-color);border-radius:15px;background-color:var(--background-color);position:relative;color:#0096bb33}.slot-small{display:flex;grid-area:slot-grid;flex-direction:column;align-items:center;margin:5px;padding:10px;width:80px;height:80px;border:1px solid var(--primary-color);border-radius:15px;position:relative;color:#1536ca33}@media (max-width: 768px){.slot{width:80px;height:80px}}