body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}main{padding:5rem 0;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace}.container{height:100svh;display:flex;justify-content:center;align-items:center}.col,.container{flex-direction:column}.canvas-container{display:flex;align-items:center;justify-content:center;height:100svh;width:100vw}.password-field-container{width:100%}.password-field-container input{display:block;width:100%;padding:10px 20px;border-radius:5px}.invalid-input{border:1px solid #ff6b6b}.password-hint{color:#ff6b6b;font-size:.75rem;text-align:left;margin:-5px 0 10px 5px}.dailyGameButton{top:110px;left:0}.dailyGameButton,.settingsButton{position:absolute;font-size:16px;background-color:transparent;color:#fff;border:none;cursor:pointer;outline:none;z-index:999}.settingsButton{top:0;right:10px}.PGButton{top:175px;left:0;background-color:transparent;color:#fff;border:none}.PGButton,.key{position:absolute;font-size:16px;cursor:pointer;outline:none;z-index:999}.key{padding:0;left:20px;bottom:20px;border-radius:15px;background-color:#007bff;border:none}.returnToCityButtonGarden{width:50px;right:calc(22vw + 14px);padding:10px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:99}@media screen and (orientation:portrait){.returnToCityButtonGarden{right:28vw;top:48px}}@media screen and (max-width:1200px){.returnToCityButtonGarden{right:105px;top:48px}}.moola-container{position:relative;margin-right:-20%!important}.moola-icon{position:absolute;left:-20%;scale:.9;top:-55%}.moola-bkg{background-color:#1e4458;padding:8px 12px;border-radius:60px;height:30px;width:100px;display:flex;justify-content:right!important;align-items:center}.moola-bkg p{margin-top:0!important;margin-bottom:4px}.returnToCityButton{width:50px;position:absolute;right:calc(21vw + 14px);top:54px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:99;display:flex;align-items:center;justify-content:center}@media screen and (orientation:portrait){.returnToCityButton{right:28vw;top:54px}}@media screen and (max-width:1200px){.returnToCityButton{right:90px;top:54px}}.building-modal{margin-top:-50px}@media screen and (max-width:1200px){.building-modal{scale:.88!important}}.tutorialButton{position:absolute;top:35px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;left:20px;width:100px;height:100px}.tutorialButton .edit-button{width:40%;height:40%;position:absolute;right:0}.tutorialButton .badge-button{width:100%;height:100%;object-fit:contain}@media screen and (min-width:1200px){.tutorialButton{left:17vw}}.show-profile-lottie{position:absolute;top:55px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;left:13vw!important}@media screen and (orientation:portrait){.show-profile-lottie{left:10vw!important;top:35vw!important;transform:rotate(-90deg)}}.show-menu-lottie{position:absolute;top:60px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;right:22vw!important}@media screen and (orientation:portrait){.show-menu-lottie{transform:rotate(-90deg);top:33vw;right:7vw!important}}.show-contact-lottie{position:absolute;bottom:50px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;left:15vw}@media screen and (orientation:portrait){.show-contact-lottie{left:30vw!important;bottom:20px;transform:rotate(-180deg)}}.button.profession{font-size:20px;box-shadow:2px 2px 10px #000}.menuButton{position:absolute;right:20px;top:45px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;width:80px;height:80px}.menuButton img{width:100%;height:70px}@media screen and (min-width:1200px){.menuButton{right:17vw}}.progress-view-wrapper{position:absolute;display:flex;flex-direction:column;right:calc(17vw - 65px);bottom:140px}@media screen and (max-width:1200px){.progress-view-wrapper{right:-42px;bottom:80px;scale:.75}}@media screen and (max-width:600px){.progress-view-wrapper{right:-16px;bottom:65px;scale:.75}}.progress-image-with-text{position:relative;text-align:center;z-index:999;margin-bottom:65px}.progress-image-with-text img{width:65px;height:90px}@media screen and (max-width:600px){.progress-image-with-text{margin-bottom:25px}}.overlay-text{position:absolute;text-align:center;top:65%;left:50%;transform:translate(-50%,-50%);color:hsla(0,0%,100%,.95);font-size:15px}.city-bar-container{rotate:-90deg;width:200px;height:20px;background-color:#ccc;margin-top:10px;border-radius:30px}@media screen and (max-width:600px){.city-bar-container{width:150px}}.progress-bar-fill{background-color:#ae9254;height:100%;width:100%;transition:height .5s ease}.progress-bar-env{width:100%;height:20px;background-color:#eee}.progress-bar-env.gold{background-color:gold}.percent{margin-top:10px}.gameButton{width:66px;position:absolute;right:calc(22vw + 40px);top:54px;padding:10px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:99}.gameButton img{width:100%}@media screen and (orientation:portrait){.gameButton{right:28vw;top:48px}}@media screen and (max-width:1200px){.gameButton{right:130px;top:56px}}.contactButton{position:absolute;left:5px;bottom:35px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;color:#fff;width:100px;height:100px}@media screen and (min-width:1200px){.contactButton{left:17vw}}@media screen and (max-width:900px){.contactButton{bottom:20px;width:80px;height:80px}}.contactButton img{width:100%}.badge-icon-wrapper{position:absolute;left:50%;bottom:40px;z-index:99999}.badgeButton{margin-left:-50%;bottom:190px;font-size:16px;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:999;color:#fff;width:100px;height:100px}@media screen and (orientation:portrait){.badgeButton{left:38%}}.button{padding:8px 16px;border-radius:50px;cursor:pointer;background-color:#ae9254;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:2px solid #fff;transition:background-color .3s ease;animation:pulse 1s infinite}.button:hover{border:2px solid #fff}.button.active,.button:hover{background-color:#0b1a2b}.overlay{position:absolute;width:100vw;height:100svh;text-align:center;justify-content:center;display:flex;background-color:#fff;z-index:99999}.settings-icon{height:30px;width:30px}.overlay-content{margin-block:40vh}.modal-bkg{z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:100%;height:100%;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal-bkg,.modal-bkg .car-accident-container{position:fixed;align-items:center;justify-content:center;display:flex}.modal-bkg .car-accident-container{background-color:#fff;width:80%;height:80%;border-radius:20px}.pulser{animation:pulse 1s ease infinite}@keyframes pulse{0%{scale:.975;filter:saturate(1)}50%{scale:1;filter:saturate(1.5)}to{scale:.975;filter:saturate(1)}}.transition-screen{background-position:50%;background-size:cover;width:100vw;height:100svh;display:flex;align-items:center;justify-content:center;position:absolute;z-index:10000000000000000;font-size:xx-large;font-weight:700;background-color:#0b1a2b}.transition-screen#hospital{background-image:url("/_next/static/media/Hospital loading screen desktop – 1.f6535e65.webp")}.transition-screen#city{background-image:url("/_next/static/media/City loading screen desktop – 1.6ad142dc.webp")}.transition-screen#town_hall{background-image:url("/_next/static/media/Townhall  desktop – 2.d3c5dd06.webp")}.transition-screen#investment_bootcamp{background-image:url("/_next/static/media/Campsite loading screen  desktop – 1.dd72788c.webp")}.transition-screen#pps_academy{background-image:url("/_next/static/media/Academy loading screen  desktop – 1.ac19aa8c.webp")}.transition-screen#insurance_square{background-image:url("/_next/static/media/Insurance Square loading screen  desktop – 1.7e110c3a.webp")}.transition-screen#mutuality_house{background-image:url("/_next/static/media/Mutuality House loading screen desktop – 1.f0ba80b1.webp")}@media screen and (orientation:portrait){.transition-screen#hospital{background-image:url("/_next/static/media/Hospital loading screen mobile – 1.1b3456cc.webp")}.transition-screen#city{background-image:url("/_next/static/media/City loading screen mobile – 1.fdffc956.webp")}.transition-screen#town_hall{background-image:url("/_next/static/media/Townhall loading screen mobile – 1.c3cd5bcb.webp")}.transition-screen#investment_bootcamp{background-image:url("/_next/static/media/Campsite loading loading screen  mobile – 1.f1b48c46.webp")}.transition-screen#pps_academy{background-image:url("/_next/static/media/Academy loading screen  mobile – 1.70ca09e9.webp")}.transition-screen#insurance_square{background-image:url("/_next/static/media/Insurance Square loading screen  mobile – 1.c1001225.webp")}.transition-screen#mutuality_house{background-image:url("/_next/static/media/Mutuality House loading screen mobile – 1.3b521811.webp")}}.transition-screen-overlay{position:absolute;opacity:1;top:0;left:0;width:100vw;height:100svh;z-index:999999999999999}html{overflow:hidden}.thandi{bottom:0}.rotateExperience{position:absolute;top:0;left:0;right:0;bottom:0;width:100svh;height:100vw;transform:rotate(90deg);transform-origin:center center;overflow:hidden}.fade-in{animation:fadeIn 2.25s ease;scale:1}.fade-in-modal{opacity:1;animation:fadeInLong 2.25s ease;scale:1}*{opacity:1;animation:fadeInstant .35s ease}@keyframes fadeInLong{0%{opacity:0;scale:.4}75%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes fadeInstant{0%{opacity:0}to{opacity:1}}.ui-container{display:flex;align-items:center;justify-content:center;z-index:999999999999}.pulse{animation:pulse 6s ease infinite}.tutorial-boxes{background-color:rgba(0,16,29,.5);animation:pulseLight 6s ease infinite;border-radius:5px;position:absolute;display:flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;padding:0 10px}.tutorial-boxes h3{text-transform:uppercase;color:#fff;text-shadow:2px 2px 10px #000}.tutorial-boxes:first-child{animation-delay:.125s}.tutorial-boxes:nth-child(2){animation-delay:.25s}.tutorial-boxes:nth-child(3){animation-delay:.325s}.tutorial-boxes:nth-child(4){animation-delay:.5s}.tutorial-boxes:nth-child(5){animation-delay:.625s}.tutorial-boxes:nth-child(6){animation-delay:.75s}@keyframes pulseLight{0%{background-color:rgba(0,16,29,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}25%{background-color:rgba(0,16,29,.75);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}50%{background-color:rgba(0,16,29,.125);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.book{perspective:1500px;transform-origin:200px 150px}.book,.paper{position:relative;transform-style:preserve-3d}.paper{transform-origin:0 50%;transition:transform 1.5s}.paper .page i{position:absolute;bottom:5px}.paper:nth-child(2n) .page i{right:20px}.p-1{background-color:green;scale:2}.page{position:absolute;display:flex;flex-direction:column;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page strong{font-size:large}.front{box-shadow:inset 15px 0 10px -7px rgba(0,0,0,.1)}.back{box-shadow:inset -15px 0 10px -7px rgba(0,0,0,.1);transform:rotateY(-180deg)}.table{position:relative;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5));height:350px;width:0;top:0;left:0}.book-title{margin-top:-70px;padding-bottom:30px;position:relative;z-index:9999}.page{animation:none;width:100%;height:100%;background:linear-gradient(270deg,#eee 90%,#ccc);border-radius:4px 10px 10px 4px;box-shadow:2px 2px 5px #000}.page .leon-first{background-image:url("/_next/static/media/Leon - Cover.c27a918a.png")}.page .ivan-first,.page .leon-first{border-radius:0 10px 10px 0;margin-inline:0!important;background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;width:100%}.page .ivan-first{background-image:url("/_next/static/media/Ivan - Cover.a1492c53.png")}.page .doctor-first{background-image:url("/_next/static/media/Dr. Mthembu - Cover.83dec3dd.png")}.page .doctor-first,.page .maya-first{border-radius:0 10px 10px 0;margin-inline:0!important;background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;width:100%}.page .maya-first{background-image:url("/_next/static/media/Maya - Cover.ddc259f1.png")}.page:nth-child(2n){border-radius:10px 4px 4px 10px;background:linear-gradient(90deg,#eee 90%,#ccc)}.page:not(:first-child){padding:15px}.page h2{margin:20px 0 0}.page h2 strong{text-shadow:none;padding-bottom:0;color:#000}.one>.front,.three>.back{background:linear-gradient(0deg,#33e 0,#00a);color:#fff;border-right:none}.copy p{padding:0;margin:0}.copy p:first-child{padding:20px 0 0}.copy i{position:absolute;bottom:10px;left:50%}.book-buttons{position:relative;display:flex;width:250px;justify-content:center}.mutuality-info-modal{z-index:999!important}.mutuality-info-modal,.mutuality-info-modal div{font-size:16px!important}@media screen and (min-width:1200px){.mutuality-info-modal div{font-size:18px!important}}@media screen and (orientation:portrait){h1{text-align:center}.clicker{margin-top:-140px!important;margin-right:-180px!important;scale:.85}.mutuality-info-modal{width:min(90vw,500px)!important;-webkit-margin-after:30vh!important;margin-block-end:30vh!important;font-size:12px!important;position:absolute;top:17vh!important}.mutuality-nav-container{width:100%!important;position:absolute;bottom:40px}}@media screen and (orientation:portrait)and (max-width:1200px){.mutuality-nav-container{width:80%!important}.mutuality-nav-container div div:not(.mutuality-nav-buttons){margin:0 5px!important;width:35px!important;height:35px!important}}@media screen and (orientation:portrait){.next-prev-mutuality{width:max(50vw,100%)!important}.next-prev-mutuality button{margin-inline:10px}}.modal-content:has(.book-page) .close-btn{top:40px!important;scale:.85;right:20vw}.book-page.move-left{margin-left:-280px}.book-page{transition:all .35s ease}@media screen and (max-width:1200px){.modal-content:has(.book-page) h2{margin-bottom:-90px;margin-top:60px;font-size:28px}.modal-content:has(.book-page) .close-btn{top:18%!important;scale:.85;margin-right:-40px}.book-page{scale:.75}.book-page.move-left{margin-left:-225px}}@media screen and (max-width:900px){.book-page{scale:.6}.book-page.move-left{margin-left:-280px}}.gate-bkg{padding-top:0!important}@media screen and (orientation:portrait){.gate-bkg{background-size:115%!important;background-position:-10vw!important}}#tut-logo{width:30vh;height:30vh;margin-top:-10vh}#tut-key{width:25vh;height:25vh;margin-top:0;background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15vh}@media screen and (orientation:portrait){#tut-key{width:20vh;height:20vh}}#tut-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:16vh;padding-bottom:4vh;border-radius:100px 100px 50px 50px;position:relative}#tut-gate img{position:absolute;height:15vh;width:15vh;object-fit:contain;top:-12vh;background-color:#0b1a2b;border-radius:15vh}#tut-gate h1{font-size:3vh;margin-top:-12vh;margin-bottom:-1vh;color:#0b1a2b}#tut-gate .select-profession{width:30vh;height:25vh}#tut-gate .selected-profession{font-size:2vh;margin-top:0;color:#0b1a2b}#tut-gate .prof-lottie{width:20vh;height:18vh}#tut-gate .button.profession{font-size:2vh;margin-top:2vh}#tut-gate .control-arrow.control-next:before,#tut-gate .control-arrow.control-prev:before{width:.5vh;margin:0;padding:0}#tut-gate .dot{width:1vh;height:1vh;margin:0 1vh}.button.key-button{font-size:2vh;margin-top:2vh}form input{margin-block:10px;padding:5px;text-align:center}form label{font-weight:700;text-align:center}form button{padding:10px;width:100%;background-color:#ae9254;color:#fff;border:2px solid #fff;font-weight:700;border-radius:30px}@media screen and (max-width:600px){.camp-modal li,.camp-modal p{font-size:13px}.camp-modal .buttons-wrap{display:grid!important;justify-content:center;align-items:flex-start;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.camp-modal .buttons-wrap button{width:130px;text-align:center;margin:0;margin-left:0!important;margin-right:0!important}.camp-modal h1{font-size:22px}.ins-square-modal p{font-size:13px}}.insurance-item ul{text-align:left}.insurance-item ul li{padding-block:5px}@media screen and (orientation:portrait){.levelup-modal h1{font-size:32px}.levelup-modal h2{font-size:20px}}canvas{cursor:pointer}.flex{display:flex;margin:0;align-items:center}.jc{justify-content:center}.tc{text-align:center}.carousel .control-dots{padding:6px 8px!important}.control-arrow.control-next,.control-arrow.control-prev{background-color:transparent!important}.carousel .control-prev.control-arrow:before{border-right:8px solid #000!important}.carousel .control-next.control-arrow:before{border-left:8px solid #000!important}.transition-screen-text{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.transition-screen-text h1{color:#fff}.transition-screen-text .tran-bkg{background-color:rgba(11,26,43,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:500px;padding:50px;border-radius:20px;display:flex;text-align:center;justify-content:center;flex-direction:column;color:#fff;border:2px solid #ae9254}@media screen and (orientation:portrait){.transition-screen-text .tran-bkg{height:50vh;width:80vw}}.loading-screen-board .toggle-item{margin-top:20px;background-color:#0b1a2b;padding:5px 10px;border:2px solid #fff;border-radius:30px;font-weight:700;transition:all .35s ease}.loading-screen-board .toggle-item span.slider.round{font-size:12px}.loading-screen-board .toggle-item:hover{background-color:#ae9254}.loading-screen-board .toggle-item img{padding:5px}.loading-screen-board .toggle-item .switch{display:flex;align-items:center}.book-container-wrap{flex-direction:column;z-index:999}.book-container-wrap,.book-container-wrap .flex-row{display:flex;justify-content:center;align-items:center}.book-container-wrap .flex-row{margin-top:0}@media screen and (max-width:1400px){.book-container-wrap .flex-row{margin-top:0;scale:.5}.book-container-wrap .flex-row .book-page{scale:1}}@media screen and (max-width:900px){.book-container-wrap .flex-row{margin-top:0;margin-bottom:-40px;scale:.6}.book-container-wrap .flex-row .book-page{scale:1}}.book-container-wrap *{opacity:1!important}.book-container-wrap .arrow{z-index:99;transition:all .35s ease;cursor:pointer}.book-container-wrap .arrow:hover{scale:1.075}.book-container-wrap .pagination-dots{width:200px;height:40px;background-color:transparent;position:absolute;bottom:0;margin-bottom:-20px;display:flex;justify-content:space-between;padding-top:10px}.book-container-wrap .pagination-dots span{width:15px;height:15px;border-radius:20px;background-color:#0b1a2b;box-shadow:2px 2px 5px #eee}.book-container-wrap .pagination-dots span.active{background-color:#ae9254;box-shadow:2px 2px 5px #000}@media screen and (max-width:1400px){.book-container-wrap .pagination-dots{margin-bottom:-120px;scale:1.25}}@media screen and (max-width:900px){.book-container-wrap .arrow{position:fixed;margin-bottom:-200px;bottom:0}.book-container-wrap .arrow.left{margin-right:105px}.book-container-wrap .arrow.right{margin-left:105px}}.close-btn{z-index:9999}.fade-in-modal.insurance{padding-block:20px}.camp-modal a{color:#ff0!important}.camp-modal ul{height:200px}.modal{position:absolute;z-index:999;width:100vw;height:100svh;background-image:url(/_next/static/media/Background.d1f0eed5.png);opacity:1}.modal,.modal form{justify-content:center}.modal form{position:relative;width:100%;height:50%;background-color:#fff;border-radius:30px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;padding:60px}.modal form h1,.modal form p{color:#000}.modal form label{color:#000;width:100%;font-weight:700;font-size:small}.modal form input{margin-right:0;margin-block:10px;padding:10px;text-align:left;width:200px;height:10px;background-color:transparent;border:none;border-bottom:2px solid #000;color:#000;outline:none}.modal form .modal-input.focused,.modal form .modal-input:focus{border-bottom:2px solid #ae9254}.icon{width:100%;height:70px}.close-modal{font-weight:800;z-index:99999;position:absolute;top:60px;right:60px;cursor:pointer;font-size:40px;color:#fff}.modal-title{text-align:center;color:#fff;font-size:40px;max-width:100%;padding-bottom:10px}#modal-sub-title{text-align:left;color:#ae9254;font-size:20px;margin-top:-30px;margin-left:-40px;padding-bottom:10px;width:100%}.next-button{background-color:#ae9254;display:flex;padding:15px;border-radius:30px;color:#fff;font-size:medium;font-weight:700;text-transform:uppercase;width:100%;white-space:nowrap;justify-content:center;margin-top:35px;position:absolute}.prev-button{border:none;background-color:transparent;position:absolute;margin-top:-80vh;margin-left:-60px}.prev-button-icon{width:35px;height:35px}.hide-icon .icon{display:none}.button-container{position:relative;display:flex;width:100%}.iam-container{margin-top:-20px;margin-bottom:10px}.iam-text,.study-text{text-align:center;font-size:14px;white-space:nowrap;font-weight:700}.selectable-items-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;width:250px}.selectable-item{background-color:#69c5d1;border:none;border-radius:20px;text-align:center;cursor:pointer;transition:background-color .3s;flex:1 1 auto;margin-bottom:10px}.selectable-item:last-child{flex:0 0 100%}.selectable-item.selected{background-color:#ae9254;color:#fff}.selectable-item p{color:#fff!important;margin:0;padding:5px;font-size:14px}.field-of-study-icon{width:100%;height:150px}.selectable-item p.selected{background-color:#6a6a6a!important}.modal-content{width:80%;max-width:600px;margin:0 auto}.modal-content h2{font-size:30px;color:#fff;text-shadow:2px 2px 4px #000}.input-container{margin-bottom:15px}.garden-modal,.intro-modal,.mutuality-modal{background-color:rgba(11,26,43,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;border:2px solid #ae9254;border-radius:8px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;min-width:200px}.intro-modal.my-garden{border:0;border-radius:0;padding:0;height:100%}.button-group{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.button-group .icon-button{width:80px;height:60px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:700px){.button-group{scale:.7;margin-top:-20px}}.garden-modal .button-group,.mutuality-modal .button-group{display:flex}.my-garden .button-group{display:flex;height:100%;overflow-y:auto;scale:.85;margin-top:0}.garden-modal button,.intro-modal button,.mutuality-modal button{padding:10px;width:60px;height:60px;border:none;background-color:#ae9254;color:#fff;border-radius:5px;cursor:pointer;transition:background .3s}.garden-modal button{width:unset;height:unset}.garden-modal button:hover,.intro-modal button:hover{background-color:#bb9f5d}.intro-modal button:disabled{background-color:#666;cursor:not-allowed}.garden-modal input{margin:10px 0;padding:8px;border-radius:5px;border:1px solid #ccc}.garden-modal.visible{opacity:1;visibility:visible}.selected-avatar{border:4px solid #ae9254!important;background-color:#23364d}.MuiTab-root{font-weight:700}.MuiTabs-scrollButtons{color:#fff}.MuiTabs-flexContainer{justify-content:center}.icon-button{display:flex;flex-direction:column;align-items:center;background:#f0f0f0;border:none;border-radius:50%;padding:10px;margin:5px;cursor:pointer;transition:background .3s ease}.icon-button:disabled{background:#d3d3d3;cursor:not-allowed}.icon-button span{margin-top:5px;font-size:.75rem;color:#333}.icon-button:hover:not(:disabled){background:#c0e0c0}.icon-button:focus{outline:none}.avatar-thumbnails{height:80px}.loading-screen{position:absolute;color:#fff;top:0;left:0;width:100vw;height:100svh;background-color:#0b1a2b;background-image:url(/_next/static/media/loading-screen.19872edd.webp);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100000000000000000}.loading-screen .auth-submit-button{padding:5px 10px;width:200px;border:2px solid #fff!important;border-radius:30px!important;color:#fff!important;font-size:.75rem!important}.loading-screen input{width:280px}.loading-screen .auth-links{display:flex;gap:1rem}.images{width:60%;z-index:9}.content,.images{display:flex;flex-direction:column}.content{align-items:center;width:min(60vw,900px);margin-top:-10vh;padding-top:10vh;padding-bottom:8vh;background-color:hsla(0,0%,100%,.75);border-radius:15vw 15vw 5vw 5vw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-size:contain;background-position:50%;background-repeat:no-repeat;text-align:left;justify-content:center}.content h1,.content p{color:#0b1a2b}.content h1{text-align:center;padding:0 4svw;width:100%}.loading-screen-board{margin:auto;padding:20px}.loading-screen-board,.loading-screen-board .images{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-screen-board .images{width:10svw;height:10svw;border-radius:15svw;background-color:#0b1a2b}.loading-screen-board .images img{margin:0;width:90%}.loading-screen h2{margin:10px 0;text-transform:capitalize;text-align:center;padding:10px;border-radius:5px}.loading-screen-progress{position:relative;width:82%;margin-top:40px;height:20px;background-color:#fff;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.75);color:#444}.loading-screen-progress-value{display:flex;justify-content:center;height:100%;background-color:#ae9254;border-radius:20px;transition:width .5s ease}.loading-screen button{margin-top:20px}.orientation-message{border-radius:25px;padding:10px;text-align:center;border:2px solid #e68900}.popi-div{color:#0b1a2b;padding-bottom:20px;font-size:14px!important}@media(orientation:landscape){.loading-screen-board{max-width:900px;padding:0}.loading-screen button,.loading-screen h2{font-size:.75rem}}@media screen and (orientation:portrait){.loading-screen-board{max-width:100%}.popi-div-inline{padding-left:25px!important}.auth-links,.checkbox-container{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}.sub-content .sub-wrap{width:100%!important}.sub-content .sub-wrap p{text-align:center!important}.loading-screen{background-image:url(/_next/static/media/loading.4ef9d69e.webp)}.loading-screen h1,.loading-screen h2,.loading-screen p,.loading-screen strong{text-align:center}.loading-screen .content{width:100%;display:flex;justify-content:center;align-items:center;margin-top:-8svh;padding-top:8svh}.loading-screen .content .sub-content{flex-direction:column}.loading-screen .content .sub-content .sub-wrap{padding:0 20px;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center!important}.loading-screen .content .sub-content .sub-wrap .flex{align-items:center!important}.loading-screen .content .sub-content .sub-wrap .button{margin:0}.loading-screen .images{margin-left:0;align-items:center;display:flex;justify-content:center;width:15svh;height:15svh}.loading-screen .images img:first-child{max-width:90%}.loading-screen .images img:nth-child(2){width:240px}.loading-screen .loading-screen-city,.loading-screen .loading-screen-logo{max-width:50%;margin:0}.loading-screen h1{font-size:20px!important}.loading-screen p,.loading-screen strong{font-size:12px!important;margin-block:10px}.loading-screen .popi-div{text-align:center;padding-bottom:20px;font-size:12px!important}}.sub-content{display:flex}.sub-content .sub-wrap{width:100%}.sub-content .sub-wrap:first-child{padding-inline:80px 40px;border-right:2px solid #0b1a2b}.sub-content .sub-wrap:nth-child(2){padding-inline:40px 80px}.sub-content .sub-wrap .button{margin:0}.dialogueBox-Container .dialogue-box{z-index:10000000000000000!important}.dialogueBox-Container{width:100vw;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999999!important;position:absolute;left:0;top:0}.dialogueBox-Container .dialogue-box{position:absolute!important;bottom:8vw;right:20vw;transform:translateY(-50%);background-color:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ae9254;border-radius:50px 50px 0 50px;padding:20px;width:20vw;box-shadow:inset 0 0 10px rgba(0,0,0,.5);z-index:1e+42!important;pointer-events:all}@media screen and (orientation:portrait){.dialogueBox-Container .thandi{right:0}}.dialogueBox-Container .dialogue-content{color:#000;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:100%;font-weight:600}.dialogueBox-Container img{position:absolute;z-index:9999;bottom:-20px;right:8vw;object-fit:contain;object-position:100% 20px;height:max(24vw,250px)}.dialogueBox-Container .close-button{position:absolute;top:10px;right:130px;background:none;border:none;color:#000;font-weight:700;cursor:pointer;font-size:18px}.dialogueBox-Container .close-button:hover{color:#ccc}.dialogueBox-Container .next-button{position:relative;width:100px;align-items:center;justify-content:center;margin-top:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;font-size:14px}.dialogueBox-Container .next-button:hover{background-color:#0056b3}@media screen and (orientation:portrait){.dialogueBox-Container .dialogue-box{right:30vw;width:60vw;padding:10px;bottom:8vw}.dialogueBox-Container .dialogue-box p{margin-block:10px;font-size:14px}}.char{opacity:0;animation:fadeIn forwards}button .char{opacity:1;animation:none}.pocketguide-container .modal-quiz{position:fixed;z-index:999999999999;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.2);width:80%;max-width:80%;height:70%;display:flex;flex-direction:column;background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pocketguide-container .submit-btn{margin-inline:30px;border-radius:30px;border:none;padding:10px 20px;background-color:#001849;color:#fff;font-weight:700}.pocketguide-container .modal-bkg{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:100%;height:100%;align-items:center;justify-content:center;display:flex;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pocketguide-container .modal-quiz-content{text-align:center;border-radius:30px;position:relative;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.pocketguide-container .close-btn{border:none;background-color:transparent;font-weight:700;font-size:30px;position:absolute;top:-80px;right:-80px;color:#fff;cursor:pointer}.pocketguide-container .tabs{display:flex;justify-content:center;align-items:center}.pocketguide-container .tab{position:relative;margin-top:-50px;padding:10px 20px;cursor:pointer;border-radius:60px;width:200px;background-color:#ae9254;margin-inline:10px;color:#fff;font-weight:700;overflow:hidden}.pocketguide-container .tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);pointer-events:none}.pocketguide-container .tab.active{background-color:#001849;border:2px solid #fff}.pocketguide-container input{margin-left:10px;scale:1.5}.pocketguide-container .achievement-container,.pocketguide-container .task-container{margin-top:10px}.pocketguide-container .task-list{max-height:50vh;overflow-y:scroll}.pocketguide-container .achievement-list,.pocketguide-container .task-list{display:flex;flex-direction:column;overflow-y:scroll;max-height:50vh}.pocketguide-container .achievement-item,.pocketguide-container .task-item{margin-bottom:10px;display:flex;align-items:center;padding:2.5px 10px;border-radius:60px;background-color:#fff;color:#555;box-shadow:inset 0 0 10px rgba(0,0,0,.9)}.pocketguide-container .achievement-item label,.pocketguide-container .task-item label{font-weight:700;margin-right:10px;margin-left:10px}.pocketguide-container .task-item button{margin-left:auto;margin-right:20px;padding:15px;font-weight:700;font-size:15px;color:#fff;border:none;border-radius:50px;background-color:#31a6ae}.pocketguide-container .achievement-item input[type=checkbox],.pocketguide-container .task-item input[type=checkbox]{margin-right:5px}.pocketguide-container .achievement-item{margin-bottom:10px}.pocketguide-container .achievement-content{display:flex;width:100%;align-items:center;justify-content:space-between}.pocketguide-container .achievement-content label{margin-left:30px;white-space:nowrap}.pocketguide-container .quiz-list{background-color:#eee;width:100%;height:85%;border-radius:20px;justify-content:center;align-items:center;display:flex;flex-direction:column}.pocketguide-container .quiz-item{padding:10px 20px;width:80%;border:2px solid #ae9254;border-radius:20px;font-size:x-large;font-weight:700;margin-block:20px}@media screen and (orientation:portrait){.pocketguide-container .tab{font-size:10px;margin-inline:5px}.pocketguide-container .tab img{display:none}.pocketguide-container .modal-quiz-content{flex:none}.task-item{height:70px}.task-item label{font-size:12px}.task-item button{padding:10px!important}.quiz-list{height:100%!important}.quiz-list strong{padding-top:20px}}.settingsModal-container .modal-quiz{border-radius:30px;width:80vw;max-width:80vw;height:60vh;flex-direction:column;background-color:hsla(0,0%,100%,.5)}.settingsModal-container .modal-bkg,.settingsModal-container .modal-quiz{position:fixed;z-index:999999999999;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settingsModal-container .modal-bkg{border-radius:10px;width:100%;height:100%;align-items:center;justify-content:center;background-color:rgba(0,0,0,.25)}.settingsModal-container .modal-quiz-content{text-align:center;border-radius:30px;position:relative;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.settingsModal-container .close-btn{border:none;background-color:transparent;font-weight:700;font-size:30px;position:absolute;top:-80px;right:-80px;color:#fff;cursor:pointer}.settingsModal-container .tabs{display:flex;justify-content:center;align-items:center;margin-bottom:0}.settingsModal-container .tab{position:relative;margin-top:-50px;padding:10px 20px;cursor:pointer;border-radius:60px;width:200px;background-color:#ae9254;margin-inline:10px;color:#fff;font-weight:700;overflow:hidden}.settingsModal-container .tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);pointer-events:none}.settingsModal-container .tab.active{background-color:#001849;border:2px solid #fff}.settingsModal-container input{margin-left:10px;scale:1.5}.settingsModal-container .achievement-container,.settingsModal-container .task-container{margin-top:10px;max-height:220px;overflow-y:auto}.settingsModal-container .achievement-list,.settingsModal-container .task-list{display:flex;flex-direction:column}.settingsModal-container .profile-item,.settingsModal-container .settings-item{margin-bottom:10px;display:flex;align-items:center;padding:0;border-radius:60px;background-color:#fff;box-shadow:inset 0 0 10px rgba(0,0,0,.9)}.settingsModal-container .profile-item label,.settingsModal-container .settings-item label{font-weight:700;margin-right:10px;margin-left:30px}.settingsModal-container .settings-item img{margin-left:auto}.settingsModal-container .settings-item button{margin-left:auto;margin-right:20px;padding:15px;font-weight:700;font-size:15px;color:#fff;border:none;border-radius:50px;background-color:#31a6ae}.settingsModal-container .profile-item input[type=checkbox],.settingsModal-container .settings-item input[type=checkbox]{margin-right:5px}@media screen and (orientation:portrait){.settingsModal-container .modal-quiz-content{justify-content:flex-start}.settingsModal-container .tab{font-size:13px}}.main-menu-container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:1200px){.main-menu-container .content-container h1{font-size:20px!important}.main-menu-container .reset-menu-btn{display:none!important}}.main-menu-container .form-edit-details{padding-top:30px}@media screen and (max-width:600px){.main-menu-container .form-edit-details{margin-left:-20px}}.main-menu-container .reset-menu-btn{top:25%!important}.main-menu-container .credit-pps{padding-top:180px}@media screen and (max-width:600px){.main-menu-container .credit-pps{padding-top:100px;margin-left:-20px}}.main-menu-container ul li{cursor:pointer}.main-menu-container .modal-main-menu{z-index:999;position:relative;padding:20px;border-radius:30px;width:100%;max-width:max(300px,20vw);min-height:min(600px,80vh);display:flex;flex-direction:column;background-image:url(/_next/static/media/Brown\ menu.0eef69e4.svg);background-position:20px 15px;background-size:87%;background-repeat:no-repeat;align-items:center;justify-content:top}.main-menu-container .modal-main-menu ul{padding-top:20%}.main-menu-container .modal-main-menu .close-btn{border:none;background-color:transparent;font-weight:700;font-size:30px;position:absolute;color:#fff;z-index:1e+22;top:0;right:-80px!important;cursor:pointer}.main-menu-container .modal-main-menu .banner-top{background-image:url(/_next/static/media/Blue\ ribbon.17ea6d59.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:-45%;left:-2.5%;display:flex;align-items:center;justify-content:center;color:#fff}.main-menu-container .modal-main-menu .banner-top h1{margin-top:0}@media screen and (max-width:900px){.main-menu-container .modal-main-menu{background-position:10px 15px}}.main-menu-container .modal-main-menu .close-btn{z-index:9;top:-30px;right:0}.main-menu-container .modal-main-menu ul{z-index:8}.main-menu-container .modal-contact-menu{z-index:999;position:relative;padding:15px;border-radius:30px;width:100%;max-width:max(300px,20vw);min-height:min(600px,80vh);display:flex;text-wrap:auto;flex-direction:column;background-image:url(/_next/static/media/Purple\ menu.5b9b68d0.svg);background-position:20px 15px;background-size:87%;background-repeat:no-repeat;align-items:center;justify-content:top}.main-menu-container .modal-contact-menu .close-btn{border:none;background-color:transparent;font-weight:700;font-size:30px;position:absolute;color:#fff;z-index:1e+22;top:0;right:-60px;cursor:pointer}.main-menu-container .modal-contact-menu .banner-top{background-image:url(/_next/static/media/Blue\ ribbon.17ea6d59.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:-45%;left:-2.5%;display:flex;align-items:center;justify-content:center;color:#fff}.main-menu-container .modal-contact-menu .banner-top h1{margin-top:0}.main-menu-container .modal-contact-menu ul{padding-top:20%}@media screen and (max-width:900px){.main-menu-container .modal-contact-menu ul{width:100%}}@media screen and (max-width:600px){.main-menu-container .modal-contact-menu ul{scale:.85;padding-top:20%}}.main-menu-container .modal-contact-menu ul li{cursor:pointer!important;width:100%}.main-menu-container .modal-contact-menu ul li:nth-child(3):before{content:url(/_next/static/media/internet-icon.3c5200a9.png);padding-right:15px;vertical-align:middle}.main-menu-container .modal-contact-menu ul li:nth-child(2):before{content:url(/_next/static/media/notebook-icon.562a4434.png);padding-right:15px;vertical-align:middle}.main-menu-container .modal-contact-menu ul li:first-child:before{content:url(/_next/static/media/envelope-icon.01e46a0a.png);padding-right:15px;vertical-align:middle}@media screen and (max-width:900px){.main-menu-container .modal-contact-menu{background-position:10px 15px}.main-menu-container .modal-contact-menu .close-btn{top:0;right:0}}.main-menu-container .main-menu-bkg{position:absolute;z-index:99999;top:0;left:0;padding:20px;width:100%;height:100%;align-items:center;justify-content:center;display:flex;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-menu-container .reset-menu-btn{border:none;background-color:transparent;font-weight:700;font-size:30px;position:absolute;color:#fff;z-index:1e+22;top:95px;left:42px;cursor:pointer}.main-menu-container ul{width:80%;padding:30px 0 0}@media screen and (max-width:900px){.main-menu-container ul{width:95%}}@media screen and (max-width:600px){.main-menu-container ul{scale:.85;padding-top:0;margin:0}}.main-menu-container ul li{width:100%;background:linear-gradient(90deg,#001c38,#00294b);color:#fff;padding:15px 30px;margin-bottom:10px;border-radius:25px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);display:flex;align-items:center;font-weight:700;font-size:12px;white-space:nowrap;height:50px;text-wrap:auto}.main-menu-container ul li:before{content:"";width:30px;height:30px}.main-menu-container ul li:first-child:before{content:url(/_next/static/media/user-icon.2a28b1bf.png);padding-right:15px;vertical-align:middle}.main-menu-container ul li:nth-child(2):before{content:url(/_next/static/media/help-icon.11a48549.png);padding-right:15px;vertical-align:middle}.main-menu-container ul li:nth-child(3):before{content:url(/_next/static/media/file-icon.2ae8313b.png);padding-right:15px;vertical-align:middle}.main-menu-container ul li:nth-child(4):before{content:url(/_next/static/media/shield-icon.992e756e.png);padding-right:15px;vertical-align:middle}.main-menu-container ul li:nth-child(5):before{content:url(/_next/static/media/credit-icon.ecfb7156.png);padding-right:15px;vertical-align:middle}.main-menu-container ul li:nth-child(6):before{content:url(/_next/static/media/user-icon.2a28b1bf.png);padding-right:15px;vertical-align:middle}@media screen and (max-width:900px){.main-menu-container ul{scale:.9}}.main-menu-container .switch{position:relative;display:inline-block;width:60px;height:34px}.main-menu-container .switch input{opacity:0;width:0;height:0}.main-menu-container .slider{width:100%;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.main-menu-container .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.main-menu-container input:checked+.slider{background-color:#ae9254}.main-menu-container input:focus+.slider{box-shadow:0 0 1px #ae9254}.main-menu-container input:checked+.slider:before{transform:translateX(26px)}.main-menu-container .slider.round{border-radius:34px}.main-menu-container .slider.round:before{border-radius:50%}#music-toggle{position:absolute;top:180px;right:calc(17vw + 20px);margin:0;padding:17px;width:30px;height:30px;border-radius:50px;z-index:100000000000000000000;opacity:.75;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#fff;transition:all .15s ease}#music-toggle .on{scale:2.5;margin-top:7px}#music-toggle .off{scale:2.5;margin-top:15px}#music-toggle:hover{scale:1.05;opacity:1}@media screen and (max-width:1200px){#music-toggle{right:unset;left:140px;top:unset;bottom:100px;scale:.85}}#sound-toggle{position:absolute;top:140px;right:calc(17vw + 20px);margin:0;padding:17px;width:30px;height:30px;border-radius:50px;z-index:100000000000000000000;opacity:.75;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#fff;transition:all .15s ease}#sound-toggle .on{scale:2.5;margin-top:7px}#sound-toggle .off{scale:2.5;margin-top:15px}#sound-toggle:hover{scale:1.05;opacity:1}@media screen and (max-width:1200px){#sound-toggle{right:unset;left:190px;top:unset;bottom:100px;scale:.85}}.toggle-item{position:absolute;top:140px;right:calc(17vw + 20px);margin:0;padding:17px;width:30px;height:30px;border-radius:50px;z-index:100000000000000000000;opacity:.75;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#fff;transition:all .15s ease}.toggle-item:hover{scale:1.05;opacity:1}@media screen and (max-width:1200px){.toggle-item{right:unset;left:32px;top:unset;bottom:90px;scale:.85}}.loading-screen-board .toggle-item{width:-moz-fit-content;width:fit-content;padding:4px 12px;font-size:14px;font-weight:400}@media screen and (max-width:600px){.modal-contact-menu{margin-top:100px}.modal-contact-menu ul{width:90%!important;margin-left:-20px}.modal-contact-menu .close-btn{top:-20px!important;right:-30px!important}.main-menu-container .modal-main-menu{margin-top:100px}.main-menu-container .modal-main-menu ul{width:90%!important;margin-left:-20px}.main-menu-container .modal-main-menu .close-btn{top:-20px!important;right:-30px!important}}.profile-menu-container .close-btn{background:transparent;border:none;position:absolute;z-index:999!important;top:100px!important;right:35svw;cursor:pointer}@media screen and (orientation:portrait){.profile-menu-container .close-btn{right:20px;top:30px!important}.profile-menu-container .modal-profile-menu{scale:.8}}@media screen and (min-width:1200px)and (max-width:1700px){.profile-menu-container .close-btn{right:33%;top:50px!important}}.profile-menu-container .modal-profile-menu{position:relative;z-index:99;padding:20px;border-radius:30px;width:100%;max-width:max(300px,25vw);height:min(590px,80vw);display:flex;flex-direction:column;background-image:url(/_next/static/media/Gold\ Menu.d4a0cd4f.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;align-items:center;justify-content:center}@media screen and (min-width:1400px){.profile-menu-container .modal-profile-menu{max-width:350px;background-position:10px}}@media screen and (max-width:800px){.profile-menu-container .modal-profile-menu{height:max(600px,80vw);max-width:350px;background-position:14px}}.profile-menu-container .profile-menu-bkg{position:absolute;z-index:9999999;top:0;left:0;padding:20px;width:100%;height:100%;align-items:center;justify-content:center;display:flex;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-menu-container .user-picture-container{width:50%;justify-content:center;align-items:center;display:flex;position:relative}.profile-menu-container .user-picture-container .user-picture{position:absolute;top:-50px;background-size:cover;width:100px;height:100px}.profile-menu-container .user-picture-container .bottom-picture{position:absolute;display:flex;align-items:center;justify-content:center;bottom:-42px;width:100%;height:100%;scale:1.4;background-image:url(/Images/Desktop/Blue\ ribbon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.profile-menu-container .user-picture-container .bottom-picture p{color:#fff;font-size:10px!important;font-weight:700;padding-bottom:4px}.profile-menu-container .banner{width:100%;max-height:110px;height:100%;background-position:50%;background-color:#8a7a56;border-radius:30px;border:2px solid #fff;background-size:contain;background-repeat:no-repeat;position:absolute;display:flex;flex-direction:row;justify-content:center;top:0;left:5px}@media screen and (max-width:900px){.profile-menu-container .banner{top:20px;max-height:120px}.profile-menu-container .banner p{margin-top:80px;font-size:24px}}.profile-menu-container .tab-buttons{position:relative;z-index:99;display:flex;justify-content:center;top:10px;scale:1;margin-left:10px}.profile-menu-container .tab-buttons button{padding:8px;border:2px solid #fff;color:#fff;background-color:#ae9254;border-radius:30px;margin-inline:10px;font-size:12px;font-weight:700;width:130px}@media screen and (max-width:600px){.profile-menu-container .tab-buttons{margin-top:-80px}}.profile-menu-container .achievement-container{width:100%;margin-left:10px}.profile-menu-container .achievement-content{display:flex;text-align:center;justify-content:space-between;padding-inline:20px;width:300px;align-items:center}.profile-menu-container .achievement-content img{width:40px;height:40px;margin-bottom:10px}.profile-menu-container .achievement-list{padding-top:0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;scale:.9;top:0}.profile-menu-container .achievement-item{width:100%;border:2px solid #fff;margin-block:5px;border-radius:25px;display:flex;height:45px}.profile-menu-container .achievement-content label,.profile-menu-container .achievement-content span{display:flex;white-space:nowrap;font-weight:700}.edit-profile-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999999999!important}.edit-profile-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1f2b38;border-radius:15px;padding:30px;width:300px;box-shadow:0 4px 6px rgba(0,0,0,.2);text-align:center;position:relative;border:2px solid #ae9254;animation:fadeIn .3s ease-in-out;color:#fff!important}.edit-profile-modal-content .close-btn{position:absolute;top:0!important;right:15px;background:transparent;border:none;cursor:pointer}.edit-profile-modal-content .close-btn img{width:50px!important;height:50px!important}.edit-profile-modal-content h1{font-size:1.5rem;color:#fff!important;margin-bottom:20px;padding-top:0!important}.edit-profile-modal-content .form-edit-details{display:flex;flex-direction:column;align-items:flex-start}.edit-profile-modal-content .form-edit-details .label{font-size:1rem;margin-bottom:5px;text-align:left;color:#fff!important}.edit-profile-modal-content .form-edit-details .form-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;margin-bottom:15px;font-size:1rem;color:#333}.edit-profile-modal-content .btn-cont button{background-color:#ae9254;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;width:100%;text-transform:uppercase;transition:background-color .3s ease-in-out;margin-top:10px}.edit-profile-modal-content .btn-cont button:hover{background-color:#916f3c}.badge-name{margin-top:0;margin-bottom:0;color:#fff}.badge-name p{text-align:left;font-weight:700;font-size:18px!important}.badge-profession{margin-top:0;color:#fff;text-align:left!important;font-size:15px!important}.badge-profession p{text-align:left!important;font-weight:400}.user-info-summary{width:50%;display:flex;flex-direction:column!important}.user-info-summary button{width:150px;height:35px;border:2px solid #fff;border-radius:30px;padding:3px;background-color:hsla(0,0%,100%,.25);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative}.user-info-summary button img{position:absolute;left:-5px;width:37px;height:37px;bottom:0}@media screen and (max-width:600px){.modal-profile-menu .achievement-container{margin-top:0}.modal-profile-menu{background-size:96%!important}.modal-profile-menu .banner{top:-40px}.profile-menu-container .banner p{margin-top:0!important}.profile-menu-container .user-picture-container .bottom-picture p{padding-bottom:0;padding-top:5px}}.user-picture-container-garden{width:20%;scale:.7;margin-left:-5%!important;justify-content:center;align-items:center;position:relative!important;z-index:9999999!important;display:flex}.user-picture-container-garden .user-picture{position:absolute;top:-50px;background-color:#fff;background-image:url(/_next/static/media/avatar.ee42c152.jpg);background-size:cover;width:100px;height:100px;border-radius:300px;border:5px solid #ae9254;z-index:9999999!important}.user-picture-container-garden .bottom-picture{position:absolute;display:flex;align-items:center;justify-content:center;bottom:-42px;width:100%;height:100%;scale:1.4;background-image:url(/Images/Desktop/Blue\ ribbon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.user-picture-container-garden .bottom-picture p{color:#fff;font-size:10px!important;font-weight:700;padding-bottom:4px}.lifeEvent-container{z-index:999}.lifeEvent-container .modal-wrapper{position:fixed;z-index:999999999;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:30px;width:80vw;max-width:80vw;height:80vh;flex-direction:column}@media screen and (max-width:1200px){.lifeEvent-container .modal-wrapper .title-bkg{width:80vw;height:80px;margin-bottom:-110px}.lifeEvent-container .modal-wrapper .shape-bkg{width:85vw;height:80vh}}.lifeEvent-container .shape-bkg{opacity:.1;position:absolute;bottom:-100px;height:95vh;width:33%}.lifeEvent-container .title-bkg{position:relative;z-index:9}.lifeEvent-container .event-modal-bkg{position:fixed;z-index:999999999999;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:100%;height:100%;align-items:center;justify-content:center;display:flex;background-color:rgba(0,0,0,.25);background-size:cover;background-position:50%}.lifeEvent-container .event-modal-bkg h1{text-transform:uppercase}@media screen and (orientation:portrait){.lifeEvent-container .modal-content h2{font-size:medium}}@media screen and (orientation:portrait)and (max-width:900px){.lifeEvent-container .modal-content h2{font-size:small}}.lifeEvent-container .event-modal-bkg:has(.modal-wrapper.blank){box-shadow:0 0 10px transparent;background-color:transparent}.lifeEvent-container .close-btn{border:none;background-color:transparent;font-weight:700;font-size:30px;position:absolute;top:-80px;right:-80px;color:#fff;cursor:pointer;z-index:99}.lifeEvent-container .event-image{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:20px;border:2px solid #fff;box-shadow:2px 2px 10px #000;width:100%;height:50vh;background-position:50%;background-repeat:no-repeat;background-size:cover}.lifeEvent-container .modal-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.lifeEvent-container .event-copy{text-align:center}.lifeEvent-container .modal-wrapper{display:flex;justify-content:center;align-items:center}.lifeEvent-container .nav-buttons{display:flex;flex-direction:row}.lifeEvent-container .finish-btn,.lifeEvent-container .next-btn,.lifeEvent-container .prev-btn{padding:10px;background-color:#ae9254;color:#fff;border:1px solid #fff;border-radius:20px;width:100%;margin-inline:10px}.lifeEvent-container .cta-button-life-event{background-color:#ae9254;border:2px solid #fff;border-radius:20px;padding:10px;color:#fff;font-weight:700;margin-block:20px}@media screen and (orientation:portrait){.lifeEvent-container .event-modal-bkg h1{font-size:large}.lifeEvent-container .event-copy,.lifeEvent-container .event-image{width:250px}.lifeEvent-container .close-btn{top:60px!important;right:0!important}}.learn-and-earn-container{height:100%;overflow-y:auto;overflow-x:hidden;padding:10px;border-radius:8px;scrollbar-width:thin}.learn-and-earn-container .answer-select{color:#fff!important}@media screen and (max-width:900px){.room-modal{width:350px!important;min-height:200px!important;overflow-y:auto}}.progress-item-wrapper{position:absolute;display:flex;flex-direction:column;right:calc(17vw - 65px);bottom:140px}@media screen and (max-width:1200px){.progress-item-wrapper{right:-42px;bottom:80px;scale:.75}}@media screen and (max-width:600px){.progress-item-wrapper{right:-16px;bottom:65px;scale:.75}}.item-image-with-text{position:relative;text-align:center;z-index:999;margin-bottom:65px}.item-image-with-text img{width:65px;height:90px}@media screen and (max-width:600px){.item-image-with-text{margin-bottom:25px}}.item-text-overlay{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:15.5px}.progress-bar-fill{border-radius:30px 0 0 30px}.item-bar-container{rotate:-90deg;width:200px;height:20px;background-color:#ccc;margin-top:10px;border-radius:30px}@media screen and (max-width:600px){.item-bar-container{width:150px}}.item-bar-fill{background-color:#ae9254;width:100%;height:100%;transition:all .5s ease;border-radius:30px 0 0 30px}.city-overlay{position:fixed;display:flex;justify-content:center;align-items:center;width:100svw;height:100svh;top:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.city-overlay .city-top-wrapper,.city-overlay .tutorial-boxes{border:2px solid #fff}@media screen and (max-width:900px){.city-overlay .tutorial-boxes{padding:0 5px}.city-overlay .tutorial-boxes h3{scale:.75}}#inthecity .returnToCityButton{z-index:9999}.city-overlay2{animation-duration:3.5s;animation-name:fadeInLong2;position:fixed;display:flex;justify-content:center;align-items:center;top:0;height:100svh;width:100svw;pointer-events:none;z-index:999}.city-overlay2 .tutorial-boxes{padding:0 20px;animation:none;align-items:flex-start;justify-content:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,16,29,.125)}.city-overlay2 .tutorial-boxes h3{text-shadow:2px 2px 5px #000}@media screen and (max-width:900px){.city-overlay2 .tutorial-boxes{padding:0 5px}.city-overlay2 .tutorial-boxes h3{scale:.75;margin-top:5px}}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInLong2{0%{opacity:0}75%{opacity:0}to{opacity:1}}.memory-game{display:flex;flex-direction:column;justify-content:center;width:720px;margin:2% auto;text-align:center;font-family:Arial,sans-serif;color:#333}.memory-game h1{font-size:2.5rem;color:#4caf50;margin-bottom:20px}.memory-game .score-board{display:flex;justify-content:space-between!important;align-items:center;margin-bottom:20px;font-size:1.25rem}.memory-game .score-board button{padding:8px 16px;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer}.memory-game .rating{font-size:1.5rem;color:#4caf50;margin:20px 0}.memory-game .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;justify-content:center;align-items:center;width:100%}.memory-game .block{width:150px;height:130px;perspective:1000px;cursor:pointer}.memory-game .block.flipped .inner{transform:rotateY(180deg)}.memory-game .inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-game .back,.memory-game .front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem}.memory-game .back img,.memory-game .front img{width:100%}.memory-game .front{background-color:#333}.memory-game .back{background-color:#fff;color:#4caf50;transform:rotateY(180deg)}.memory-game .block.matched .inner{background-color:#a5d6a7}.memory-game .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999999;overflow:visible}.memory-game .modal{background:hsla(0,0%,100%,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:45px!important;padding:30px;border-radius:15px;text-align:center;width:60%;height:45%;color:#fff;position:relative}.memory-game .modal,.memory-game .modal-image-container{display:flex;flex-direction:column;align-items:center;overflow:visible}.memory-game .modal-image-container{background-image:url("/_next/static/media/Small menu - gold.89797a98.svg");background-size:contain;background-repeat:no-repeat;background-position:50%;width:20%;height:100%;position:absolute;top:-35%;justify-content:center}.memory-game .modal-image{width:100%;border-radius:10px}.memory-game .modal-level{background-image:url(/_next/static/media/Blue\ ribbon.17ea6d59.svg);background-size:100%;scale:1.2;background-repeat:no-repeat;background-position:50%;width:100%;height:100%;position:absolute;top:-17%;overflow:visible!important;display:flex;align-items:center;justify-content:center}.memory-game .modal-level h3{padding-bottom:10px}.memory-game .modal-popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:#0b1a2b!important}.memory-game .modal-title{padding-top:20px;position:relative;font-size:18px;max-width:70%;font-weight:700;color:#0b1a2b!important;overflow:visible;text-shadow:none}.memory-game .modal-description{margin-bottom:20px;font-size:16px;line-height:1.5;color:#0b1a2b;max-width:60%}.memory-game .modal-description-title{margin-top:140px;margin-bottom:0;color:#0b1a2b!important;font-weight:700;text-transform:uppercase}.memory-game .modal-button{padding:10px 20px;font-size:16px;background:#ae9254;color:#fff;border-radius:30px;cursor:pointer;font-weight:700;border:2px solid #fff}@media screen and (max-width:1200px){.memory-game .modal{width:90%}.memory-game .modal-image-container{width:50%!important}.memory-game .modal-description{max-width:100%}.memory-game{width:100%;margin:0!important}.memory-game .grid{justify-content:center;align-items:center;width:100%;gap:8px}.memory-game .block{width:80px;height:80px}}@media screen and (min-width:1200px)and (max-width:1700px){.memory-game{scale:.8}}.word-search-container{display:flex;flex-direction:column;align-items:center;padding:10px;max-width:100%}.word-search-container .timer-display{display:flex;align-items:center;background-color:rgba(0,0,50,.7);padding:8px 15px;border-radius:20px;color:#fff;font-weight:700;font-size:16px;margin-right:10px}.word-search-container .timer-label{margin-right:5px}.word-search-container .timer-value{color:#4cc9f0}.word-search-container .word-search-subcontainer{display:flex;flex-direction:column;width:100%;align-items:center;margin-bottom:15px}.word-search-container .grid{display:flex;flex-direction:column;border:2px solid #333;background-color:rgba(0,0,50,.7);border-radius:8px;margin-bottom:20px;width:100%;max-width:350px}.word-search-container .row{display:flex}.word-search-container .cell{display:flex;justify-content:center;align-items:center;height:40px;width:12.5%;font-size:18px;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:background-color .2s,transform .1s;border:1px solid hsla(0,0%,100%,.1)}.word-search-container .cell.selected{background-color:#3d85c6;transform:scale(1.05)}.word-search-container .cell.found{background-color:#ae9254}.word-search-container .word-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;padding:15px;background-color:rgba(0,0,50,.7);border-radius:15px;width:100%;max-width:350px}.word-search-container .word{font-size:16px;padding:8px 12px;background-color:hsla(0,0%,100%,.1);color:#fff;border-radius:4px;transition:all .3s}.word-search-container .word.found{text-decoration:line-through;background-color:#ae9254;color:hsla(0,0%,100%,.7)}.word-search-container .feedback{margin-top:15px;padding:15px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:8px;text-align:center;max-width:350px}.word-search-container .endgame-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(22,30,84,.95);padding:20px;border-radius:10px;z-index:1000;color:#fff;text-align:center;width:90%;max-width:350px}.word-search-container .endgame-modal__title{margin-top:0;font-size:24px}.word-search-container .endgame-modal__button{margin-top:15px;padding:10px 20px;background-color:#4285f4;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}@media(max-width:360px){.word-search-container .cell{height:36px;font-size:16px}.word-search-container .word{font-size:14px;padding:6px 10px}}@media(min-width:500px){.word-search-container .word-search-subcontainer{flex-direction:row;justify-content:center;gap:20px}.word-search-container .grid,.word-search-container .word-list{margin:0}}.no-scroll{overflow:hidden!important}.fade-out{opacity:0;transition:opacity .8s ease-out}.fade-in{opacity:1;transition:opacity all 5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hub-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:99999!important}.hub-modal-overlay .modal-content{background-color:#fff;padding:0;border-radius:8px;width:100svw;height:100svh;overflow-y:auto;position:relative;max-width:100svw!important;overflow:hidden}.game-hub{display:flex;flex-direction:column;align-items:center;position:relative;width:100svw}.game-hub .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;max-width:800px;padding-bottom:20px}.game-hub .grid,.game-hub .lock-wrapper{align-items:center;justify-content:center;width:100%}.game-hub .lock-wrapper{display:flex;align-self:flex-end;background-color:rgba(0,28,56,.82);position:absolute;z-index:99;height:100%;color:#fff;flex-direction:column;text-align:center;border-radius:8px}.game-hub .lock-wrapper p{max-width:80%;margin:0;padding-block:5px}.game-hub .lock-icon{position:relative;width:50%;height:50%;z-index:1}.game-hub .grid-item{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:visible;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer;box-shadow:0 8px 16px rgba(0,0,0,.2);position:relative;height:220px;width:auto;display:flex;justify-content:center;align-items:center;z-index:9;margin-block:20px!important;border:8px solid #fff}.game-hub .grid-item:hover{transform:scale(1.08);box-shadow:0 12px 24px rgba(0,0,0,.4);border:8px solid #fff}.game-hub .thumbnail{width:200px;height:200px;border:none;border-radius:10px;object-fit:cover;transition:transform .8s ease;margin-top:-70px}.game-hub .grid-item:hover .thumbnail{transform:scale(1.12)}.game-hub .abs{position:absolute;bottom:0;left:0;background-color:#001c38;width:100%;height:80px;border-radius:0 0 15px 15px}.game-hub .game-title{font-size:1.2rem;font-weight:700;margin:5px 15px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.game-hub .description{font-size:.8rem;margin:0 15px 15px;color:#ddd;text-shadow:1px 1px 3px rgba(0,0,0,.2)}@media screen and (min-width:1400px)and (max-width:1600px){.grid-item{margin-bottom:8px}}@media screen and (max-width:1200px){.info-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.info-box button{margin-top:12px;width:200px;white-space:nowrap}.game-hub{display:flex}.game-hub,.game-hub .grid{width:100%;align-items:center}.game-hub .grid{gap:30px;justify-content:center;grid-template-columns:repeat(2,1fr)}.game-hub .grid .grid-item{width:100%!important;text-align:center;height:130px!important;margin-block:0!important}.game-hub .grid .grid-item .thumbnail{width:120px;height:120px;object-fit:cover;transition:transform .8s ease;margin-top:-20px}.game-hub .grid .grid-item .description{display:none}.game-hub .grid .grid-item .abs{height:45px}.game-hub .grid .grid-item .game-title{font-size:.8rem}.game-hub .return-icon-wrapper .title{font-size:20px!important}}@media screen and (max-width:700px){.game-hub{scale:.8;margin-top:-40px}.bottom-oval{margin-top:-40px;padding:5px!important}}@keyframes zoomAndMove{0%{background-size:150% auto;background-position:10%}50%{background-size:150% auto;background-position:50%}to{background-size:150% auto;background-position:90%}}.game-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:101svh;background-image:url(/_next/static/media/Artboard_2.556fc5de.png);background-size:cover;background-position:0;background-repeat:no-repeat;overflow:auto;background-size:150% auto;animation:zoomAndMove 60s linear infinite alternate}.game-layout a{text-decoration:none}.game-layout .layout-wrap{width:min(1200px,95%);height:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;overflow:hidden}.game-layout .header{display:flex;align-items:center;width:100%}.game-layout .title{color:#fff;font-size:24px;text-align:center;flex-grow:1}.game-layout .header-item-1{flex:1 1;display:flex;align-items:center;justify-content:flex-start}.game-layout .header-item-2{flex:1 1;display:flex;align-items:center;justify-content:flex-end}.game-layout .header-item-1.hidden,.game-layout .header-item-2.hidden{opacity:0;pointer-events:none;visibility:hidden}.game-layout .header-button{width:50px;height:50px}.game-layout .header-button img{width:100%;height:100%}.game-layout .header-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.game-layout .currency-container{width:100px;height:50px;border-radius:30px;position:relative;z-index:0!important;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff}.game-layout .currency-container p{font-size:20px;padding-left:5px;font-weight:700}.game-layout .currency-container img{width:30px;height:30px}.game-layout .game-content{display:flex;flex-wrap:wrap;justify-content:center;flex-grow:1;position:relative}.game-layout .bottom-oval{position:relative;width:-moz-fit-content;width:fit-content;padding:20px;background-color:#001c38;color:#fff;text-align:center;border-radius:30px;border:2px solid #fff}@media screen and (max-width:1200px){.game-layout{animation:none;background-size:cover!important}.game-layout .header-item-1.hidden,.game-layout .header-item-2.hidden{display:none!important}.game-layout .header{flex-direction:column}.game-layout .header .title{font-size:20px}.game-layout .header-item-2{width:100%;justify-content:space-between!important;padding-bottom:20px}.game-layout .game-content{padding:0;margin:0}}.flappy-bkg,.level-complete-overlay{display:flex;justify-content:center;align-items:center}.level-complete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000}.level-complete-content{background-color:#002748;padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3);max-width:500px;width:90%;border:2px solid #ae9254}.level-complete-content h2{font-size:2rem;color:#fff;margin-bottom:20px}.level-complete-content p{font-size:1rem;color:#fff;margin-bottom:20px}.level-complete-content button{background-color:#a99157;border:none;padding:12px 20px;color:#fff;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.level-complete-content button:hover{background-color:#8d7a4d}.level-complete-content button:active{background-color:#74653f}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999999;overflow:visible}.modal{background:hsla(0,0%,100%,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:45px!important;padding:30px;border-radius:15px;text-align:center;width:60%;height:45%;color:#fff;position:relative}.modal,.modal-image-container{display:flex;flex-direction:column;align-items:center;overflow:visible}.modal-image-container{background-image:url("/_next/static/media/Small menu - gold.89797a98.svg");background-size:contain;background-repeat:no-repeat;background-position:50%;width:20%;height:100%;position:absolute;top:-35%;justify-content:center}.modal-image{width:100%;border-radius:10px}.modal-level{background-image:url(/_next/static/media/Blue\ ribbon.17ea6d59.svg);background-size:100%;scale:1.2;background-repeat:no-repeat;background-position:50%;width:100%;height:100%;position:absolute;top:-17%;overflow:visible!important;display:flex;align-items:center;justify-content:center}.modal-level h3{padding-bottom:10px}.modal-popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:#0b1a2b!important}.modal-title{padding-top:20px;position:relative;font-size:18px;max-width:70%;font-weight:700;color:#0b1a2b!important;overflow:visible;text-shadow:none!important}.modal-description{margin-bottom:20px;font-size:16px;line-height:1.5;color:#0b1a2b;max-width:60%}.modal-description-title{margin-top:140px;margin-bottom:0;color:#0b1a2b!important;font-weight:700;text-transform:uppercase}.modal-button{padding:10px 20px;font-size:16px;background:#ae9254;color:#fff;border-radius:30px;cursor:pointer;font-weight:700;border:2px solid #fff}@media screen and (max-width:1200px){.modal{width:90%}.modal-image-container{width:50%!important}.modal-description{max-width:100%}.flappy-bkg canvas{width:85vw!important;aspect-ratio:9/16}.modal-content h2{font-size:18px}.modal-content h3{font-size:17px}.modal-content p{font-size:16px}.modal-content div{gap:0}.popup-accident{width:100%;align-items:center;justify-content:center}.popup-accident .accident-buttons{flex-direction:column!important;gap:0!important}.popup-accident .accident-buttons button{max-width:100%;width:100%!important;white-space:nowrap}}@media screen and (min-width:1400px)and (max-width:1600px){.flappy-bkg canvas{height:500px}}.leaderboard-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:999999999999999}.leaderboard-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1}.leaderboard{position:absolute;width:380px;height:100%;margin:0 auto;padding:20px;color:#f5f5f5;font-family:Arial,sans-serif;text-align:center;background-image:url(/_next/static/media/Group_15144.bd5349d4.webp);background-position:50%;background-repeat:no-repeat;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.leaderboard__close{position:absolute;top:5%;right:-30px;background:none;border:none;font-size:1.5rem;cursor:pointer}.leaderboard__title{font-size:1.8rem;font-weight:700;margin-bottom:15px;color:#e4b400}.leaderboard__no-data{color:#1f2b38}.leaderboard__list{display:flex;flex-direction:column;gap:10px;padding-top:200px}.leaderboard__entry{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#fff;border-radius:8px;transition:transform .2s ease,background .2s ease}.leaderboard__entry:hover{transform:translateY(-2px);background:#334b61}.leaderboard__entry--highlight{background:#334b61;border:2px solid #af9552!important;color:#1f2b38;font-weight:700}.leaderboard__rank{font-size:1.2rem;font-weight:700!important;color:#e4b400;width:20%;text-align:left}.leaderboard .leaderboard__entry{width:300px;padding:10px;background-color:#fff;border-radius:30px;border:2px solid #fff;margin-bottom:8px;margin-left:-25px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.leaderboard .leaderboard__main{display:flex;align-items:center;justify-content:space-between;gap:10px}.leaderboard .leaderboard__points,.leaderboard .leaderboard__rank{font-size:1rem;color:#334b61!important;white-space:nowrap;font-weight:700}.leaderboard .leaderboard__name{color:#b09455}.leaderboard .leaderboard__time{font-size:.9rem;color:#334b61!important;width:100%;text-align:center;margin-top:4px;padding-top:5px;font-weight:700}.leaderboard__name{font-size:1rem;flex:1 1;text-align:center;color:#f5f5f5;font-weight:700}.leaderboard__points{font-size:1rem;font-weight:700;color:#e4b400;width:30%;text-align:right}.leaderboard__footer{margin-top:20px;font-size:1.1rem;color:#e4b400;font-weight:700}@media screen and (min-width:1200px)and (max-width:1700px){.leaderboard__list{padding-top:100px!important}}@media screen and (max-width:1200px){.leaderboard{scale:.8;padding:0}}.pencil-game-wrapper{width:100%;height:100%;position:relative}.pencil-game-wrapper .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999999;overflow:visible}.pencil-game-wrapper .modal{background:hsla(0,0%,100%,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:45px!important;padding:30px;border-radius:15px;text-align:center;width:60%;height:45%;display:flex;flex-direction:column;align-items:center;color:#fff;position:relative;overflow:visible}@media screen and (min-width:1200px)and (max-width:1700px){.pencil-game-wrapper .modal{height:60%}}.pencil-game-wrapper .modal-image-container{background-image:url("/_next/static/media/Small menu - gold.89797a98.svg");background-size:contain;background-repeat:no-repeat;background-position:50%;width:20%;height:100%;position:absolute;top:-35%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:visible}.pencil-game-wrapper .modal-image{width:100%;border-radius:10px}.pencil-game-wrapper .modal-level{background-image:url(/_next/static/media/Blue\ ribbon.17ea6d59.svg);background-size:100%;scale:1.2;background-repeat:no-repeat;background-position:50%;width:100%;height:100%;position:absolute;top:-17%;overflow:visible!important;display:flex;align-items:center;justify-content:center}.pencil-game-wrapper .modal-level h3{padding-bottom:10px}.pencil-game-wrapper .modal-popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:#0b1a2b!important}.pencil-game-wrapper .modal-title{padding-top:20px;position:relative;font-size:18px;max-width:70%;font-weight:700;color:#0b1a2b!important;overflow:visible;text-shadow:none}.pencil-game-wrapper .modal-description{margin-bottom:20px;font-size:16px;line-height:1.5;color:#0b1a2b;max-width:60%}.pencil-game-wrapper .modal-description-title{margin-top:140px;margin-bottom:0;color:#0b1a2b!important;font-weight:700;text-transform:uppercase}.pencil-game-wrapper .modal-button{padding:10px 20px;font-size:16px;background:#ae9254;color:#fff;border-radius:30px;cursor:pointer;font-weight:700;border:2px solid #fff}@media screen and (max-width:1200px){.pencil-game-wrapper .modal{width:90%;height:70%}.pencil-game-wrapper .modal-title{padding-top:0}.pencil-game-wrapper .modal-image-container{width:70%!important}.pencil-game-wrapper .modal-description{max-width:100%}}.pencil-game-wrapper .pen-game-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;box-sizing:border-box}.pencil-game-wrapper .timer-container{background-color:rgba(0,0,0,.8);border-radius:20px;color:#fff;padding:8px 16px;margin-bottom:15px;box-shadow:0 4px 8px rgba(0,0,0,.3);width:100%;max-width:300px;text-align:center;font-weight:700}.pencil-game-wrapper .timer{display:flex;align-items:center;justify-content:center;gap:8px}.pencil-game-wrapper .timer-icon{font-size:1.2rem}.pencil-game-wrapper .timer-text{font-size:1rem}.pencil-game-wrapper .game-area{position:relative;width:100%;aspect-ratio:1/1;min-width:300px!important;min-height:300px!important;max-width:500px;max-height:500px;background-color:rgba(10,25,50,.7);border-radius:12px;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.2),inset 0 0 30px rgba(0,0,0,.3);touch-action:none;border:3px solid hsla(0,0%,100%,.2);margin:0 auto}.pencil-game-wrapper .game-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.pencil-game-wrapper .user-line{stroke:#32cd32;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(50,205,50,.7))}.pencil-game-wrapper .dragging-line{stroke:hsla(0,0%,100%,.6);stroke-width:3;stroke-dasharray:5,5;stroke-linecap:round;animation:dash .5s linear infinite}.pencil-game-wrapper .dragging-line.valid-connection{stroke:#32cd32;stroke-dasharray:none;animation:none;filter:drop-shadow(0 0 8px rgba(50,205,50,.7))}@keyframes dash{to{stroke-dashoffset:-10}}.pencil-game-wrapper .point{position:absolute;width:24px;height:24px;border-radius:50%;background-color:hsla(0,0%,100%,.8);z-index:2;cursor:pointer;transition:all .2s ease;border:2px solid hsla(0,0%,100%,.5);box-shadow:0 0 10px hsla(0,0%,100%,.3)}.pencil-game-wrapper .point.clicked{background-color:#32cd32;transform:translate(-50%,-50%) scale(1.2);border:2px solid hsla(0,0%,100%,.8);box-shadow:0 0 15px rgba(50,205,50,.7)}.pencil-game-wrapper .point.dragging{background-color:#32cd32;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 20px rgba(50,205,50,.9)}.pencil-game-wrapper .game-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:20px;border-radius:10px;text-align:center;z-index:10;width:80%;max-width:300px;box-shadow:0 0 20px rgba(0,0,0,.5)}.pencil-game-wrapper .game-over{border:2px solid #ff4d4d}.pencil-game-wrapper .victory{border:2px solid #32cd32}.pencil-game-wrapper .retry-button{background-color:#4d8cff;color:#fff;border:none;padding:10px 20px;border-radius:20px;margin-top:10px;cursor:pointer;font-weight:700;transition:all .2s ease}.pencil-game-wrapper .retry-button:active,.pencil-game-wrapper .retry-button:hover{background-color:#366cc7;transform:scale(1.05)}.pencil-game-wrapper .hint-message{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:10px 15px;border-radius:20px;text-align:center;animation:fadeInOut 3s ease;z-index:5;max-width:90%}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}@media(max-width:480px){.pencil-game-wrapper .point{width:30px;height:30px}.pencil-game-wrapper .user-line{stroke-width:5}.pencil-game-wrapper .dragging-line{stroke-width:4}.pencil-game-wrapper .timer-container{max-width:90%}}@media(min-width:768px){.pencil-game-wrapper .pen-game-container{padding:20px}.pencil-game-wrapper .game-area{border-radius:16px;min-width:400px;min-height:400px}.pencil-game-wrapper .point{width:20px;height:20px}}.tile-image{width:100%;height:100%;object-fit:cover;border-radius:6px}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}.tile-new{animation:appear .2s ease-out}.dashboard-container{position:relative;overflow:hidden;background-image:url("/_next/static/media/Townhall  desktop – 2.d3c5dd06.webp");background-color:#857040;background-position:50%;background-repeat:no-repeat;background-size:cover}.dashboard-container .iframe-container{position:fixed;top:0;left:0;bottom:0;width:100vw;height:100vh;overflow:hidden}.dashboard-container .iframe-container iframe{position:relative;width:100vw;min-height:100svh!important}.dashboard-container .iframe-content{width:100%;height:100%;border:none}.dashboard-container .dashboard-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.dashboard-container .dashboard-content{width:100%}.dashboard-container .login-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.dashboard-container .password-input{width:80%;max-width:400px;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:4px;outline:none}.dashboard-container .submit-button{width:80%;max-width:400px;padding:10px;margin-top:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.dashboard-container .submit-button:hover{background-color:#0056b3}.dashboard-container .sidebar{background-color:rgba(133,112,64,.7);position:absolute;left:-15vw;top:0;bottom:0;width:15vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:left .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-container .sidebar.open{left:0}.dashboard-container .sidebar .menu-group{width:100%;padding-left:20px;padding-block:10px}.dashboard-container .sidebar .menu-group img{width:40px;height:40px}.dashboard-container .sidebar .menu-group ul li{color:#fff;font-size:15px;text-align:left;list-style:circle;padding-block:5px;max-width:90%;cursor:pointer;transition:all .1s ease}.dashboard-container .sidebar .menu-group ul li.active{color:#ff0;font-weight:700}.dashboard-container .sidebar .menu-group ul li.hover{scale:1.5}.dashboard-container .dashboard-content{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;height:100vh;overflow:hidden}.dashboard-container .dashboard-content .login-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px 30px;border-radius:30px;width:400px;background:hsla(0,0%,100%,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.08)}.dashboard-container .dashboard-content .login-container input{padding:10px 20px;text-align:center;width:250px}.dashboard-container .dashboard-content .login-container button{padding:10px 20px;width:200px;background-color:#857040;border:2px solid #fff;border-radius:25px;color:#fff;font-weight:700;margin-top:20px}.dashboard-container .dashboard-info{background-color:rgba(9,29,50,.7);position:absolute;right:-15vw;top:0;bottom:0;width:15vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px 10px;color:#fff;overflow-y:scroll;transition:right .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-container .dashboard-info ul li{padding-bottom:10px}.dashboard-container .dashboard-info.open{right:0}.dashboard-container .dashboard-info h1{border-bottom:3px solid #857040;width:100%;padding-bottom:5px}.dashboard-container .dashboard-info strong{padding-bottom:20px}.dashboard-container .dashboard-info h2{font-size:25px;color:#857040}.dashboard-container .dashboard-info .info-content{display:flex;flex-direction:column;text-align:left;justify-content:left}.dashboard-container .dashboard-info .search-bar{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.dashboard-container .dashboard-info .search-bar-container{position:relative;display:flex;align-items:center;width:100%}.dashboard-container .dashboard-info .search-bar-container img{width:20px;position:absolute;right:5px;top:20%}.dashboard-container .dashboard-info .info-item{padding:10px;border:1px solid #ddd;margin-bottom:10px;border-radius:4px;background-color:transparent}.dashboard-container .dashboard-info .info-item.highlight{background-color:#ff0}.dashboard-container .dashboard-info .info-item.highlight p{color:#000}@media screen and (max-width:900px){.lego-reporting-view .activity-view .no-licensed .new-resizer{min-height:100vh}.dashboard-container{overflow:hidden}.dashboard-container .dashboard-content{margin-left:0}.dashboard-container .dashboard-content .login-container{width:350px}}@media only screen and (max-width:375px)and (max-height:667px){.key-container{margin-top:-80px!important}.skip-tutorial{margin-top:-50px!important}.mutuality-info-modal{top:25vh!important}.progress-item-wrapper{right:-19px!important}.mutuality-nav-container{padding:0!important;width:60%!important}.room-modal{max-height:500px!important;top:45px!important}.camp-modal{height:350px!important;position:absolute!important;right:-170px;top:30px!important}.bottom-oval{display:flex!important;justify-content:center!important}.bottom-oval div{font-size:16px!important;max-width:90%!important}.profile-menu-container .tab-buttons{margin-top:0!important;top:0!important}}.tetris-game-wrapper{width:100%;height:100%;outline:none}.tetris-container{align-items:center;gap:20px;padding:10px}.tetris-container,.tetris-sidebar{display:flex;flex-direction:column;width:100%}.tetris-sidebar{max-width:250px}@media(min-width:768px){.tetris-container{flex-direction:row;justify-content:center;align-items:flex-start;gap:30px}}.display{box-sizing:border-box;display:flex;align-items:center;margin:0 0 20px;padding:20px;border:4px solid #333;min-height:30px;width:100%;border-radius:20px;color:#999;background:#000;font-family:Pixel,Arial,Helvetica,sans-serif;font-size:.8rem}.display.game-over{color:red}.start-button{box-sizing:border-box;margin:0 0 20px;padding:20px;min-height:30px;width:100%;border-radius:20px;border:none;color:#fff;background:#333;font-family:Pixel,Arial,Helvetica,sans-serif;font-size:1rem;outline:none;cursor:pointer;transition:background-color .2s ease-in-out}.start-button:hover:not(:disabled){background-color:#555}.start-button:disabled{opacity:.5;cursor:not-allowed}.tetris-stage{display:grid;--grid-columns:12;grid-template-columns:repeat(var(--grid-columns),1fr);max-width:400px;width:70vw;aspect-ratio:12/20;grid-gap:1px;border:4px solid #333;background:#111;box-shadow:0 5px 15px rgba(0,0,0,.25)}.tetris-cell{width:100%;box-shadow:inset 0 0 0 1px #333}