@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");@keyframes pinpoint-anim{0%{translate:0 -1em;opacity:0}75%{translate:0 .15em;opacity:1}to{translate:0 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{scale:0}to{scale:1}}@keyframes scale-out{0%{scale:1}to{scale:0}}@keyframes make-visible{0%{opacity:0}to{opacity:1}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes show-left{0%{translate:-20em 0}to{translate:0 0}}@keyframes hide-left{to{translate:-20em 0}}@keyframes show-on{to{opacity:1}}@keyframes show-off{to{opacity:0}}@keyframes small-pulse{0%{scale:1}33%{scale:.9}66%{scale:1.1}to{scale:1}}.hidden{display:none!important}.invisible{visibility:hidden}.transparent{opacity:0;pointer-events:none}.opaque{opacity:1!important;pointer-events:auto}.no-uppercase{text-transform:none}*{margin:0;padding:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;font-family:inherit;box-sizing:border-box}:root,body{width:100vw;min-height:100vh}body{font-family:Poppins,sans-serif;font-weight:800;font-style:normal;letter-spacing:.2em;overflow-x:hidden;cursor:default;color:rgb(255,255,255);background-image:url(/icons/earth-background.webp);background-size:cover;background-repeat:no-repeat}body .body-overlay{min-height:inherit;background-color:rgba(56,60,73,.9);-webkit-backdrop-filter:blur(.05em);backdrop-filter:blur(.05em)}body *{-ms-overflow-style:none;scrollbar-width:none}body ::-webkit-scrollbar{display:none}textarea{resize:none}.masked-icon{width:1.3em;height:1.3em;-webkit-mask-image:url(/public/test.png);mask-image:url(/public/test.png);-webkit-mask-size:1.3em;mask-size:1.3em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;margin-left:0;background-color:hotpink}button{border:none;outline:none;background-color:transparent}.click-button{display:inline-flex;align-items:center;justify-content:center}.click-button.clickable{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.cookie-container{position:fixed;font-size:.8em;z-index:10000;bottom:2em;right:2em;pointer-events:none}.cookie-container.at-center{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.1em;bottom:auto;right:auto}.cookie-container .cookie-banner{width:25em;padding:1.1em;border-radius:1em;color:rgba(255,255,255,.82);background-color:rgba(115,115,115,.55);text-shadow:0 .03em .05em 0 rgba(0,0,0,.15);box-shadow:0 .1em .12em 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(8px) contrast(1.2);backdrop-filter:blur(8px) contrast(1.2);background-color:rgba(152,178,210,.4);pointer-events:auto}.cookie-container .cookie-banner .banner-message{font-size:1.1em;letter-spacing:.07em;text-align:center;color:rgba(255,255,255,.95)}.cookie-container .cookie-banner .accept-button{width:100%;padding:1em 0;margin-top:1em;font-size:1.2em;font-weight:800;letter-spacing:.1em;border-radius:.5em;color:rgba(255,255,255,.95);color:rgba(255,255,255,.88);background-color:rgba(135,135,135,.6);text-shadow:0 .03em .05em 0 rgba(0,0,0,.15);box-shadow:0 .1em .2em 0 rgba(0,0,0,.3);-webkit-backdrop-filter:blur(.12em);backdrop-filter:blur(.12em)}.cookie-container .cookie-banner .accept-button:hover{color:rgba(30.4,35.6,42,.7);background-color:rgba(255,255,255,.9)}.home-page{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center}.home-page .content-box{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;width:95%;max-width:35em;height:100%}.home-page .content-box .top-title{display:flex;flex-direction:column;align-items:center;margin-top:3em;letter-spacing:.1em;color:white}.home-page .content-box .top-title .title-head{font-size:2em}.home-page .content-box .top-title .title-head .label{font-family:Poppins,sans-serif;font-weight:800;letter-spacing:.1em;color:white}.home-page .content-box .top-title .title-head .icon{margin-left:.08em;font-size:.8em;translate:0 -.12em;background-color:rgb(195,130,255)}.home-page .content-box .top-title .description-label{margin-top:.3em;font-size:.9em;font-family:Poppins,sans-serif;letter-spacing:.08em;font-weight:400}.home-page .content-box .game-setup{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2em;padding:.6em}.home-page .content-box .game-setup .game-settings{width:100%}.home-page .content-box .game-setup .game-settings .settings-box{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:.5em}.home-page .content-box .game-setup .game-settings .settings-box:not(:first-child){margin-top:2em}.home-page .content-box .game-setup .game-settings .settings-box .top-label{width:-moz-fit-content;width:fit-content;padding:.2em .5em;font-size:1.1em;letter-spacing:0;font-family:Poppins,sans-serif;font-weight:400;border-radius:1em;border:.1em solid rgba(255,255,255,.15);box-shadow:0 .2em .15em rgba(0,0,0,.2);-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em)}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container{display:flex;flex-direction:column;align-items:center;width:100%}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options{display:flex;flex-direction:row;justify-content:center;width:100%;margin-top:1.5em;gap:1.5em}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;width:10em;height:12em;overflow:hidden;border-radius:.5em;outline:.1em solid rgba(255,255,255,.5);transition:outline .1s ease-out}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option.selected{outline-width:.2em;outline-color:rgb(139,102,227)}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option:not(.selected){cursor:pointer}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option .option-image{width:100%;height:100%}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option .option-image .option-icon{position:absolute;width:100%;height:100%;z-index:1;object-fit:cover;object-position:center}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option .option-image .option-filter{position:absolute;width:100%;height:100%;z-index:2}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .zoom-options .zoom-option .option-label{position:absolute;width:100%;padding:.5em;z-index:3;font-size:.9em;letter-spacing:.1em;text-align:center;box-shadow:0 0 .18em rgba(0,0,0,.65);background-color:rgba(0,0,0,.65)}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .info-box{width:343px;padding:.9em;margin-top:1.5em;font-size:.75em;font-weight:400;text-align:center;letter-spacing:.1em;border-radius:.5em;border:.1em solid rgba(255,255,255,.5);background-color:rgba(255,255,255,.04)}.home-page .content-box .game-setup .game-settings .settings-box.zoom-settings .zoom-container .info-box.mode-description{border-color:rgba(178,160,205,.8)}.home-page .content-box .game-setup .start-button{margin-top:5em;padding:1.2em 1.5em;border-radius:1.5em;border:.1em solid rgba(255,255,255,.4);box-shadow:0 .15em .5em rgba(0,0,0,.4);background:linear-gradient(0deg,#6d0f92 0,#a13dcc);-webkit-backdrop-filter:blur(1.5em);backdrop-filter:blur(1.5em);transition:transform .07s ease-out}@media (max-width:500px){.home-page .content-box .game-setup .start-button{margin-top:2em}}.home-page .content-box .game-setup .start-button:hover{transform:translateY(-.1em);box-shadow:0 .3em .6em rgba(0,0,0,.4)}.home-page .content-box .game-setup .start-button .label{font-size:1.5em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:white}.home-page .footer-box{display:flex;flex-direction:column;align-items:center;width:95%;margin-bottom:.8em}.home-page .footer-box>*{font-size:.9em;font-weight:400;letter-spacing:.05em;opacity:.75}