*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.bottom-2{bottom:.5rem}.left-1\/2{left:50%}.top-2{top:.5rem}.flex{display:flex}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[80\%\]{max-height:80%}.min-h-screen{min-height:100vh}.w-11\/12{width:91.666667%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-full{width:100%}.max-w-20{max-width:5rem}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[\#E31130\]{--tw-border-opacity:1;border-color:rgb(227 17 48/var(--tw-border-opacity))}.border-sp-black{--tw-border-opacity:1;border-color:rgb(35 35 35/var(--tw-border-opacity))}.border-sp-light-yellow{--tw-border-opacity:1;border-color:rgb(179 141 46/var(--tw-border-opacity))}.border-sp-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#F28C8C\]{--tw-bg-opacity:1;background-color:rgb(242 140 140/var(--tw-bg-opacity))}.bg-sp-blue{--tw-bg-opacity:1;background-color:rgb(60 90 128/var(--tw-bg-opacity))}.bg-sp-dark-green{--tw-bg-opacity:1;background-color:rgb(6 112 91/var(--tw-bg-opacity))}.bg-sp-disabled-gray{--tw-bg-opacity:1;background-color:rgb(155 155 155/var(--tw-bg-opacity))}.bg-sp-gray{--tw-bg-opacity:1;background-color:rgb(77 77 77/var(--tw-bg-opacity))}.bg-sp-light-green{--tw-bg-opacity:1;background-color:rgb(114 168 149/var(--tw-bg-opacity))}.bg-sp-light-yellow{--tw-bg-opacity:1;background-color:rgb(179 141 46/var(--tw-bg-opacity))}.bg-sp-red{--tw-bg-opacity:1;background-color:rgb(138 10 42/var(--tw-bg-opacity))}.bg-sp-white,.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-sp-black{--tw-text-opacity:1;color:rgb(35 35 35/var(--tw-text-opacity))}.text-sp-white,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--sp-dark-green:#06705b;--sp-light-green:#72a895;--sp-gray-sp:#4d4d4d;--sp-white:#fff;--sp-black:#232323;--sp-light-yellow:#f0d784;--sp-red:#8a0a2a;--sp-disabled-gray:#9b9b9b;--sp-global-font:"Verdana",sans-serif;--sp-heading-1:clamp(36px,4vw,59px);--sp-heading-2:clamp(32px,3.5vw,54px);--sp-heading-3:clamp(24px,3vw,38px);--sp-heading-4:clamp(20px,2.5vw,34px);--sp-heading-5:clamp(18px,2vw,30px);--sp-heading-6:clamp(16px,1.5vw,26px);--sp-body-large:clamp(18px,1.2vw,20px);--sp-icon-size-large:100px;--sp-icon-size-medium:80px;--sp-icon-size-small:40px;--sp-icon-size-extra-small:25px;--sp-button-border-radius:10px}body{font-family:Verdana,sans-serif;font-family:var(--sp-global-font);margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-sp-primary,.btn-sp-secondary{--tw-text-opacity:1;border-radius:10px;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.5rem;font-weight:700;line-height:2rem;padding:1rem}@media (min-width:1024px){.btn-sp-secondary{padding:2rem}}@media (max-width:370px){.cropper-container{height:90%!important;width:100%!important}}@media (max-width:211px){.cropper-container{height:85%!important;top:15px;width:100%!important}}@media (min-width:640px){.sm\:bottom-1{bottom:.25rem}.sm\:top-0{top:0}.sm\:h-full{height:100%}.sm\:w-1\/2{width:50%}.sm\:w-1\/4{width:25%}.sm\:w-2\/3{width:66.666667%}.sm\:w-2\/5{width:40%}.sm\:w-4\/5{width:80%}.sm\:max-w-24{max-width:6rem}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:p-2{padding:.5rem}.sm\:py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:w-1\/2{width:50%}.md\:w-4\/5{width:80%}.md\:max-w-28{max-width:7rem}.md\:flex-row{flex-direction:row}.md\:p-4{padding:1rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:max-w-32{max-width:8rem}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:1rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1536px){.\32xl\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px) and (max-width:1800px) and (min-height:1000px){.md-minh-1000\:flex-col{flex-direction:column}.md-minh-1000\:items-center{align-items:center}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.start-page{background-color:#06705b;display:flex;flex-direction:column;height:100vh}.str-top-bar{align-items:center;align-items:flex-start;display:flex;justify-content:flex-start;padding-left:25px;padding-top:25px}.settings-button{background:none;border:none}.settings-icon{color:#fff;height:72px;margin-right:2vw;width:72px}.str-center-area{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:center;margin-bottom:25px;width:100%}.help-button,.start-button{background-color:#fff;border:none;border-radius:10px;color:#293642;color:var(--Dark-Blue,#293642);font-family:Verdana;font-size:28px;font-weight:700;height:60px;line-height:40px;margin-bottom:10px;text-align:center;width:540px}.help-icon,.start-icon{margin-right:16px}.logo{align-items:flex-start;display:flex;flex-direction:column;font-family:Verdana;font-size:46.286px;font-style:normal;font-weight:700}.logo-upper{display:flex;gap:5px;margin-bottom:5px}.logo-lower{display:flex;gap:5px;margin-bottom:35px;margin-left:181.428px}.letter-tile{align-items:center;background-color:#fff;border:.857px solid #000;border-radius:8.571px;color:#232323;color:var(--Black,#232323);display:flex;height:85.714px;justify-content:center;width:85.714px}@media (max-width:650px){.str-center-area{margin-bottom:50px}.settings-icon{height:52px;width:52px}.help-button,.start-button{font-size:min(6vw,24px);height:6vh;margin-bottom:10px;max-height:60px;width:90vw}.logo{font-size:30.857px}.logo-upper{gap:2px;margin-bottom:5px}.logo-lower{gap:2px;margin-bottom:35px;margin-left:calc(24vw + 4px)}.letter-tile{height:12vw;width:12vw}}@media (max-height:450px){.settings-icon{height:52px;width:52px}.str-center-area{margin-bottom:4vh}.help-button,.start-button{font-size:7.5vh;height:15vh;line-height:40px;margin-bottom:10px;width:50vw}.logo{font-size:10vh}.logo-upper{gap:5px;margin-bottom:5px}.logo-lower{gap:5px;margin-bottom:25px;margin-left:calc(30vh + 10px)}.letter-tile{height:15vh;width:15vh}}body,html{background-color:#06705b;box-sizing:border-box;height:100%;margin:0;overflow:auto;padding:0}.settings-container{align-items:center;color:var(--sp-white);display:flex;flex-direction:column;font-family:Verdana,sans-serif;height:100%;justify-content:flex-start;overflow:auto}.settings-container .header-right{visibility:hidden}.settings-container .edit-button{display:none}.settings-container .header{margin-bottom:0;padding:25px}.settings-about-container{align-items:stretch;display:flex;flex-direction:column;overflow:visible;padding:10px;row-gap:10px;width:100%}.settings-about-container h2{font-size:var(--sp-heading-5);font-weight:700;padding-bottom:10px}.settings-about-container h4{font-size:var(--sp-heading-6);font-weight:700;padding-bottom:10px;padding-top:20px}.about-info{align-items:center;background-color:var(--sp-dark-green);border-radius:10px;color:var(--sp-white);display:flex;flex-direction:column;font-size:var(--sp-body-large);margin-top:0;overflow-y:auto}.reset-button{display:flex;justify-content:center;margin-bottom:10px;margin-top:20px}.settings-container h3{color:var(--sp-white);font-size:var(--sp-heading-2);margin:0;text-align:center}.settings{align-items:center;margin-top:10px}.setting-item{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px;max-width:400px;width:100%}.setting-item label{color:var(--sp-white);font-size:var(--sp-body-large);font-weight:700;margin:0}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:4px;position:absolute;transition:transform .3s;width:18px}.switch input:checked+.slider{background-color:var(--sp-light-green)}.switch input:checked+.slider:before{transform:translateX(26px)}.soft-box{align-items:center;background-color:#ffffff1a;border-radius:10px;box-shadow:0 4px 20px #0003;color:var(--sp-white);margin-bottom:5px;margin-top:5px;padding:5px;width:80%}.reset-button button{background-color:var(--sp-white);border:none;border-radius:var(--sp-button-border-radius);color:var(--sp-black);font-size:var(--sp-body-large);font-weight:700;margin-top:20px;padding:10px 20px;width:auto}.reset-button :hover{background-color:var(--sp-light-yellow)}.modal-content h2,.modal-content p{color:var(--sp-black)}@media (max-width:767px){.settings-about-container{width:95%}.reset-button button{font-size:var(--sp-body-medium)}.soft-box{padding:5px;width:95%}}@media (min-width:768px) and (max-width:1024px){.settings-about-container,.soft-box{width:80%}}.back-button{align-items:center;background:none;border:none;color:var(--sp-white);display:flex;padding:none}.chevron-icon{color:#fff;font-size:var(--sp-icon-size-large)}.chevron-icon:hover{color:var(--sp-light-yellow)}@media (max-width:767px){.chevron-icon{font-size:var(--sp-icon-size-small)}}@media (min-width:768px) and (max-width:1024px){.chevron-icon{font-size:var(--sp-icon-size-medium)}}.edit-button{align-items:center;background:none;border:none;display:flex;margin-left:auto;padding:2px 3px}.edit-icon{color:#293642;color:var(--Dark-Blue,#293642);font-size:var(--sp-icon-size-small);transition:color .3s ease}.edit-icon:hover{color:gray!important}.add-button{align-items:center;background:none;border:none;color:var(--sp-white);display:flex;padding:none}.add-word-icon{color:#fff;font-size:var(--sp-icon-size-large)}.add-word-icon:hover{color:var(--sp-light-yellow)}@media (max-width:767px){.add-word-icon{font-size:var(--sp-icon-size-small)}}@media (min-width:768px) and (max-width:1024px){.add-word-icon{font-size:var(--sp-icon-size-medium)}}.header{align-items:center;background-color:#06705b;display:flex;justify-content:space-between;margin-bottom:25px;padding-top:25px;width:100%}.header-center h2{color:var(--sp-white);font-family:var(--sp-global-font);font-size:var(--sp-heading-1);font-weight:700;max-width:60vw;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-center{align-items:center;display:flex;gap:10px;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}.instruction-step{align-items:center;background-color:#ffffff1a;border-radius:10px;box-shadow:0 4px 20px #0003;color:var(--sp-white);display:flex;flex-direction:column;justify-content:center;margin:15px 0;padding:20px;width:90%}.instruction-title{color:var(--sp-white);font-size:var(--sp-heading-3);margin-bottom:15px;text-align:center}.instruction-image img{border-radius:8px;height:auto;margin-bottom:15px;max-width:100%}.instruction-text p{color:var(--sp-white);font-size:var(--sp-body-large);line-height:1.5;text-align:center}@media (min-width:768px) and (max-width:1024px){.instruction-step{width:80%}}.instructions-page{background-color:var(--sp-dark-green);height:100vh;overflow-y:auto}.ins-center-area{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:60px}.instructions-page .header-right{visibility:hidden}.instructions-page .edit-button{display:none}.instructions-page .header{margin-bottom:0;padding:25px}.instructions-intro{color:var(--sp-white);font-size:var(--sp-body-large);line-height:1.5;margin:20px;max-width:90%}.instructions-text{word-wrap:break-word;color:var(--sp-white);font-family:var(--sp-global-font);font-size:20px;font-weight:400;line-height:28px;text-align:center;width:70%}@media (max-width:650px){.instructions-page{background-color:var(--sp-dark-green);height:100vh;overflow-y:auto}.ins-center-area{padding-top:4vw}.ins-header{font-size:6vw}.instructions-text{font-size:3vw;line-height:1.5;width:80vw}}@media (max-width:60px){.instructions-page{height:100vh;overflow-y:auto}.ins-center-area{padding-top:5vw}.ins-header{font-size:4vw}.instructions-text{font-size:2vw;line-height:3.5;width:60vw}}@media (max-height:420px){.instructions-page{height:100vh}.ins-center-area{padding-top:6vh}.ins-header{font-size:6vh;margin-bottom:2vh}.instructions-text{font-size:4vh;margin-bottom:2vh;width:80%}}.game-menu-page{align-items:center;background-color:var(--sp-dark-green);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOcAAAB9CAYAAABZCXQFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZ3SURBVHgB7d3fThtHFMfxaYDEBDvFcWwI/5JiFSpRKVzktk/Sl+gr9A17k4teJFKo5KYgMOBCccCkexwZAbExa3Zmz5z9fiQgC4m58S8ze87szHePf/v1iwOgzJffHzkAKhFOQCnCCShFOAGlCCegFOEElCKcgFKEE1CKcAJKEU6otbWw5IqMcEKltWrNLX0/76qzc66oCCfUKc3MuLX55/0/by0Wd/QknFCnWau72SSgQr6+qj53RUQ4oYqMmkvP5m98bz0J68yj4r1VCSdU2V5a/eZ704+mkoA2XNEQTqghI2blSWnoz9aSqe2on1lFOKGGTF/vsllfcEVCOKHC9SLQKNWnc4VqrRBO5E6KQONGzQFprRSlOEQ4kbvmPYMpZHRdrdZcERBO5EqKPLdbJ+NI37MIoyfhRK7eDGmdjCOtlY36orOOcCI3MmKOKwKN/LcFWHdLOJGLNEWgUZq1F84ywolcLD9g1ByQ1kra+9WYEE4El8WoOWB53S3hRHDNjIIpLLdWCCeCqpcrmU9FpbVSeuAUWSPCiaA2PbRApLXyk8HWCuFEMEsZFIFGkRHZWmuFcCKILItAo1hrrRBOBHGfp04eSlorlrY0IZzwbtjWI75Yaq1MO8AzuRdsHR1eXcvSuyxdXPbcbqdzdV1+Muva/5242BFOePf38WH/QzQ93HdKtbZ1fGQikNcxrUUwPotCFh/CJpwI5u3Ka+fLbD/4tnboI5wIIkS1Vnbos9TrJJzwLkSPc8DS9JZwwjuf09nbLE1vCSe8CjGdvc3K9JZwwpuQ09nbLExv6XPCGxk126c3e4/lUikJzZTzodM9cxe93tW1jJ67Jx0XK8IJb959at24bsxV3Jvl9Lvt3Vf79NT9uffJWcG0FkHIFHej4feZS7nXZOE7kNL2y9UghSG5x7WyKwLhhHdy71kphTm+T9bZSuvGQq+TcMIreVQsdMVWRmgLO8ITTngT4j5zFHksLfb7T8IJL6aTaWXe00sZPWM+DZtwwotmrRF8ZdAwclBSrPefhBOZW6vW+m0NDeQ/iElOMtOARQjInExp3+/vubQa5crYaegkryvk/vfs/NzFhHAicx8mDJCMcuPCOelrx4hpLaAU4QSUIpyAUoQTUIpwAkoRTkApwgkoRZ8Tauy09/vHKuCrwoZza2HJvfun5aBHp9tNPncdvirktFaeMZRHikIdSwdMonDhlHWfg4d/LZ3lCHsK9858Va1dPcokX1eTa0CjQoVz2CbH8rS8lQ2hYEuhwjns4FbZEOrnpDgEaFOYcMru36MKQNWnc6aOjoMNhQmnnJ1xl2bthQM0KUQ4ZcQct5+NjJ6WdgtH/MyHM81JV7RWoIn5d2Ka8yGlOERrBVqYDqeMmmlXATUNnbWBuJkOZ3PCYwBorUADs+Hsr5+dcO0srRVoYDacDz08Z1zrBfDNZDjXrq2fndRsiiov4IO5cEoxZ20+m36l9D1prSAv5t55aVon40hrZb3WcEAeTIVzktbJOHIgD8Uh5MFUOLc9nSbFulvkwUw4ZcT0dVCqtFYacxUHhGQmnL4rq3J8OsUhhGTi3ZZlEWgUtjRBaNGHsxSwH8mWJggp+n1rnz0uudbR4dV1vVJJpp9TLisXlz232+nc+H2xnZCMOEUfzt2TTv9DDPajzZL0Ov/9fOY+tg8cEJKZCofP6e06j5EhB2bC6bMoxA59yIOJcD7k8bD7Yo8hhEa1NgWmtwgp+nCG6HEOML1FSFGHM8R09jamtwgl2nCWcnwYmuktQoi2zykL0c/OP/c/BsqlUqYLEK7rdM/cRa93dS0j9of9PQf4Em04dw4P+h8DMpL98sOPzhdZFfRH6y8HhGKilSLBfLvy2vlUL1e410RQJsK5WV8MUrHdSH4PuyIgFBOtlEY53IPQsmUmxSCEEHU4ZRQLXbGVEZpeJ0KIupWS18bP0uts1tjTFn5FG87tl6vBVgYNIyM295/wKcpwyqhVKfnZzCuN7eUV7j/hTXThlOa/lmMSZK2tjOCAD9EtQpiemnLvJ1iZIxXdcVtn7rQP3Pllz6UlrysriIAsRRfOnfa+m4Tcn44L58fktc8u2B8IOrARK6AU4QSUIpyAUoQTUIpwAkoRTkApwgkoFf1xDPcl/dHW8dGdf4ceJzQpTDg73W7yueuAWDCtBZQinIBShBNQinACShFOQCnCCShFOAGlCCeg1P/VjNbDMFf8owAAAABJRU5ErkJggg==);background-position:50%;background-repeat:repeat;display:flex;flex-direction:column;height:100vh;justify-content:flex-start}.game-menu-page .header{margin-bottom:0;padding:25px}.game-menu-page .header-right{visibility:hidden}.game-menu-page .edit-button{display:none}.button-list{flex-direction:column;justify-content:flex-start;max-height:60vh;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:20px;row-gap:20px}.button-item-container,.button-list{align-items:center;display:flex;width:100%}.button-item-container{background-color:var(--sp-white);border:none;border-radius:var(--sp-button-border-radius);height:100%;justify-content:space-between;max-height:80px;padding:20px 25px;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.button-item-container:hover{background-color:var(--sp-light-yellow);box-shadow:0 4px 10px #0000001a}.path-button{border-radius:var(--sp-button-border-radius) 0 0 var(--sp-button-border-radius);color:#293642;color:var(--Dark-Blue,#293642);font-size:var(--sp-heading-2);font-weight:700;height:100%;line-height:40px;text-transform:capitalize;width:100%}.paths-page{align-items:center;background-color:var(--sp-dark-green);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOcAAAB9CAYAAABZCXQFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZ3SURBVHgB7d3fThtHFMfxaYDEBDvFcWwI/5JiFSpRKVzktk/Sl+gr9A17k4teJFKo5KYgMOBCccCkexwZAbExa3Zmz5z9fiQgC4m58S8ze87szHePf/v1iwOgzJffHzkAKhFOQCnCCShFOAGlCCegFOEElCKcgFKEE1CKcAJKEU6otbWw5IqMcEKltWrNLX0/76qzc66oCCfUKc3MuLX55/0/by0Wd/QknFCnWau72SSgQr6+qj53RUQ4oYqMmkvP5m98bz0J68yj4r1VCSdU2V5a/eZ704+mkoA2XNEQTqghI2blSWnoz9aSqe2on1lFOKGGTF/vsllfcEVCOKHC9SLQKNWnc4VqrRBO5E6KQONGzQFprRSlOEQ4kbvmPYMpZHRdrdZcERBO5EqKPLdbJ+NI37MIoyfhRK7eDGmdjCOtlY36orOOcCI3MmKOKwKN/LcFWHdLOJGLNEWgUZq1F84ywolcLD9g1ByQ1kra+9WYEE4El8WoOWB53S3hRHDNjIIpLLdWCCeCqpcrmU9FpbVSeuAUWSPCiaA2PbRApLXyk8HWCuFEMEsZFIFGkRHZWmuFcCKILItAo1hrrRBOBHGfp04eSlorlrY0IZzwbtjWI75Yaq1MO8AzuRdsHR1eXcvSuyxdXPbcbqdzdV1+Muva/5242BFOePf38WH/QzQ93HdKtbZ1fGQikNcxrUUwPotCFh/CJpwI5u3Ka+fLbD/4tnboI5wIIkS1Vnbos9TrJJzwLkSPc8DS9JZwwjuf09nbLE1vCSe8CjGdvc3K9JZwwpuQ09nbLExv6XPCGxk126c3e4/lUikJzZTzodM9cxe93tW1jJ67Jx0XK8IJb959at24bsxV3Jvl9Lvt3Vf79NT9uffJWcG0FkHIFHej4feZS7nXZOE7kNL2y9UghSG5x7WyKwLhhHdy71kphTm+T9bZSuvGQq+TcMIreVQsdMVWRmgLO8ITTngT4j5zFHksLfb7T8IJL6aTaWXe00sZPWM+DZtwwotmrRF8ZdAwclBSrPefhBOZW6vW+m0NDeQ/iElOMtOARQjInExp3+/vubQa5crYaegkryvk/vfs/NzFhHAicx8mDJCMcuPCOelrx4hpLaAU4QSUIpyAUoQTUIpwAkoRTkApwgkoRZ8Tauy09/vHKuCrwoZza2HJvfun5aBHp9tNPncdvirktFaeMZRHikIdSwdMonDhlHWfg4d/LZ3lCHsK9858Va1dPcokX1eTa0CjQoVz2CbH8rS8lQ2hYEuhwjns4FbZEOrnpDgEaFOYcMru36MKQNWnc6aOjoMNhQmnnJ1xl2bthQM0KUQ4ZcQct5+NjJ6WdgtH/MyHM81JV7RWoIn5d2Ka8yGlOERrBVqYDqeMmmlXATUNnbWBuJkOZ3PCYwBorUADs+Hsr5+dcO0srRVoYDacDz08Z1zrBfDNZDjXrq2fndRsiiov4IO5cEoxZ20+m36l9D1prSAv5t55aVon40hrZb3WcEAeTIVzktbJOHIgD8Uh5MFUOLc9nSbFulvkwUw4ZcT0dVCqtFYacxUHhGQmnL4rq3J8OsUhhGTi3ZZlEWgUtjRBaNGHsxSwH8mWJggp+n1rnz0uudbR4dV1vVJJpp9TLisXlz232+nc+H2xnZCMOEUfzt2TTv9DDPajzZL0Ov/9fOY+tg8cEJKZCofP6e06j5EhB2bC6bMoxA59yIOJcD7k8bD7Yo8hhEa1NgWmtwgp+nCG6HEOML1FSFGHM8R09jamtwgl2nCWcnwYmuktQoi2zykL0c/OP/c/BsqlUqYLEK7rdM/cRa93dS0j9of9PQf4Em04dw4P+h8DMpL98sOPzhdZFfRH6y8HhGKilSLBfLvy2vlUL1e410RQJsK5WV8MUrHdSH4PuyIgFBOtlEY53IPQsmUmxSCEEHU4ZRQLXbGVEZpeJ0KIupWS18bP0uts1tjTFn5FG87tl6vBVgYNIyM295/wKcpwyqhVKfnZzCuN7eUV7j/hTXThlOa/lmMSZK2tjOCAD9EtQpiemnLvJ1iZIxXdcVtn7rQP3Pllz6UlrysriIAsRRfOnfa+m4Tcn44L58fktc8u2B8IOrARK6AU4QSUIpyAUoQTUIpwAkoRTkApwgkoFf1xDPcl/dHW8dGdf4ceJzQpTDg73W7yueuAWDCtBZQinIBShBNQinACShFOQCnCCShFOAGlCCeg1P/VjNbDMFf8owAAAABJRU5ErkJggg==);background-position:50%;background-repeat:repeat;display:flex;flex-direction:column;height:100vh;justify-content:flex-start}.paths-page .header{margin-bottom:0;padding:25px}.path-list{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-height:60vh;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:20px;row-gap:20px;width:100%}.paths-page .header .edit-button{display:none}.path-list::-webkit-scrollbar{width:10px}.path-list::-webkit-scrollbar-thumb{background-color:var(--sp-light-green);border-radius:var(--sp-button-border-radius)}.path-item-container{align-items:center;background-color:var(--sp-white);border:none;border-radius:var(--sp-button-border-radius);display:flex;justify-content:space-between;max-height:60vh;padding:20px 25px;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;width:100%}.path-item{border-radius:var(--sp-button-border-radius) 0 0 var(--sp-button-border-radius);color:#293642;color:var(--Dark-Blue,#293642);cursor:pointer;display:inline-block;font-size:var(--sp-heading-2);font-weight:700;height:100%;line-height:40px;margin-right:5px;text-transform:capitalize;white-space:normal;width:100%;word-break:break-word}.path-item-container:hover{background-color:var(--sp-light-yellow);box-shadow:0 4px 10px #0000001a}.no-paths{color:var(--sp-white);font-size:var(--sp-heading-2);font-weight:700}.add-path-icon:hover{color:var(--sp-light-yellow)}.modal-overlay{background-color:#00000080;height:100vh;overflow:hidden;width:100vw}.modal-content{align-items:center;background-color:var(--sp-white);display:flex;flex-direction:column;max-width:500px;padding:30px;text-align:center;width:80%}.modal-content,.modal-input{border-radius:var(--sp-button-border-radius)}.modal-input{border:2px solid var(--sp-black);font-size:var(--sp-body-large);margin:20px 0;padding:15px;width:90%}.modal-input:focus{border-color:var(--sp-light-green)}.modal-buttons{column-gap:20px;display:flex;justify-content:space-between;margin-top:25px;width:100%}.cancel-button,.save-button{border:none;border-radius:var(--sp-button-border-radius);font-size:var(--sp-body-large);font-weight:700;padding:15px 20px;transition:background-color .3s ease,box-shadow .3s ease;width:50%}.cancel-button{background-color:#8a0a2a;color:#fff}.save-button{background-color:var(--sp-dark-green);color:#fff}.fetch-input{border:2px solid;border-color:var(--sp-black);margin:10px}.fetch-button,.receive-path-button{border:2px solid;border-radius:5px}.delete-button{align-items:center;background:none;border:none;display:flex;margin-left:2%;padding:2px 3px}.delete-icon{color:#293642;color:var(--Dark-Blue,#293642);font-size:var(--sp-icon-size-small);transition:color .3s ease}.delete-icon:hover{color:gray}.share-button{align-items:center;background:none;border:none;display:flex;margin-left:2%;padding:2px 3px}.share-icon{color:#293642;color:var(--Dark-Blue,#293642);font-size:var(--sp-icon-size-small);transition:color .3s ease}.share-icon:hover{color:gray}.manage-page{align-items:center;background-color:var(--sp-dark-green);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOcAAAB9CAYAAABZCXQFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZ3SURBVHgB7d3fThtHFMfxaYDEBDvFcWwI/5JiFSpRKVzktk/Sl+gr9A17k4teJFKo5KYgMOBCccCkexwZAbExa3Zmz5z9fiQgC4m58S8ze87szHePf/v1iwOgzJffHzkAKhFOQCnCCShFOAGlCCegFOEElCKcgFKEE1CKcAJKEU6otbWw5IqMcEKltWrNLX0/76qzc66oCCfUKc3MuLX55/0/by0Wd/QknFCnWau72SSgQr6+qj53RUQ4oYqMmkvP5m98bz0J68yj4r1VCSdU2V5a/eZ704+mkoA2XNEQTqghI2blSWnoz9aSqe2on1lFOKGGTF/vsllfcEVCOKHC9SLQKNWnc4VqrRBO5E6KQONGzQFprRSlOEQ4kbvmPYMpZHRdrdZcERBO5EqKPLdbJ+NI37MIoyfhRK7eDGmdjCOtlY36orOOcCI3MmKOKwKN/LcFWHdLOJGLNEWgUZq1F84ywolcLD9g1ByQ1kra+9WYEE4El8WoOWB53S3hRHDNjIIpLLdWCCeCqpcrmU9FpbVSeuAUWSPCiaA2PbRApLXyk8HWCuFEMEsZFIFGkRHZWmuFcCKILItAo1hrrRBOBHGfp04eSlorlrY0IZzwbtjWI75Yaq1MO8AzuRdsHR1eXcvSuyxdXPbcbqdzdV1+Muva/5242BFOePf38WH/QzQ93HdKtbZ1fGQikNcxrUUwPotCFh/CJpwI5u3Ka+fLbD/4tnboI5wIIkS1Vnbos9TrJJzwLkSPc8DS9JZwwjuf09nbLE1vCSe8CjGdvc3K9JZwwpuQ09nbLExv6XPCGxk126c3e4/lUikJzZTzodM9cxe93tW1jJ67Jx0XK8IJb959at24bsxV3Jvl9Lvt3Vf79NT9uffJWcG0FkHIFHej4feZS7nXZOE7kNL2y9UghSG5x7WyKwLhhHdy71kphTm+T9bZSuvGQq+TcMIreVQsdMVWRmgLO8ITTngT4j5zFHksLfb7T8IJL6aTaWXe00sZPWM+DZtwwotmrRF8ZdAwclBSrPefhBOZW6vW+m0NDeQ/iElOMtOARQjInExp3+/vubQa5crYaegkryvk/vfs/NzFhHAicx8mDJCMcuPCOelrx4hpLaAU4QSUIpyAUoQTUIpwAkoRTkApwgkoRZ8Tauy09/vHKuCrwoZza2HJvfun5aBHp9tNPncdvirktFaeMZRHikIdSwdMonDhlHWfg4d/LZ3lCHsK9858Va1dPcokX1eTa0CjQoVz2CbH8rS8lQ2hYEuhwjns4FbZEOrnpDgEaFOYcMru36MKQNWnc6aOjoMNhQmnnJ1xl2bthQM0KUQ4ZcQct5+NjJ6WdgtH/MyHM81JV7RWoIn5d2Ka8yGlOERrBVqYDqeMmmlXATUNnbWBuJkOZ3PCYwBorUADs+Hsr5+dcO0srRVoYDacDz08Z1zrBfDNZDjXrq2fndRsiiov4IO5cEoxZ20+m36l9D1prSAv5t55aVon40hrZb3WcEAeTIVzktbJOHIgD8Uh5MFUOLc9nSbFulvkwUw4ZcT0dVCqtFYacxUHhGQmnL4rq3J8OsUhhGTi3ZZlEWgUtjRBaNGHsxSwH8mWJggp+n1rnz0uudbR4dV1vVJJpp9TLisXlz232+nc+H2xnZCMOEUfzt2TTv9DDPajzZL0Ov/9fOY+tg8cEJKZCofP6e06j5EhB2bC6bMoxA59yIOJcD7k8bD7Yo8hhEa1NgWmtwgp+nCG6HEOML1FSFGHM8R09jamtwgl2nCWcnwYmuktQoi2zykL0c/OP/c/BsqlUqYLEK7rdM/cRa93dS0j9of9PQf4Em04dw4P+h8DMpL98sOPzhdZFfRH6y8HhGKilSLBfLvy2vlUL1e410RQJsK5WV8MUrHdSH4PuyIgFBOtlEY53IPQsmUmxSCEEHU4ZRQLXbGVEZpeJ0KIupWS18bP0uts1tjTFn5FG87tl6vBVgYNIyM295/wKcpwyqhVKfnZzCuN7eUV7j/hTXThlOa/lmMSZK2tjOCAD9EtQpiemnLvJ1iZIxXdcVtn7rQP3Pllz6UlrysriIAsRRfOnfa+m4Tcn44L58fktc8u2B8IOrARK6AU4QSUIpyAUoQTUIpwAkoRTkApwgkoFf1xDPcl/dHW8dGdf4ceJzQpTDg73W7yueuAWDCtBZQinIBShBNQinACShFOQCnCCShFOAGlCCeg1P/VjNbDMFf8owAAAABJRU5ErkJggg==);background-position:50%;background-repeat:repeat;display:flex;flex-direction:column;height:100vh;justify-content:flex-start}.manage-page .header{margin-bottom:0;padding:25px}.word-entry-container,.word-list{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-height:60vh;max-width:800px;width:100%}.word-list{overflow-x:hidden;overflow-y:auto;padding:20px;row-gap:20px}.word-list::-webkit-scrollbar{width:10px}.word-list::-webkit-scrollbar-thumb{background-color:var(--sp-light-green);border-radius:var(--sp-border-radius)}.word-row-container{align-items:center;background-color:var(--sp-white);border-radius:var(--sp-button-border-radius);display:flex;justify-content:space-between;padding:15px 20px;width:100%}.word-text{color:#293642;color:var(--Dark-Blue,#293642);display:inline-block;flex-grow:1;font-size:var(--sp-heading-5);font-weight:700;overflow:hidden;text-align:left;text-transform:capitalize;white-space:nowrap;white-space:normal;word-break:break-word}.word-image{flex-shrink:0;height:50px;margin-left:5px;margin-right:20px;width:50px}.no-words{color:var(--sp-white);font-size:var(--sp-body-large);font-weight:700;text-align:center}@media (max-width:767px){.delete-icon,.edit-icon,.share-icon{font-size:var(--sp-icon-size-extra-small)}.word-image{margin-right:0}}@media (max-height:450px){.word-image{margin-right:10px}}.word-page{background-color:var(--sp-dark-green);flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 25px}.new-word-header,.word-page{align-items:center;display:flex}.new-word-header{justify-content:space-between;margin-bottom:25px;padding-top:25px;width:100%}.new-word-header h2{color:var(--sp-white);font-size:var(--sp-heading-1);font-weight:700;margin:0 auto}.new-word-container{align-items:center;height:100%;width:100%}.input-container,.new-word-container{display:flex;flex-direction:column;justify-content:flex-start}.input-container{align-items:flex-start;height:auto;margin-top:50px;width:60%}label{color:var(--sp-white);font-size:var(--sp-heading-5);font-weight:700;margin-bottom:20px;text-align:left}.input-wrapper{display:inline-block;position:relative;width:100%}.input-wrapper input[type=text]{border:none;border-radius:var(--sp-button-border-radius);font-size:var(--sp-body-large);font-weight:700;outline:none;padding:15px 50px 15px 20px;width:100%}.img-upload-preview-wrapper{align-items:flex-start;display:flex;gap:20px;height:170px;width:100%}.char-indicator{bottom:0;color:#000;font-size:12px;position:absolute;right:10px;transition:color .3s ease}.char-indicator.warning{color:red;font-weight:700}.img-upload-container{display:flex;flex-direction:column;width:100%}.img-upload-container label{margin-top:20px}.img-upload-button-container{display:flex;flex-direction:column;gap:10px;width:50%}.img-upload-button{align-items:center;background-color:var(--sp-white);border:none;border-radius:var(--sp-button-border-radius);color:var(--sp-dark-green);display:flex;font-size:var(--sp-body-large);gap:10px;height:80px;text-align:center;width:100%}.button-text{font-weight:700}.image-preview{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.image-preview img{height:150px;width:150px}.confirm-button-container{column-gap:20px;display:flex;flex-direction:row;justify-content:center;justify-content:space-between;margin:25px 0;width:60%}.nw-cancel-button,.nw-save-button{border:none;border-radius:var(--sp-button-border-radius);flex:1 1;font-size:var(--sp-heading-5);font-weight:700;padding:15px 20px;text-align:center;width:30%;width:calc(50% - 10px)}.nw-cancel-button{background-color:#8a0a2a;color:#fff}.nw-save-button{background-color:var(--sp-light-green);color:#fff}.image-icon{color:#fff;font-size:var(--sp-icon-size-large);margin-right:20px}@media (max-width:767px){.image-upload-container,.input-container{width:80%}.image-preview{margin-left:5px}.confirm-button-container{column-gap:20px;width:80%}.nw-cancel-button,.nw-save-button{width:50%}}@media (max-width:515px){.img-upload-preview-wrapper{flex-direction:column;height:350px}.image-preview,.img-upload-button-container{width:100%}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90%;max-width:90%;overflow-y:auto;padding:20px;position:relative}.modal-close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.modal-overlay[data-modal-type=image-cropper]{inset:0}.modal-overlay[data-modal-type=image-cropper] .modal-content{display:flex;flex-direction:column;height:80vh;max-height:none;max-width:none;width:80vw}.modal-overlay[data-modal-type=papunet] .modal-content{height:95vh;width:95vw}@media (max-width:767px){.modal-overlay{padding-top:40px}}@media (max-width:767px) and (max-height:270px){.modal-overlay[data-modal-type=image-cropper] .modal-content{height:60vh;width:90vw}}@media (max-width:767px) and (min-height:271px) and (max-height:450px){.modal-overlay[data-modal-type=image-cropper] .modal-content{height:70vh;width:90vw}}@media (max-width:767px) and (min-height:451px) and (max-height:720px){.modal-overlay[data-modal-type=image-cropper] .modal-content{height:70vh;width:90vw}}@media (max-width:767px) and (min-height:721px) and (max-height:1150px){.modal-overlay[data-modal-type=image-cropper] .modal-content{height:70vh;max-height:600px;width:90vw}}@media (min-height:1151px) and (max-height:1500px){.modal-overlay[data-modal-type=image-cropper] .modal-content{height:70vh;max-height:600px;width:90vw}}@media (min-width:768px){.modal-overlay[data-modal-type=image-cropper] .modal-content{height:70vh;max-height:600px;max-width:600px;width:90vw}}.filter-menu{background-color:var(--sp-white);border:1px solid var(--sp-gray-sp);border-radius:10px;margin-bottom:20px;padding:10px;position:relative;width:100%;z-index:2000}.filter-menu-header{align-items:center;display:flex;justify-content:space-between}h3{font-size:var(--sp-heading-5);text-align:left}.unselect-all-button{border:none;color:var(--sp-dark-green);font-size:var(--sp-heading-6);margin-bottom:20px;text-decoration:underline}.menu-icon{height:30px;padding:10px 20px}.filter-dropdown{background-color:var(--sp-white);margin-top:10px;padding:10px}.filter-options-container{display:flex;flex-wrap:wrap;justify-content:space-between}.filter-option{align-items:center;border:1px solid var(--sp-gray-sp);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-basis:48%;padding:15px}.filter-label{color:var(--sp-black);display:flex;flex-basis:50%;flex-grow:1;font-size:var(--sp-heading-6);font-weight:700;justify-content:center;margin:0;text-align:center}.filter-option input[type=checkbox]{accent-color:var(--sp-dark-green);flex-shrink:0;height:20px;margin-right:10px;width:20px}.filter-icon{flex-shrink:0;height:50px;object-fit:contain;width:50px}.apply-filters-btn{background-color:var(--sp-dark-green);border:none;border-radius:8px;color:var(--sp-white);display:block;font-size:var(--sp-heading-6);font-weight:700;margin-bottom:30px;margin-top:10px;padding:10px 20px;text-align:center;width:100%}@media (max-width:768px){.filter-option{flex-basis:100%}}.photo-fetcher{height:100vh;padding:20px;width:100%}.photo-fetcher h1{font-size:1.5rem;margin-bottom:20px}.search-bar-container{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.photo-fetcher input{border:1px solid var(--sp-gray-sp);border-radius:4px;flex:1 1;font-size:1rem;padding:10px}.search-button{background-color:var(--sp-dark-green);border:none;border-radius:8px;color:var(--sp-white);font-size:var(--sp-heading-6);font-weight:700;padding:10px 20px}.search-button:disabled{background-color:var(--sp-disabled-gray)}.photo-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-bottom:100px}.fetch-info{height:100%;margin-top:50px;width:100%}.fetch-info,.photo{align-items:center;display:flex;justify-content:center}.photo{background-color:var(--sp-white);border:1px solid var(--sp-gray-sp);border-radius:4px;box-sizing:border-box;flex-basis:calc(33.333% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;padding:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.photo.selected{border:2px solid var(--sp-dark-green);box-shadow:0 0 10px var(--sp-light-green);transform:scale(1.05)}.photo img{border-radius:4px;height:auto;margin-bottom:10px;max-height:150px;max-width:100%}.zoom-button{color:var(--sp-black);height:30px;margin-bottom:20px;width:30px}.photo .button-icon{width:30px}.return-save-button-container{background-color:var(--sp-white);border:none;border-radius:8px;bottom:5vh;display:flex;gap:20px;justify-content:center;left:50%;padding:10px;position:fixed;transform:translateX(-50%);width:90vw;z-index:1000}.return-btn{background-color:var(--sp-red);font-size:var(--sp-heading-5);padding:15px 20px;width:30%}.save-btn:disabled{background-color:var(--sp-disabled-gray)}.save-btn{background-color:var(--sp-dark-green);font-size:var(--sp-heading-5);padding:15px 20px;width:30%}@media (max-width:767px){.search-bar-container{flex-direction:column}.photo-fetcher input,.search-button{width:100%}.return-save-button-container button{font-size:calc(var(--sp-heading-5) - 4px);height:10%;width:40%}.photo-container{padding-bottom:50px}.photo{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.image-preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-preview-container{background-color:var(--sp-white);border-radius:8px;height:90%;left:50%;overflow:hidden;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.enlarged-image{height:90%!important;image-rendering:auto;margin:0 auto;object-fit:contain}.image-author{flex-shrink:0;font-size:1rem;height:1rem;line-height:1rem;margin-top:20px}.close-btn,.image-author{background-color:var(--sp-white)}.close-btn{align-items:center;border:none;border-radius:8px;color:var(--sp-black);display:flex;height:35px;justify-content:center;position:absolute;right:10px;top:10px;width:35px}.button-icon{height:25px;margin-left:10px;width:25px}@media (max-width:400px){.image-preview-container{height:95%}.enlarged-image{height:auto;max-height:80%;width:90%!important}}@media (min-width:401px){.enlarged-image{height:auto;width:90%!important}}.success-indicator{align-items:center;animation:fadeOut .5s ease-out 1s forwards;border-radius:50%;display:flex;flex-direction:column;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.success-icon{background-color:var(--sp-white);border-radius:50%;color:var(--sp-light-green);font-size:50vw;padding:2px}.success-icon,.success-text{text-shadow:0 4px 8px var(--sp-black)}.success-text{color:var(--sp-white);font-size:7vw;font-weight:700;margin-top:10px}@media (min-width:600px){.success-icon{font-size:30vw}.success-text{font-size:5vw}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loading-msg .error-msg{color:#fff;font-size:var(--sp-heading-1)}.top-bar{justify-content:space-between;margin-bottom:25px;padding-left:9px;padding-top:11px}.progress-bar-container,.top-bar{align-items:center;display:flex;width:100%}.progress-bar-container{height:100%;justify-content:center}.game-back-button{align-items:center;display:flex;grid-area:back-button;position:absolute;width:100%;width:100px}.game-content{flex-direction:column}.game-content,.image-container{align-items:center;display:flex;justify-content:center}.image-container{flex:1 1}.image-container img{width:35vw}@media (min-width:1000px) and (min-height:400px) and (orientation:landscape){.image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.image-container img{width:40vh}}.progress-bar{align-items:center;background-color:#f0d784;border-radius:35px;display:flex;height:60%;padding:0 1vw;width:85%}.progress{background-color:#b38d2e;border-radius:25px;height:60%;transition:width .3s ease}.ending-content{align-items:center;background:#76552b;background:var(--Brown,#76552b);border:4px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:20px;height:90%;justify-content:center;margin-bottom:25px;margin-left:25px;margin-right:25px;padding:10px;text-align:center}.ending-content h2{font-size:36px;line-height:44px;margin-top:10px;text-align:center}.ending-content h2,.ending-page-paragraph{color:#fff;font-family:Verdana;font-style:normal;font-weight:700}.ending-page-paragraph{font-size:22px;line-height:28px}.ending-content img{height:200px;width:200px}.ending-buttons-container{flex-direction:row;gap:16px}.ending-buttons-container,.restart-button{align-items:center;display:flex;justify-content:center}.restart-button{background:#b38d2e;border-radius:8px;height:52px;width:52px}.restart-icon{color:#fff;height:80%;width:80%}.ready-button{align-items:center;background:#72a895;border-radius:8px;color:#fff;display:flex;font-family:Verdana;font-size:22px;font-style:normal;font-weight:700;height:52px;justify-content:center;line-height:25.6px;width:126px}@media (max-height:600px){.ending-content{gap:1vh;height:90%;margin-bottom:5vh;margin-left:5vw;margin-right:5vw}.ending-content h2{font-size:6vh;line-height:6vh;margin-top:0}.ending-page-paragraph{font-size:4vh;line-height:4vh}.ending-buttons-container{gap:8px}.restart-button{height:8vh;width:8vh}.ready-button{font-size:4vh;height:8vh}.restart-icon{height:6vh;width:6vh}.ending-content img{height:28vh;width:28vh}}@media (max-width:500px){.ending-content{gap:3vh;height:100%;margin-bottom:0;margin-left:10px;margin-right:10px}.ending-content h2{font-size:8vw;line-height:8.5vw}.ending-page-paragraph{font-size:5vw;line-height:6.5vw}.ready-button{font-size:6.5vw;height:15vw}.restart-button{height:15vw;width:15vw}.ending-content img{height:50vw;max-height:200px;max-width:200px;width:50vw}}@media (min-width:750px) and (min-height:750px) and (orientation:portrait){.ending-content{gap:25px}.ending-content h2{font-size:44px;margin-bottom:4vh}.ending-page-paragraph{font-size:26px}.restart-button{height:10vw;max-height:80px;max-width:80px;width:10vw}.ready-button{font-size:26px;height:10vw;max-height:80px;max-width:280px;width:30vw}.ending-content img{height:35vw;margin-top:2vh;max-height:300px;max-width:300px;width:35vw}}@media (min-width:1024px){.ending-content h2{font-size:6vh;line-height:8vh}.ending-page-paragraph{font-size:3vh;line-height:4vh}.ending-content img{height:30vh;max-height:none;max-width:none;width:30vh}.restart-button{width:10vh}.ready-button,.restart-button{height:10vh;max-height:200px;max-width:none}.ready-button{font-size:4vh;width:20vh}}.break-content{align-items:center;background:#76552b;background:var(--Brown,#76552b);border:4px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:20px;height:95%;justify-content:center;margin-bottom:25px;margin-left:25px;margin-right:25px;padding:10px;text-align:center}.break-content h2{color:#fff;font-family:Verdana;font-size:36px;font-style:normal;font-weight:700;line-height:44px;margin-top:10px;text-align:center}.break-page-paragraph-1,.break-page-paragraph-2{color:#fff;font-family:Verdana;font-size:22px;font-style:normal;font-weight:700;line-height:28px}.break-content img{height:200px;width:200px}.break-buttons-container{flex-direction:row}.break-buttons-container,.continue-button{align-items:center;display:flex;justify-content:center}.continue-button{background:#72a895;border-radius:8px;color:#fff;font-family:Verdana;font-size:22px;font-style:normal;font-weight:700;height:52px;line-height:25.6px;width:200px}@media (max-height:600px){.break-content{gap:1vh;height:90%;margin-bottom:5vh;margin-left:5vw;margin-right:5vw}.break-content h2{font-size:6vh;line-height:6vh;margin-top:0}.break-page-paragraph-1,.break-page-paragraph-2{font-size:4vh;line-height:4vh}.break-buttons-container{gap:8px}.break-content img{height:28vh;width:28vh}.continue-button{font-size:4vh;height:8vh;width:28vh}}@media (max-width:500px){.break-content{gap:3vh;height:100%;margin-bottom:0;margin-left:10px;margin-right:10px}.break-content h2{font-size:8vw;line-height:8.5vw}.break-page-paragraph-1,.break-page-paragraph-2{font-size:5vw;line-height:6.5vw}.continue-button{font-size:6.5vw;height:15vw;width:60vw}.break-content img{height:50vw;max-height:200px;max-width:200px;width:50vw}}@media (min-width:750px) and (min-height:750px) and (orientation:portrait){.break-content{gap:25px}.break-content h2{font-size:44px;margin-bottom:4vh}.break-page-paragraph-1,.break-page-paragraph-2{font-size:26px}.continue-button{font-size:26px;height:10vw;margin-top:2vh;max-height:80px;max-width:280px;width:40vw}.break-content img{height:35vw;margin-top:2vh;max-height:300px;max-width:300px;width:35vw}}@media (min-width:1024px){.break-content h2{font-size:6vh;line-height:8vh}.break-page-paragraph-1,.break-page-paragraph-2{font-size:3vh;line-height:4vh}.break-content img{height:30vh;max-height:none;max-width:none;width:30vh}.continue-button{font-size:4vh;height:10vh;max-height:200px;max-width:600px;width:30vh}}
/*# sourceMappingURL=main.7b496a1c.css.map*/