@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;400;500;700;800&display=swap";@import"https://fonts.cdnfonts.com/css/surprisedmonkey";:root{font-family:Inter,sans-serif;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-grey: rgba(128, 128, 128, .1);--color-lightgreen: lightgreen;--color-mute: #ffffff24;--color-black: #111111;--color-white: #ffffff;--color-dark: #222222;--color-spring: #E0FCED;--color-light: #5CB4F3;--color-soft: #67D3F3;--color-primary: #0177D9;--color-hover: #000F52;--color-common: #A0A0A0;--color-success: #3CB371;--color-epic: #8A2BE2;--color-danger: #DC143C;--color-test: #A0A0A0;--color-test: #0177D9;--color-test: #3CB371;--color-test: #8A2BE2;--color-test: #DC143C;color:var(--color-white);background-color:var(--color-light)}body{margin:0;padding:0;background:linear-gradient(#00000080),url(/background.png);background-size:cover;background-position:top;background-attachment:fixed}#app{display:flex;flex-direction:column;width:100%;margin:0 auto;min-height:100dvh}appKit-button{zoom:85%}.maintenance{display:flex;justify-content:center;place-items:center;min-height:100dvh;font-size:2em;font-weight:700}.bg-grid{background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:1em 1em}.topbar-card{background-color:var(--color-dark);padding:.25em;border-radius:.5em;display:flex;align-items:center;width:100%;max-width:24em;gap:.5em}.topbar-card div{width:100%;display:flex;align-items:center;gap:.5em}.topbar-card div span{color:var(--color-primary);background-color:var(--color-black);width:100%;text-align:end;padding:.5em;border-radius:.5em;display:flex;justify-content:space-between;align-items:center;font-size:.75em}.topbar-card div span img{width:1.5em;height:1.5em}button{width:100%;font-weight:700;color:var(--color-white);background-color:var(--color-primary);border-radius:.5em;border:none;padding:.75em 0;cursor:pointer;transition:all .3s ease}button:hover{color:var(--color-primary);background-color:var(--color-white)}.app-content{padding:.5em}@media screen and (min-width: 1024px){.app-content{margin-left:16em}appKit-button{margin-right:0}}.blur-circle{position:fixed;width:16em;height:16em;background:radial-gradient(circle,#5cb4f328,#0177d928);border-radius:50%;filter:blur(80px);pointer-events:none}.circle-1{top:25%;left:20em;width:24em;height:24em;transform:translate(-50%,-50%)}.circle-2{top:75%;left:85%;width:24em;height:24em;transform:translate(-50%,-50%)}nav{display:flex;justify-content:space-between;align-items:center;padding:.5em .5em 0;margin-top:.5em}#sidebar-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;height:2em;width:2em;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:.5em;z-index:11}.sidebar{position:fixed;top:0;left:0;width:95%;max-width:16em;height:100dvh;color:var(--color-light);background-color:var(--color-dark);padding:1em;transform:translate(-100%);transition:transform .3s ease-in;display:flex;flex-direction:column;z-index:10;box-sizing:border-box;border-top:none;border-bottom:none;border-left:none;border-top-right-radius:1em;border-bottom-right-radius:1em}.sidebar.open{transform:translate(0)}.sidebar hr{width:100%;margin:.1em;border-color:var(--color-grey)}.sidebar .title{display:flex;flex-direction:column;align-items:center;margin-top:2em;margin-bottom:1em;background:linear-gradient(90deg,#0ff,#08f,#0ff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 24px var(--color-primary);font-family:Surprisedmonkey,sans-serif}.sidebar .subtitle{font-weight:lighter;font-size:.75em;background:var(--color-white);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.sidebar img{width:2em;height:2em}.sidebar .leaf{width:1em;height:1em}.sidebar span{font-weight:700;font-size:1.5em;color:var(--color-primary)}.sidebar a{display:flex;align-items:center;padding:.75em;font-size:.85em;border-radius:.5em;transition:background-color .3s ease;cursor:pointer;text-decoration:none;color:var(--color-light);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sidebar a:hover{color:var(--color-primary);background-color:var(--color-dark)}.sidebar a img{width:1em;height:1em}.sidebar .footer-content{margin-top:auto;display:flex;flex-direction:column;text-align:center;place-items:center}.sidebar .footer-content p{font-size:.5em;font-weight:lighter}@media screen and (min-width: 1024px){nav{justify-content:end}#sidebar-btn{display:none}.sidebar{transform:translate(0)}}.mint-content{display:flex;justify-content:start;flex-wrap:wrap;padding:1em;gap:.5em}.mint-content div{background-color:var(--color-black);width:100%;height:100%;max-width:24em;padding:.75em;border-radius:1em;text-align:start;color:var(--color-white);font-weight:700;box-sizing:border-box;border:solid;border-color:var(--color-dark)}.mint-content div img{width:100%;height:100%;border-radius:1em}.mint-content div .stamina{width:24em;max-width:100%;border:solid;border-width:.1em;border-color:var(--color-grey);border-radius:1em;padding:.5em;font-size:.75em;font-weight:lighter;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.mint-content div .stamina .logo{width:1em;height:1em;margin-left:.5em;margin-right:.5em}.mint-content .rank.common{filter:drop-shadow(2px 2px 28px var(--color-common))}.mint-content .rank.primary{filter:drop-shadow(2px 2px 28px var(--color-primary))}.mint-content .rank.success{filter:drop-shadow(2px 2px 28px var(--color-success))}.mint-content .rank.epic{filter:drop-shadow(2px 2px 28px var(--color-epic))}.mint-content .rank.danger{filter:drop-shadow(2px 2px 28px var(--color-danger))}@media screen and (min-width: 512px){.mint-content div{max-width:16em}}.account-card{background-color:var(--color-black);padding:1em;border-radius:1em;box-sizing:border-box;margin:.5em;font-size:.85em;border:solid;border-color:var(--color-dark)}.account-card hr{border-color:var(--color-mute)}.account-card:not(:first-child){margin-top:1em}.account-card .balances{display:flex;justify-content:space-between}.account-card .balances:not(:first-child){margin-top:.75em}.account-card .balances span{width:100%}.account-card .balances span a{cursor:pointer;color:var(--color-primary);text-decoration:underline}.account-card .header{color:var(--color-mute)}.account-card .logo{width:1em;height:1em;margin-right:.5em}@media screen and (max-width: 512px){.account-card .balances{flex-direction:column;gap:.25em}}.referral-card{background-color:var(--color-black);padding:1em;border-radius:1em;box-sizing:border-box;margin:.5em;font-size:.85em;border:solid;border-color:var(--color-dark)}.referral-card hr{border-color:var(--color-mute)}.referral-card:not(:first-child){margin-top:1em}.referral-card .balances{display:flex;justify-content:space-between}.referral-card .balances:not(:first-child){margin-top:.75em}.referral-card .balances span{width:100%}.referral-card .balances span a{cursor:pointer;color:var(--color-primary);text-decoration:underline;font-size:.75em}.referral-card .header{color:var(--color-mute)}.referral-card .logo{width:1em;height:1em;margin-right:.5em}@media screen and (max-width: 512px){.referral-card .balances{flex-direction:column;gap:.25em}}.nft-content{display:flex;justify-content:start;flex-wrap:wrap;gap:1em;padding:.5em}.nft-content .nft-card{width:100%;height:100%;max-width:24em;background-color:var(--color-black);box-sizing:border-box;padding:.25em;border-radius:1em;text-align:center;border:solid;border-color:var(--color-dark)}.nft-content .nft-card.common{box-shadow:1px 1px 16px var(--color-common)}.nft-content .nft-card.primary{box-shadow:1px 1px 16px var(--color-primary)}.nft-content .nft-card.success{box-shadow:1px 1px 16px var(--color-success)}.nft-content .nft-card.epic{box-shadow:1px 1px 16px var(--color-epic)}.nft-content .nft-card.danger{box-shadow:1px 1px 16px var(--color-danger)}.nft-content .nft-card.working{opacity:60%}.nft-content .nft-card .content{width:100%;box-sizing:border-box;padding:.25em;border-radius:1em}.nft-content .nft-card .content hr{margin-right:25%;border-width:.25em}.nft-content .nft-card .content .portrait{width:100%;height:100%;box-sizing:border-box;animation:moveUpDown 2s infinite}.nft-content .nft-card .content .rank.common{border-color:var(--color-common);filter:drop-shadow(2px 2px 28px var(--color-common))}.nft-content .nft-card .content .rank.primary{border-color:var(--color-primary);filter:drop-shadow(2px 2px 28px var(--color-primary))}.nft-content .nft-card .content .rank.success{border-color:var(--color-success);filter:drop-shadow(2px 2px 28px var(--color-success))}.nft-content .nft-card .content .rank.epic{border-color:var(--color-epic);filter:drop-shadow(2px 2px 28px var(--color-epic))}.nft-content .nft-card .content .rank.danger{border-color:var(--color-danger);filter:drop-shadow(2px 2px 28px var(--color-danger))}.nft-content .nft-card .content .info{background-color:var(--color-grey);color:var(--color-white);font-weight:700;font-size:.75em;padding:.5em;border-radius:1em;box-sizing:border-box}.nft-content .nft-card .content .info .stamina{border:solid;border-width:.1em;border-color:var(--color-grey);border-radius:1em;padding:.5em .5em .5em .75em;display:flex;justify-content:start;flex-direction:row;flex-wrap:wrap;gap:.25em;margin-top:.5em}.nft-content .nft-card .content .info .stamina .empty{background-color:var(--color-white);padding:.3em;border-radius:.1em}.nft-content .nft-card .content .info .stamina .fill{background-color:var(--color-lightgreen);padding:.3em;border-radius:.1em}.nft-content .nft-card .content .info .row{display:flex;flex-direction:row;justify-content:space-between;gap:.25em}.play-btn{border-radius:1em;margin-top:.5em;display:flex;align-items:center;justify-content:center}.play-btn .logo{width:1em;height:1em;margin-left:.5em}.play-btn:hover{background-color:var(--color-success);color:var(--color-white)}.play-btn.selected{background-color:var(--color-danger);color:var(--color-white)}.play-btn:disabled{cursor:no-drop;background-color:var(--color-common)}#content_play{display:none;position:absolute;width:100dvw;height:100dvh;top:0;left:0;background-color:#000000bf;z-index:10}#content_play .road{position:relative;overflow:hidden}#content_play .road{position:absolute;box-sizing:border-box;width:95%;height:95%;max-width:36em;max-height:16em;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1em;border:solid;border-width:.5em;border-color:var(--color-dark);background:url(/road-1.png) repeat-x top left;background-size:cover;background-position:bottom;animation:moveBackground 8s linear infinite}#content_play .road .boost{position:absolute;max-width:25%;max-height:25%;bottom:5%;left:50%;transform:translate(-100%,-50%);animation:moveUpDownBoost 1s infinite}#content_play .road .avatar{position:absolute;max-width:25%;max-height:25%;bottom:5%;left:50%;transform:translate(-50%,-50%);animation:moveUpDownAvatar 1s infinite}@keyframes moveBackground{0%{background-position-x:360em}to{background-position-x:0px}}@keyframes moveUpDownAvatar{0%{transform:translate(-50%,-55%)}50%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-55%)}}@keyframes moveUpDownBoost{0%{transform:translate(-100%,-55%);filter:grayscale(0)}50%{transform:translate(-95%,-50%);filter:grayscale(.5)}to{transform:translate(-100%,-55%);filter:grayscale(0)}}@keyframes moveUpDown{0%{transform:translateY(-1em)}50%{transform:translateY(0)}to{transform:translateY(-1em)}}@keyframes Growing{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media screen and (min-width: 512px){.nft-content .nft-card{max-width:16em}#content_play .road{max-height:24em}}.vesting-card{background-color:var(--color-black);padding:1em;border-radius:1em;box-sizing:border-box;margin:.5em;font-size:.85em;border:solid;border-color:var(--color-dark)}.vesting-card hr{border-color:var(--color-mute)}.vesting-card:not(:first-child){margin-top:1em}.vesting-card .balances{display:flex;justify-content:space-between}.vesting-card .balances:not(:first-child){margin-top:.75em}.vesting-card .balances span{width:100%}.vesting-card .balances span a{cursor:pointer;color:var(--color-primary);text-decoration:underline;font-size:.75em}.vesting-card .header{color:var(--color-mute)}.vesting-card .logo{width:1em;height:1em;margin-right:.5em}.vesting-button{padding:.5em;max-width:75%}@media screen and (max-width: 512px){.vesting-card .balances{flex-direction:column;gap:.25em}.vesting-button{max-width:100%}}