:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Quicksand;font-weight:400;font-display:swap;font-style:normal;src:url(/prica/kraljevstvo-oblika/play/fonts/Quicksand-Regular.woff2) format("woff2")}@font-face{font-family:Quicksand;font-weight:500;font-display:swap;font-style:normal;src:url(/prica/kraljevstvo-oblika/play/fonts/Quicksand-Medium.woff2) format("woff2")}.ff-v1{font-family:Quicksand,cursive}.mb-6{margin-bottom:1.5rem}.font-thin{font-weight:100}.input-line{background-color:transparent;border:none;border-bottom:2px solid #000}.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}.text-white{color:#fff}.bottom-50{bottom:50px}.padding-10{padding:10px}.opacity:after{position:absolute;content:"";left:0;right:0;top:0;z-index:1;height:100dvh;width:100%;background-color:#fffc}.relative{position:relative}.z-1{z-index:1}.z-2{z-index:2}.z-5{z-index:5}.slide-wrapper{width:100%;height:100dvh}.scene{top:0;left:0;width:100%;height:100dvh;background-size:cover;will-change:transform;font-size:1.25rem;background-position:-55vw center}.hidden{overflow:hidden}.font-size{font-size:1.25rem}@media only screen and (min-width:667px){.scene{background-position:center center}}@media only screen and (min-width:1280px){.font-size{font-size:1.6rem}}@media only screen and (min-width:1400px){.font-size{font-size:1.7rem}}@media only screen and (max-width:400px){.font-size--v1{font-size:1rem}}.font-size-v2{font-size:2rem}@media only screen and (min-width:768px){.font-size-v2{font-size:3rem}}.flex-center{align-items:center;text-align:center}.wrapper-v1{padding:1rem;width:100%;z-index:5}@media only screen and (min-width:667px){.wrapper-v1{padding:1.5rem;width:60vw}}@media only screen and (min-width:1280px){.wrapper-v1{padding:2rem;width:50vw}}.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}.btn{background-color:transparent;border:none;bottom:10px;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:#e33c97;transition:all .5s ease-out;color:#fff;cursor:pointer;font-size:1.15rem;border:none;border-radius:3px;padding:.75rem 1rem}.btn-submit:hover{background-color:#c23080}@media only screen and (min-width:680px){.btn-submit{font-size:1.5rem}}@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%}}.w-full{width:100%}.max-w-50{max-width:50px}.max-w-110{max-width:110px}.max-w-200{max-width:200px}.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}.table{bottom:50%;right:50%;margin-right:-220px;margin-bottom:-360px}.float-right{float:right}.text-black{color:#000}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.bottom-list{bottom:50px;left:20px;right:20px}.block{display:block}.border label{border:3px solid #fff;padding:5px;width:70px;text-align:center;border-radius:5px}.right-20{right:20px}.blur{position:relative;margin-bottom:20px;width:fit-content;padding:10px 15px}.blur:before{content:"";position:absolute;inset:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:-1;border-radius:15px;background-color:#ffffff80}.mx-auto{margin-left:auto;margin-right:auto}.font-size-v4{font-size:18px!important}.w-fit{width:fit-content}.mt-10{margin-top:10px}.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}.w-40,.w-50{width:100%}@media only screen and (min-width:680px){.w-40{width:40%}.w-50{width:50%}}.top-center{top:50%;transform:translateY(-50%)}.rectangle-shape{background-color:#fff;border:3px solid #000;width:15vw;height:32vw;max-width:90vw;max-height:80vh;min-width:180px;min-height:300px;display:block;margin:0 35px;box-sizing:border-box;transition:background-color .3s ease,border .3s ease}.rectangle-shape-img{width:15vw;height:32vw;max-width:9vw;max-height:40vh;min-width:120px;min-height:230px;right:calc(250px + 5vw);transform:rotate(70deg)}.triangle-shape{position:relative;top:2vh}.triangle-shape svg{width:19vw;height:12vw;max-width:90vw;max-height:90vh;min-width:250px;min-height:130px}.triangle-shape-img{width:15vw;height:32vw;max-width:9vw;max-height:40vh;min-width:120px;min-height:230px;right:calc(250px + 5vw);transform:rotate(70deg)}.kvadrat-shape-img{width:15vw;height:15vw;max-width:9vw;max-height:9vw;min-width:120px;min-height:120px;bottom:40px;right:100%;transform:rotate(70deg)}.krug-shape-img{width:15vw;height:15vw;max-width:9vw;max-height:9vw;min-width:120px;min-height:120px;top:calc(100vh - 250px);right:calc(250px + 8vw);transform:rotate(70deg)}.queen-img{max-height:90vh}.queen-happy-img{max-height:60vh;max-width:100%}.bottom-20{bottom:20px}.bottom-40{bottom:40px}.tear{position:absolute;width:5%;height:6%;background:#50b4ffb3;border-radius:50%;animation:fall 1.5s infinite}.tear-left{left:34%;top:50%;animation-delay:0s;margin-top:-20%}.tear-right{left:56%;top:50%;animation-delay:.7s;margin-top:-20%}.w-path{width:200px;height:-webkit-fill-available;right:0;display:flex;place-self:flex-end}@keyframes fall{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(155px)}}.input-container{position:relative;display:flex;align-items:center;width:100%;margin-top:20px}.interactive-input{width:100%;padding:12px 50px 12px 15px;border:3px solid #000;border-radius:8px;background-color:#fffffff2;font-family:inherit;color:#000;outline:none;transition:all .3s ease;text-transform:lowercase}.interactive-input.input-no-mic{padding:12px 15px}.interactive-input:focus{border-color:#e33c97;box-shadow:0 0 0 3px #e33c9733;transform:scale(1.02)}.interactive-input::placeholder{color:#0006;text-transform:none}.mic-button{position:absolute;right:8px;background-color:#e33c97;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;padding:0}.mic-button:hover{background-color:#c23080;transform:scale(1.1)}.mic-button.listening{background-color:#ff1744;animation:pulse 1s infinite}.mic-button.mic-error{animation:shake .5s ease-in-out}@keyframes pulse{0%,to{box-shadow:0 0 #ff1744b3}50%{box-shadow:0 0 0 10px #ff174400}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.rectangle-shape-img{will-change:transform,opacity}.triangle-shape-img{will-change:transform,opacity;opacity:.7}.krug-shape-img{will-change:all}.no-speech-message{margin-top:10px;padding:8px 16px;background-color:#ff9800e6;color:#000;border-radius:6px;font-size:.9em;text-align:center;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.next-btn img{animation:wiggle-right 1.2s ease-in-out infinite}.back-btn img{animation:wiggle-left 1.2s ease-in-out infinite}@keyframes wiggle-right{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes wiggle-left{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.star-container{position:absolute;bottom:0;right:20px;width:250px;height:250px;display:flex;align-items:center;justify-content:center;left:40%;margin:0 auto 10%}#star-shapes{position:relative;width:100%;height:100%}.star-svg{position:absolute;width:100%;height:100%;top:0%;left:0}.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}.input-line{width:29px;text-align:center}@media only screen and (min-width:380px){.input-line{width:45px}}@media only screen and (min-width:1400px){.input-line{width:55px}}@media(orientation:landscape)and (max-width:1025px){.bg-notebook{column-gap:5vw}}.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:1rem;padding:1rem;max-width:600px;margin:0 auto}.bg-gradient{background:radial-gradient(circle at center,white 0%,transparent 60%)}.draggable-container{display:flex;gap:.5rem;flex-wrap:wrap;width:40%}.draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .2s,opacity .2s}.draggable img{width:80px;display:block}.bottom-45{bottom:45px}.draggable:active{cursor:grabbing;transform:scale(1.1)}.preloader{background-color:#fff9f0}.preloader img{max-width:90%}@media(orientation:landscape)and (max-width:1200px){.game-container{flex-direction:row;padding:0}.btn img{width:auto;max-width:60px}}.sum-display{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;justify-content:center}.dropped-items{z-index:-1;display:none}.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}.pointer{cursor:pointer}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.max-w-70{max-width:70%}.md\:bg-position-cutsom{background-position:-130px center}@media(min-width:1024px){.md\:right-50{right:50px}.md\:bg-position-lc{background-position:left center}}.fit-content{width:fit-content}.font-medium{font-weight:500}.validation-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.validation-icon.correct-icon svg{animation:checkmark-appear .3s ease-out,glow-yellow 1.5s ease-in-out infinite}.validation-icon.incorrect-icon svg{animation:shake .5s ease-out,glow-yellow 1.5s ease-in-out infinite}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes glow-green{0%,to{filter:drop-shadow(0 0 2px rgba(34,197,94,.4))}50%{filter:drop-shadow(0 0 8px rgba(34,197,94,.8)) drop-shadow(0 0 12px rgba(34,197,94,.6))}}@keyframes glow-red{0%,to{filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}50%{filter:drop-shadow(0 0 8px rgba(239,68,68,.8)) drop-shadow(0 0 12px rgba(239,68,68,.6))}}@keyframes glow-yellow{0%,to{filter:drop-shadow(0 0 4px rgba(250,204,21,.6)) drop-shadow(0 0 8px rgba(250,204,21,.4))}50%{filter:drop-shadow(0 0 12px rgba(250,204,21,.9)) drop-shadow(0 0 20px rgba(250,204,21,.7)) drop-shadow(0 0 28px rgba(250,204,21,.5))}}.krug-animacija,.kvadrat-animacija,.triangle-animacija{position:absolute;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.krug-animacija{top:50%;right:30px;animation-name:krug-animacija;animation-duration:2s;animation-delay:1.2s}@keyframes krug-animacija{0%{transform:translate(0) rotate(0)}to{transform:translate(-100vw,100vh) rotate(360deg)}}.kvadrat-animacija{bottom:-130%;left:80px;animation-name:kvadrat-animacija;animation-duration:2s;animation-delay:.4s}@keyframes kvadrat-animacija{0%{transform:translate(0) rotate(0)}to{transform:translate(100vw,-30vh) rotate(270deg)}}.triangle-animacija{bottom:20%;right:90px;animation-name:triangle-animacija;animation-duration:3s;animation-delay:1.6s}@keyframes triangle-animacija{0%{transform:translate(0) rotate(0)}to{transform:translate(-90vw,90vh) rotate(360deg)}}#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}}