.HomePage{display:flex;flex-direction:column;min-height:100vh;background-color:#000}.avatar-base,.hat{height:inherit}.hat{z-index:4}.boots,.pants,.shirt,.weapon{height:inherit}.weapon{z-index:3}.avatar-walk{position:absolute;flex-grow:1;display:inline-block;height:inherit;width:auto;top:44%;height:100%;margin-right:3em;animation:walk 1s infinite}@keyframes walk{0%,to{transform:translateY(-44%) rotate(3.6deg)}50%{transform:translateY(-44%) rotate(-3.6deg)}}.Credits{font-family:Pixelify Sans,serif;flex-direction:column;align-items:center;height:200px;max-width:500px;min-width:300px;background-color:#dfd9d030;border-radius:18px;font-size:14px;color:#464646}.Credits,.links{display:flex;width:100%}.links{justify-content:space-around;height:35px}.link{color:#6a5acd;height:25px;width:-moz-fit-content;width:fit-content}.Credits b,.Credits h4{color:#6a5acd;margin-top:.5em;margin-bottom:0}.LoginContainer{z-index:1;display:flex;flex-direction:column;align-items:center;position:fixed;height:250px;width:calc(100% - 30px);max-width:500px;min-width:300px;top:35%;left:50%;transform:translate(-50%,-50%);border-radius:18px;box-shadow:0 900px 0 1000vmax #8560573e;background-image:url(/assets/scenes/thefieldsoffrollicking.png);background-repeat:repeat-x;background-size:770%;background-position:0 100%;animation:scrollBackground 300s linear infinite}@keyframes scrollBackground{0%{background-position-x:0}to{background-position-x:100%}}.LoginContainer h1{margin-top:75px;color:#000;font-weight:400;font-style:normal;font-size:2.5em;justify-self:center;font-family:Pixelify Sans,serif;opacity:60%}.LoginContainer button,.LoginContainer select{font-family:Pixelify Sans,serif;height:40px;text-align:center;border:none;border-radius:5px;margin-top:10px;font-size:16px}.LoginContainer button{width:100px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s ease}.LoginContainer button:hover{background-color:#45a049}.UserLogOutContainer{display:flex;flex-direction:column;align-items:center;flex-shrink:0;font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;line-height:22px;font-size:19px;width:-moz-fit-content;width:fit-content;color:#9d9084}a.Logout-desktop{height:min-content}a.Logout-mobile{width:55px}.UserLogOutContainer button{font-family:Pixelify Sans,serif;font-weight:500;background-color:#9d9084;transition:.5s ease-out;width:7em;height:2em;box-sizing:border-box;border-radius:5px;border:none}.UserLogOutContainer button:hover{cursor:pointer;background-color:hsla(39,18%,84%,.8);transition:0s}.Logout-mobile{display:none}@media (max-width:800px){.Logout-desktop{display:none}.Logout-mobile{display:flex}.Logout-mobile button{display:flex;align-items:center;justify-content:center;font-size:2em;background-color:transparent;color:#9d9084;width:55px;height:55px;line-height:22px}}.NavBar{top:0;position:fixed;z-index:2;display:flex;width:100%;height:55px;background-color:#1f1815;padding-top:10px;padding-bottom:10px}.NavBar-item{flex:1 1;display:flex;align-items:center;justify-content:center}.Logo-box{width:max-content;min-width:-moz-fit-content;min-width:fit-content;height:inherit}.Logo,.Logo-small,.NavBar-logo{padding-top:.1em;color:#9d9084;font-family:Jacquard\ 12,serif;font-weight:500;font-style:normal;font-size:2.5em;margin:0}.NavBar-logo a,a{text-decoration:none}.Logo-small{display:none;width:55px}@media (max-width:800px){.Logo,.desktop-username{display:none}.Logo-small{display:flex;font-size:3em}}.NavLinks,.NavLinks-button,.button,a{display:flex;align-items:center;justify-content:center;height:55px}a,button{width:110px;padding:0}.NavLinks-button{font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:500;line-height:22px;font-size:26px;background-color:transparent;color:#1f1815;border:none;cursor:pointer;position:relative;text-align:center;z-index:1;width:90px;height:100%;padding:10px}.NavLinks a:hover:before{width:110px;background-color:hsla(39,18%,84%,.8);z-index:1;transition:none}.NavLinks a:before,.button:before{content:"";border-radius:5px;position:absolute;width:110px;height:55px;background-color:#9d9084;cursor:pointer;transition:.5s ease-in-out;z-index:1}.mobile-button{display:none;width:55px}@media (max-width:800px){.desktop-button{display:none}.mobile-button{display:flex}.NavLinks a:before,.NavLinks a:hover:before,.button:before{width:55px}}.Modal{z-index:10;display:flex;position:fixed;justify-content:center;top:35%;left:50%;transform:translate(-50%,-40%);height:75%;min-height:500px;max-width:850px;width:80%;box-shadow:0 0 0 50vmax rgba(0,0,0,.7);background-color:#f5f5f5;border:8px solid #554c49;border-radius:15px}.Modal-button{position:absolute;top:10px;left:10px;font-size:2em;height:1.5em;width:1.5em;z-index:101;border-radius:8px;border:none;cursor:pointer;box-shadow:3px 3px 0 #7d7d7d}.Modal-button:hover{background-color:#fff}.Modal-content{height:100%;width:100%;background-color:#dfd9d0;border-radius:8px}@media (max-width:750px){.Modal{top:37%;width:90%;height:85%}.Modal-content{height:-webkit-fill-available;height:fill;width:-webkit-fill-available;width:fill}}.avatar-editor-container{padding:0;margin:0;display:flex;text-align:center;justify-content:space-between;height:inherit;background-color:#dfd9d0;font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:600;font-size:22px;border-radius:15px}.avatar-display{position:fixed;justify-content:center;height:18em;bottom:6em;left:3em;width:auto;display:inline-block;pointer-events:none}.avatar-editor-title{display:flex;flex-direction:column;justify-content:space-between;margin-left:3.5em;z-index:7}.equip-button{font-family:Pixelify Sans,serif;font-size:1.2em;width:100%;height:90px;border:none;background-color:#f3f0eb;border-radius:8px;box-shadow:3px 3px 0 #7d7d7d}.equip-button:hover{cursor:pointer;opacity:1;background-color:#fff}.equipment-layer{position:absolute;top:0;left:0}.equipment-category{width:100%}.equipment-category h5{height:-moz-fit-content;height:fit-content;margin:0;padding-top:5px}.equipment-category button{width:-moz-fit-content;width:fit-content;margin:0 2px 1em;border:3px solid #789;background-color:#f3f0eb;border-radius:8px;box-shadow:3px 3px 0 #7d7d7d;z-index:51}.equipment-category button:hover{background-color:#fff}.equipment-selection{display:flex;flex-direction:column;overflow-y:auto;width:55%;padding:1.5em 1em 1em;height:-webkit-fill-available;height:fill;z-index:4}.equipment-thumbnail{width:110px;height:auto;cursor:pointer}.hat{z-index:2}.shirt{z-index:3}.pants{z-index:0}.boots{z-index:1}.weapon{z-index:4}button[title]{color:transparent;width:70px;height:25px;border:1px solid #d3d3d3;border-radius:8px;gap:0;margin:0 2px;cursor:pointer}button[title]:hover{box-shadow:3px 3px 0 #443e3e}@media (max-width:750px){.avatar-editor-container{flex-direction:column;font-size:18px;justify-content:center;padding:0}.avatar-display{height:10em;top:6em;left:6em}.avatar-editor-title{margin-left:0;text-align:center}.equip-button{height:2em;width:auto;font-size:1em;margin-top:1em;margin-left:.5em;margin-right:.5em;padding:.5em}.equipment-selection{padding-top:0;margin-top:9em;flex-direction:row;width:-webkit-fill-available;width:fill}.equipment-thumbnail{width:80px}.equipment-category button{width:80%;margin-bottom:.5em}button[title]{width:50px;height:20px}}.Store{margin-top:4em;text-align:center;height:-webkit-fill-available;height:fill;max-width:850px;width:inherit;overflow-y:auto;background-color:#dfd9d0;font-family:Pixelify Sans,serif;font-size:1em;font-optical-sizing:auto;font-weight:600;border-radius:15px}.Store-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.Store-category{display:flex;flex-wrap:wrap;justify-content:space-evenly}.Store-item{padding:0;width:8em;margin:0 2px;border:3px solid #789;background-color:#f3f0eb;border-radius:8px;box-shadow:3px 3px 0 #7d7d7d}.Store-item:hover{background-color:#fff}.Store-item button{border:0;border-radius:10px}.Store-item button:not(:disabled){background-color:#b9b2a7;cursor:pointer}.Store-item p{height:-moz-fit-content;height:fit-content;margin:0;background-color:transparent;font-size:14px;padding-top:5px}.Item-name{width:150%;justify-self:center}p.Item-price{justify-self:center;font-size:17px}.Store-item-thumbnail{width:100%;background-color:transparent}.Store-item-owned{background-color:#696361;border-radius:15px}h3.Store-item-owned-SOLD{color:#00e5ff;height:-moz-fit-content;height:fit-content;margin:0}.Store-Stripe-Banner{display:flex;align-items:center;position:fixed;left:0;bottom:-115px;width:100%;height:100px}.ConfirmButton{display:flex;flex-direction:column}.ConfirmButton-btn{font-size:larger}.ConfirmButton-error{background-color:red}.ConfirmButton-error,.PurchaseGoldStripe{display:flex;justify-content:center;align-items:center}.PurchaseGoldStripe{font-family:Pixelify Sans,serif;position:fixed;top:105%;left:50%;transform:translate(-50%,-40%);height:6em;max-width:850px;width:100%;background-color:#f5f5f5;background-color:#dfd9d0;border:8px solid #554c49;border-radius:15px}.PurchaseGoldStripe-ad{width:50%}.PurchaseGoldStripe-link:hover:before{content:none}.PurchaseGoldStripe-link{width:400px}.PurchaseGoldStripe-button{display:flex;align-items:center;justify-content:space-around;width:350px;height:90px;padding:10px 20px;cursor:pointer;z-index:1;font-family:Pixelify Sans,serif;font-size:1em;border:none;background-color:#f3f0eb;border-radius:8px;box-shadow:3px 3px 0 #7d7d7d}.PurchaseGoldStripe-button:hover{background-color:#fff}.Store-Stripe-Banner{border-radius:15px;font-family:Arial,Helvetica,sans-serif}@media (max-width:750px){.PurchaseGoldStripe-button,.PurchaseGoldStripe-link{width:200px}.PurchaseGoldStripe{top:100%}}.container button,.container h1{margin-top:0;text-align:center;font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.container{margin-top:4em;max-width:100%;height:-webkit-fill-available;height:fill;overflow-y:auto;background-color:inherit;border:none;justify-self:center}.users{display:flex;flex-wrap:wrap;justify-content:center}.card{margin-top:.5em;height:12em;background-color:#f3f0eb;display:flex;flex-direction:row;border:3px solid #789;border-radius:8px;box-shadow:3px 3px 0 #7d7d7d;padding:9px;width:90%}.card:hover{background-color:#fff}.details{padding:10px;width:70%}.details h3{margin-top:0}.details p{flex:1 1}.buttonsContainer{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:35%}.buttonsContainer button{font-size:1em;height:100%;width:100%;border-radius:8px}.addFriend:not(:disabled):hover{background-color:#c3e7be;cursor:pointer}.Remove:not(:disabled):hover{background-color:#ff6f6f;cursor:pointer}.map-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.svg-map{position:absolute;width:100%;height:100%;pointer-events:none}.world-map-image{width:-webkit-fill-available;width:fill;height:-webkit-fill-available;height:fill;object-fit:fill}.location-image{position:absolute;width:12vw;height:12vw;max-width:150px;max-height:150px}svg text{font-family:Jacquard\ 12,serif;text-shadow:0 2px 0 #dbdbdb,0 -2px 0 #dbdbdb;font-weight:600;text-anchor:middle;pointer-events:none;transition:font-size .3s ease}.avatar{position:absolute;fill:red}.path{stroke:red;stroke-width:2;stroke-dasharray:4,4}.location-labels,.location-text{pointer-events:none}.location-text{font-size:2vw;fill:#000;text-anchor:middle;transition:font-size .2s ease}@media (max-width:750px){.location-image{width:20vw;height:20vw;max-width:300px;max-height:300px}.location-text{font-size:3.5vw}.world-map-image{width:-webkit-fill-available;width:fill;height:65%;object-fit:fill}}.PageBody{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:75px;padding-bottom:265px;background-color:#8560573e}.Footer{position:fixed;bottom:0;flex-shrink:0;width:calc(100% - 30px);min-width:300px;background-color:none;z-index:1;border-radius:18px;padding-bottom:15px;left:50%;transform:translateX(-50%)}.Footer,.QuestComplete-choice{display:flex;justify-content:center;align-items:center;height:250px}.QuestComplete-choice{margin-top:-20px;width:100%;min-width:inherit;flex-direction:column;font-weight:600;font-size:1.2em}.QuestComplete-description{background-color:#8a2be2;border-radius:18px;padding-top:.5em;padding-bottom:.5em;height:-moz-fit-content;height:fit-content}.QuestComplete-congrats{font-size:1.2em}.QuestComplete-buttons{display:flex;width:100%;justify-content:space-around;padding-top:.5em}.QuestComplete-button{font-family:Pixelify Sans,serif;font-size:1.2em;padding:.5em;border:none;background-color:#f3f0eb;border-radius:8px;box-shadow:3px 3px 0 #7d7d7d;width:100%}.QuestComplete-button:hover{cursor:pointer;opacity:1;background-color:#fff}.QuestComplete-result{padding-top:.5em;padding-bottom:.5em;font-size:1.2em;color:#8a2be2;background-color:transparent}@media (max-width:750px){.QuestComplete-description{font-size:16px}.QuestComplete-buttons{position:absolute;width:100%;display:flex;justify-content:space-around;top:0;transform:translateY(-110%)}.QuestComplete-button{font-size:large;padding:.1em;width:50%}.QuestComplete-button:first-of-type{left:0}.QuestComplete-button:last-of-type{right:0}}.StepVisualizer{position:relative;display:flex;flex-direction:row;flex-grow:1;align-self:center;background-image:url(/assets/scenes/start.png);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;font-size:calc(.6rem + 1.1vh);font-family:Pixelify Sans,serif;font-weight:500;border-radius:18px;width:calc(100% - 30px);max-height:450px;min-width:300px;margin:0 auto 1em}.LocationDiv,.StepVisualizer-progress{color:#fff;text-shadow:1px 1px 0 #ff6a6a}.LocationDiv,.LocationP{z-index:0;width:-webkit-fill-available;width:-moz-available;width:stretch}.StepVisualizer-progress{z-index:0}.StepVisualizer-character{z-index:0;position:absolute;top:44%;transform:translate(-50%,-50%);height:100%;margin-right:3em}.AddProgressDiv form{display:flex;flex-direction:row;justify-content:center;width:100%;position:relative;z-index:1}@keyframes fadeOut{0%{opacity:1}to{opacity:.1}}.gold-earned-notification{position:absolute;height:100%;width:-webkit-fill-available;width:-moz-available;width:stretch;display:flex;justify-content:center;text-align:center;top:2em;font-size:larger;font-weight:600;color:gold;text-shadow:1px 1px 0 #ff6a6a;background-color:#000;border-radius:18px;padding-left:.5em;padding-right:.5em;z-index:1;animation:fadeOut 3s linear forwards;animation-delay:2s}.AddProgressDiv{position:relative}.AddProgressDiv input{background-color:rgba(240,248,255,.636);text-align:center;outline:none;border-top-left-radius:18px;border-bottom-left-radius:18px;z-index:1}.AddProgressDiv button,.AddProgressDiv input:is(:disabled){color:transparent;background-color:transparent}.AddProgressDiv input:disabled::placeholder{color:transparent}.AddProgressDiv button:not(:disabled){color:#f5f5f5;background-color:#4caf50}.AddProgressDiv button{border-top-right-radius:18px;border-bottom-right-radius:18px}.AddProgressDiv button,.AddProgressDiv input{font-family:Pixelify Sans,serif;font-weight:500;width:7em;flex-grow:1;transition:.5s ease-out;box-sizing:border-box;border:none;font-size:calc(.6rem + 1.1vh);height:2em}.AddProgressDiv button:not(:disabled):hover{cursor:pointer;background-color:#45a049;transition:background-color .3s ease}.AddProgressDiv,.LocationDiv,.StepVisualizer-progress{flex:1 1;text-align:center;margin:0 auto}.StepVisualizer-textbackground{background-color:#4f4c46af;margin:0 auto;display:flex;justify-content:center;align-items:center;height:2em;border-radius:18px}.StepVisualizer-goal{position:absolute;top:50%;transform:translateY(-50%);font-size:calc(1em + 4vh)}.StepVisualizer-gold{color:gold;background-color:#000;width:4em;align-content:center;min-width:-moz-fit-content;min-width:fit-content;height:100%;border-radius:18px;font-size:calc(1rem + 1vh)}@media (max-width:900px){.StepVisualizer{max-height:250px;flex-direction:column}.StepVisualizer-textbackground{background-color:#4f4c46af;height:50px}.AddProgressDiv{position:absolute;font-size:medium;top:0;width:-webkit-fill-available;width:-moz-available;width:stretch;text-align:space-between}.AddProgressDiv input{background-color:rgba(240,248,255,.489)}.AddProgressDiv button,.AddProgressDiv input{font-size:large;height:50px}.AddProgressDiv .StepVisualizer-textbackground{background-color:transparent}.LocationDiv,.StepVisualizer-progress{color:#fff;text-shadow:1px 1px 0 #ff6a6a;position:absolute;font-size:small;width:50%;bottom:0}.StepVisualizer-progress{z-index:1;left:0}.LocationDiv{right:0;z-index:1}.StepVisualizer-gold{background-color:transparent}.gold-earned-notification{padding-top:1em}}.QuestInfo{height:250px;width:100%;box-sizing:border-box;margin:0 auto;padding:1em;background-color:#dfd9d0;font-family:Pixelify Sans,serif;font-optical-sizing:auto;border-radius:18px}.QuestInfo,.QuestInfo-body{display:flex;flex-direction:column}.QuestInfo-body{font-weight:600;font-size:20px;align-items:center}.QuestInfo-title{font-family:Jacquard\ 12,serif;font-size:1.5em}@media (max-width:750px){.QuestInfo-description{font-size:14px}.QuestInfo-title{font-size:1em}}