:root{--white: #ffffff;--black: #000000}:root{--color-background: var(--white)}@media(prefers-color-scheme:dark){:root{--color-text: var(--black)}}*,*:before,*:after{box-sizing:border-box;margin:0}@font-face{font-family:Luckiest Guy;font-weight:400;font-display:swap;font-style:normal;src:url(/story/gnomes-learn-a-foreign-language/play/fonts/LuckiestGuy-Regular.woff2) format("woff2")}@font-face{font-family:NotoSansGeorgian;font-style:normal;font-weight:700;font-display:swap;src:url(/story/gnomes-learn-a-foreign-language/play/fonts/NotoSansGeorgian-Bold.woff2) format("woff2")}@font-face{font-family:NotoSansGeorgian;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansGeorgian-Medium.woff2) format("woff2")}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.3;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ff-v1{font-family:Luckiest Guy,cursive}.ff-v2{font-family:NotoSansGeorgian,sans-serif}.mb-6{margin-bottom:1.5rem}.font-thin{font-weight:100}.input-line{padding:10px;border:none;border-bottom:2px solid #000;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-shadow:2px 1px 9px rgba(0,0,0,1);background-color:#0000001a}.back-btn{left:0}.preloader{top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.opacity:after{position:absolute;content:"";left:0;right:0;top:0;z-index:1;height:100dvh;width:100%;background-color:#ffffffb3}.relative{position:relative}.z-1{z-index:1}.z-2{z-index:2}.slide-wrapper{width:100%;height:100dvh}.scene{top:0;left:0;width:100%;height:100dvh;background-size:cover;will-change:transform;background-position:-55vw center}.hidden{overflow:hidden}.font-size{font-size:1.4rem}@media only screen and (min-width:667px){.scene{background-position:center center}}@media only screen and (min-width:1280px){.font-size{font-size:1.5rem}}@media only screen and (min-width:1400px){.font-size{font-size:1.8rem}}@media only screen and (min-width:1800px){.font-size{font-size:2.25rem}}@media only screen and (max-width:400px){.font-size--v1{font-size:1rem}}.flex-center{align-items:center;text-align:center}.wrapper-v1{padding:1rem;width:100%;z-index:5}@media only screen and (min-width:1280px){.wrapper-v1{padding:2rem;width:45vw}}.wrapper-v2{width:100%;padding:1rem;text-align:center}@media only screen and (min-width:667px){.wrapper-v2{width:74%;padding:2rem;text-align:center}}.wrapper-v3{width:100%;padding:1rem}@media only screen and (min-width:667px){.wrapper-v3{width:54%;padding:2rem}}.wrapper-v4{width:100%;padding:1rem}@media only screen and (min-width:667px){.wrapper-v4{width:52%;padding:2rem}}.wrapper-v5{width:100%;padding:2rem}.btn{background-color:transparent;border:none;bottom:20px;cursor:pointer;z-index:9898}.btn img{width:50px}@media only screen and (min-width:667px){.btn img{width:auto}}.next-btn{right:0}.btn-submit{background-color:#0e9707;transition:all .5s ease-out;color:#fff;cursor:pointer;font-size:1.15rem;border:none;border-radius:3px;padding:.9rem 1rem .75rem}.btn-submit:hover{background-color:#c23080}.character-img{right:0;bottom:-60px}@media only screen and (min-width:680px){.character-img{right:30vw;bottom:50px}.btn-submit{font-size:1.5rem}}@media(orientation:portrait){.character-img{max-height:520px;height:97vw}}@media(orientation:landscape){.character-img{max-height:420px;height:67vw}}@media(orientation:landscape)and (max-width:650px){.character-img{max-height:390px;height:55vw}}@media(orientation:landscape)and (max-width:1000px){.character-img{max-height:320px;height:42vw}}@media(orientation:landscape)and (max-width:725px){.character-img{max-height:300px;height:38vw}}@media(orientation:portrait)and (max-width:680px){.character-img{max-height:400px;height:91vw}}.character-img--v2{right:10px;bottom:-50px;z-index:-1}.character-img--v3{right:10px;bottom:-160px;max-height:641px;height:48vw}@media(max-width:620px){.character-img--v3{max-height:641px;height:118vw;bottom:-40px}}@media(orientation:portrait)and (max-width:1025px){.scene-8{background-position:27% center}}@media(orientation:landscape)and (max-width:880px){.scene-8{background-position:center 81%}}.money{width:22%}.money-position{left:-25px;z-index:5}.w-full{width:100%}.max-w-110{max-width:90px}.bg-gradient-img{background-image:url(../src/assets/image/gradient.png);background-size:contain;background-repeat:no-repeat}.money-wrapper{max-width:650px;margin:0 auto}.max-w-100{max-width:80px;margin-top:20px}.mln-40{margin-left:-40px}@media(max-width:440px){.money-wrapper{max-width:300px}}.table{bottom:50%;right:50%;margin-right:-220px;margin-bottom:-360px}.questions{height:100dvh;width:100%}.questions-img{background-image:url(../src/assets/image/papir.png);background-size:contain;background-repeat:no-repeat;width:70px;height:6%;text-align:center;color:#000}.questions-img--v1{left:20%;bottom:4%}.questions-img--v2{left:52%;bottom:2%}.questions-img--v3{right:4%;bottom:4%}.justify-end{justify-self:end}.right-20{right:20px}.karta{height:100%;display:flex;align-items:self-end;width:100%;z-index:auto}.karta img{max-width:100%;max-height:100%}.block{display:block}.font-size-v4{font-size:15px!important}.w-fit{width:fit-content}.mx-auto{margin-left:auto;margin-right:auto}.mt-10{margin-top:10px}.absolute{position:absolute}.pen{right:-20px;top:50%;margin-top:0}.eraser{left:0;top:50%;margin-top:0}.bg-notebook{height:80dvh;margin:10dvh auto;background-repeat:no-repeat;column-gap:15vw;width:100%;background-position:center;background-size:contain}.flex{display:flex}.flex-col{flex-direction:column}.flex-edits{column-gap:4rem;row-gap:3vw}::placeholder{color:#fffc;opacity:1;text-shadow:2px 1px 9px rgba(0,0,0,1)}@media(orientation:landscape)and (max-width:1025px){.bg-notebook{column-gap:5vw}}.popup{background-color:#fff;border:1px solid #FF0004;max-width:480px;width:100%;margin:0 auto;padding:20px;top:50%;transform:translateY(-50%)}.popup input{font-size:1.5rem}.validation{font-size:20px}@media only screen and (max-width:400px){.validation{font-size:11px}}.validation-width{width:28px;display:inline-block}.game-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;max-width:600px;margin:0 auto}.bg-gradient{background:radial-gradient(circle at center,white 0%,transparent 60%)}.draggable-container{display:flex;gap:1rem;flex-wrap:wrap}.draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .2s,opacity .2s}.draggable img{width:80px}.draggable:active{cursor:grabbing;transform:scale(1.1)}.drop-zone{width:300px;transition:all .3s}.drop-zone img{max-width:290px}.drop-zone.correct{border-color:#4caf50}.preloader{background-color:#fff9f0}.preloader img{max-width:90%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(orientation:landscape)and (max-width:1200px){.game-container{flex-direction:row;padding:0}.draggable img{width:60px;max-width:170px}.btn img{width:auto;max-width:50px}.drop-zone img{max-width:170px}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.text-bg{position:relative;width:fit-content}.validation-width{position:absolute;right:0;top:0}.sum-display{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.congratulations{font-size:3rem;font-weight:700;color:#000;animation:pop .5s ease}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.shaking{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;border-color:#f44;background-color:#ff44441a}.success-icon{animation:pop .5s ease}.justify-center{justify-content:center}.justify-items-end{justify-items:end}.justify-end{justify-content:flex-end}.opacity-0{opacity:0}.gap-x-6{column-gap:3.5rem}.gap-x-9{column-gap:2.25rem}.fixed{position:fixed}.popup-close{right:5px;top:5px}.popup{left:0;right:0}.height-v1{width:auto;height:130px}.height-v2{width:auto;height:150px}.height-v3{width:auto;height:170px}.float-right{float:right}.botton-text{bottom:8vh}.text-ovelay{text-shadow:2px 1px 2px rgba(0,0,0,1);color:#fff;padding:3px 5px;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;position:relative;z-index:1}.blur{position:relative;margin-bottom:20px;padding:10px}.blur:before{content:"";position:absolute;inset:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:-1;background-color:#0000001a}.z-index-auto{z-index:auto}.uppercase{text-transform:uppercase}.justify-items-center{justify-items:center}.text-center{text-align:center}.btn-custom{font-size:18px;max-width:480px;margin:0 auto 20px}.vertical-alignment{display:flex;flex-direction:column;justify-content:center;height:100vh;margin:0 auto}.share-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(90deg,#ff69b4,#ff1493);border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000001a}.share-icon-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.share-icon-button svg{display:block}.gap-4{gap:1rem}#app{width:100%;height:100vh;margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}h1{font-size:2rem}@media only screen and (min-width:667px){h1{font-size:3rem}}@media only screen and (min-width:1280px){h1{font-size:4rem}}