@import url(https://fonts.googleapis.com/css2?family=Sigmar&family=Nunito:wght@400;700;800&display=swap);:root{--primary-base:#cd33f8;--primary-light:#df78fc;--dark-base:#252525;--dark-light:#ede7ef;--error-base:#e0211f;--color-white:#fff;--gradient-purple:linear-gradient(180deg,#df78fc,#cd33f8);--gradient-orange:linear-gradient(180deg,#e0211f,#ee5b14);--font-family-heading:"Sigmar","Sigmar One",cursive;--font-family-body:"Nunito",sans-serif;--h1-size:61px;--h1-line-height:68px;--h1-weight:400;--h1-family:"Sigmar";--h2-size:28px;--h2-line-height:44px;--h2-weight:400;--h2-family:"Sigmar";--h3-size:22px;--h3-line-height:28px;--h3-weight:400;--h3-family:"Sigmar";--h4-size:40px;--h4-line-height:48px;--h4-weight:800;--h4-family:"Nunito";--subtitle-size:24px;--subtitle-line-height:32px;--subtitle-weight:800;--subtitle-family:"Nunito";--button-label-size:21px;--button-label-line-height:24px;--button-label-weight:800;--button-label-family:"Nunito";--button-label-small-size:12px;--button-label-small-line-height:18px;--button-label-small-weight:800;--button-label-small-family:"Nunito";--answer-label-size:17px;--answer-label-line-height:22px;--answer-label-weight:800;--answer-label-family:"Nunito";--font-weight-regular:400;--font-weight-extra-bold:800;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:50px;--shadow-button:0px 4px 15px #00000040;--shadow-card:0px 10px 20px #00000026;--shadow-text:2px 2px 4px #0000004d}.text-h1{font-family:Sigmar;font-family:var(--h1-family);font-size:61px;font-size:var(--h1-size);font-style:normal;font-weight:400;font-weight:var(--h1-weight);line-height:68px;line-height:var(--h1-line-height)}.text-h2{font-family:Sigmar;font-family:var(--h2-family);font-size:28px;font-size:var(--h2-size);font-style:normal;font-weight:400;font-weight:var(--h2-weight);line-height:44px;line-height:var(--h2-line-height)}.text-h3{font-family:Sigmar;font-family:var(--h3-family);font-size:22px;font-size:var(--h3-size);font-style:normal;font-weight:400;font-weight:var(--h3-weight);line-height:28px;line-height:var(--h3-line-height)}.text-h4{font-family:Nunito;font-family:var(--h4-family);font-size:40px;font-size:var(--h4-size);font-style:normal;font-weight:800;font-weight:var(--h4-weight);line-height:48px;line-height:var(--h4-line-height)}.text-subtitle{font-family:Nunito;font-family:var(--subtitle-family);font-size:24px;font-size:var(--subtitle-size);font-style:normal;font-weight:800;font-weight:var(--subtitle-weight);line-height:32px;line-height:var(--subtitle-line-height)}.text-button-label{font-family:Nunito;font-family:var(--button-label-family);font-size:21px;font-size:var(--button-label-size);font-style:normal;font-weight:800;font-weight:var(--button-label-weight);line-height:24px;line-height:var(--button-label-line-height)}.text-button-label-small{font-family:Nunito;font-family:var(--button-label-small-family);font-size:12px;font-size:var(--button-label-small-size);font-style:normal;font-weight:800;font-weight:var(--button-label-small-weight);line-height:18px;line-height:var(--button-label-small-line-height)}.text-answer-label{font-family:Nunito;font-family:var(--answer-label-family);font-size:17px;font-size:var(--answer-label-size);font-style:normal;font-weight:800;font-weight:var(--answer-label-weight);line-height:22px;line-height:var(--answer-label-line-height)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards;opacity:0}.animate-scaleIn{animation:scaleIn .5s ease-out forwards;opacity:0}.animate-bounceIn{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.animate-popIn{animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.quiz-image-enter{animation:slideInRight .4s ease-out forwards}.quiz-image-exit{animation:slideOutLeft .4s ease-out forwards;position:absolute}*{box-sizing:border-box;margin:0;padding:0}:root{--purple-gradient:var(--gradient-purple);--orange-gradient:var(--gradient-orange);--white:var(--color-white);--gray:#f5f5f5;--dark-gray:#666;--text-purple:var(--primary-base);--button-shadow:var(--shadow-button);--card-shadow:var(--shadow-card)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif;font-weight:700;overflow-x:hidden}#root,body,html{height:100%;width:100%}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}h1,h2,h3{color:var(--color-white);color:var(--white);font-family:Sigmar,cursive;font-weight:400;text-align:center}h1{font-size:var(--h1-size);line-height:var(--h1-line-height);margin-bottom:24px}h2{font-size:var(--h2-size);line-height:var(--h2-line-height);margin-bottom:16px}h3{color:var(--primary-base);color:var(--text-purple);font-size:var(--h3-size);line-height:var(--h3-line-height);margin-bottom:32px;text-shadow:none}p{color:var(--color-white);color:var(--white);font-size:24px;line-height:1.4}.button,p{text-align:center}.button{background:var(--color-white);background:var(--white);border:none;border-radius:var(--radius-full);color:var(--primary-base);color:var(--text-purple);cursor:pointer;display:inline-block;font-family:var(--font-family-body);font-size:var(--button-label-size);font-weight:var(--button-label-weight);gap:8px;line-height:var(--button-label-line-height);max-width:320px;padding:20px 40px;text-decoration:none;transition:all .3s ease;width:100%}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-secondary{background:#0000;border:2px solid var(--white);box-shadow:none;color:var(--color-white);color:var(--white)}.button-secondary:hover{background:var(--color-white);background:var(--white);color:var(--primary-base);color:var(--text-purple)}@media (max-width:768px){h1{font-size:48px}h2{font-size:32px}h3{font-size:24px}.button,p{font-size:20px}.button{padding:16px 32px}}.home{background:var(--orange-gradient);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.home,.home-content{align-items:center;display:flex;flex-direction:column;width:100%}.home-content{gap:49px;max-width:430px;padding:48px 32px}.title-section{align-items:center;display:flex;flex-direction:column;gap:17px;max-width:326px;width:100%}.home-images{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards;height:214px;margin-bottom:16px;max-width:251px;position:relative;width:100%}.home-preview-img{height:100%;object-fit:contain;width:100%}.description-section{gap:40px;width:100%}.description-section,.text-content{align-items:center;display:flex;flex-direction:column}.text-content{color:var(--white);gap:27px;text-align:center}.home-title{animation:fadeInUp .6s ease-out .2s forwards;font-family:var(--h1-family);font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-line-height);margin:0;opacity:0}.home-subtitle{animation:fadeInUp .6s ease-out .3s forwards;font-family:var(--subtitle-family);font-size:var(--subtitle-size);font-weight:var(--subtitle-weight);line-height:var(--subtitle-line-height);margin:0;max-width:302px;opacity:0;width:100%}.home-start-btn{align-items:center;animation:scaleIn .5s ease-out .4s forwards;background:var(--white);border:none;border-radius:42px;cursor:pointer;display:flex;height:56px;justify-content:center;max-width:274px;opacity:0;padding:16px 0;transition:transform .2s ease;width:100%}.home-start-btn:hover{transform:translateY(-2px)}.home-start-btn:active{transform:translateY(0)}.home-start-btn span{color:var( --error-base);font-family:var(--button-label-family);font-size:var(--button-label-size);font-weight:var(--button-label-weight);line-height:var(--button-label-line-height)}.dots-indicator{animation:fadeInUp .6s ease-out .5s forwards;opacity:0}.dot{background:var(--white);border-radius:50%;height:8px;opacity:.3;width:8px}.other-games{animation:fadeInUp .6s ease-out .6s forwards;opacity:0}.game-subtitle{color:var( --error-base)}.game-subtitle.primary-color{color:var( --primary-base)}@media (max-width:768px){.home-title{font-size:48px;line-height:1.1}.home-subtitle{font-size:20px;line-height:1.3}}.home h1,.home h2,.home h3,.home p{text-shadow:none}.modal-overlay{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.continue-modal,.modal-overlay{align-items:center;display:flex}.continue-modal{animation:slideInUp .3s ease-out;background:var(--gradient-purple);border-radius:48px;flex-direction:column;gap:24px;max-width:350px;padding:48px 40px;width:90%}.modal-title{color:var(--color-white);font-family:var(--h1-family);font-size:48px;font-weight:var(--h1-weight);line-height:54px;margin:0 0 16px;text-align:center}.modal-button{border:none;border-radius:42px;cursor:pointer;font-family:var(--button-label-family);font-size:var(--button-label-size);font-weight:var(--button-label-weight);height:56px;line-height:var(--button-label-line-height);max-width:270px;transition:transform .2s ease;width:100%}.keep-going-button{background:var(--color-white);color:var(--primary-base)}.show-results-button{background:#0000;border:2px solid var(--color-white);color:var(--color-white)}.modal-button:hover{transform:translateY(-2px)}.modal-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.continue-modal{padding:40px 32px}.modal-title{font-size:40px;line-height:46px}}.comparison-quiz{align-items:center;display:flex;flex-direction:column;gap:32px;width:100%}.comparison-question{color:var(--primary-base);font-family:var(--h3-family);font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-line-height);margin:0;text-align:center}.comparison-options{animation:scaleIn .5s ease-out .2s forwards;display:flex;flex-direction:row;gap:24px;max-width:600px;opacity:0;width:100%}.comparison-option{border:3px solid #0000;border-radius:24px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;width:50%}.comparison-option.correct{border-color:var(--primary-base)}.comparison-option.wrong{border-color:var(--error-base)}.option-label{align-items:center;background:var(--color-white);border-radius:50%;box-shadow:0 2px 8px #00000026;color:var(--dark-base);display:flex;font-family:var(--button-label-family);font-size:var(--button-label-size);font-weight:var(--button-label-weight);height:40px;justify-content:center;left:16px;position:absolute;top:16px;width:40px;z-index:2}.comparison-image{display:block;height:380px;object-fit:cover;width:100%}.comparison-overlay{height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:3}.comparison-overlay,.comparison-overlay.correct-overlay,.comparison-overlay.wrong-overlay{animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.comparison-overlay.encouraging-overlay{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(180deg,#77f196,#17e431);-webkit-background-clip:text;background-clip:text;font-family:var(--h1-family);font-size:48px;font-weight:var(--h1-weight);height:auto;line-height:1;text-align:center;text-transform:uppercase;width:auto}@media (max-width:768px){.comparison-quiz{gap:24px}.comparison-options{display:flex;flex-direction:column;gap:16px;max-width:270px;width:100%}.comparison-option{width:100%}.comparison-image{height:280px;width:100%}.comparison-question{font-size:20px}.comparison-overlay.encouraging-overlay{font-size:36px}}@media (hover:hover){.comparison-option:not(.correct):not(.wrong):hover{border-color:var(--primary-base);transform:scale(1.02)}}.comparison-option:active:not(.correct):not(.wrong){border-color:var(--primary-base);transform:scale(1.02)}.quiz{background:var(--white);justify-content:center;overflow:hidden;position:relative}.quiz,.quiz-content{align-items:center;display:flex;flex-direction:column;width:100%}.quiz-content{gap:64px;padding:24px 0 32px}.quiz-header{animation:fadeInUp .6s ease-out forwards;justify-content:space-between;opacity:0;padding:0 24px;width:100%}.quiz-header,.timer{align-items:center;display:flex}.timer{gap:8px}.timer-icon{height:32px;width:32px}.timer-text{color:var(--dark-base);font-family:var(--font-family-body);font-size:var(--subtitle-size);font-weight:700;line-height:var(--subtitle-line-height)}.lives{display:flex;gap:8px}.life-icon{height:32px;transition:opacity .3s ease;width:32px}.life-icon.lost{opacity:.2}.model-image-container{animation:scaleIn .5s ease-out .2s forwards;background:var(--dark-light);border-radius:24px;height:426px;opacity:0;position:relative;width:302px}.model-image{border-radius:24px;height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.model-image.wrong{filter:grayscale(100%) brightness(.5)}.answer-overlay{animation:popIn .5s ease-out;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.question-section{align-items:center;animation:fadeInUp .6s ease-out .4s forwards;display:flex;flex-direction:column;gap:24px;max-width:490px;opacity:0;padding:0 40px;width:100%}.question-text{color:var(--primary-base);font-family:var(--h3-family);font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-line-height);margin:0;text-align:center}.options{flex-direction:column}.answer-row,.options{display:flex;gap:16px;width:100%}.option-button{background:var(--white);border:3px solid var(--dark-light);border-radius:24px;color:var(--dark-base);cursor:pointer;flex:1 1;font-family:var(--answer-label-family);font-size:var(--answer-label-size);font-weight:var(--answer-label-weight);line-height:var(--answer-label-line-height);overflow:hidden;padding:24px 16px;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}@media (hover:hover){.option-button:hover:not(:disabled){border-color:var(--primary-base);transform:translateY(-2px)}}.option-button:active:not(:disabled){border-color:var(--primary-base);transform:translateY(-2px)}.option-button:disabled{cursor:not-allowed}.option-button.correct{background:#fbedff;border-color:var(--primary-base);color:var(--primary-base)}.option-button.wrong{border-color:var(--error-base);color:var(--error-base)}@media (max-width:768px){.quiz-content{gap:48px;padding:20px 0 32px}.model-image-container{height:360px;width:280px}.option-button{font-size:16px;padding:20px 16px}}.encouraging-text-overlay{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(180deg,#77f196,#17e431);-webkit-background-clip:text;background-clip:text;font-family:var(--h1-family);font-size:61px;font-weight:var(--h1-weight);left:50%;line-height:68px;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:10}.shareable-result{align-items:center;background:var(--gradient-purple);display:flex;flex-direction:column;height:667px;justify-content:center;overflow:hidden;position:relative;width:375px}.shareable-result.pajero{background:var(--gradient-orange)}.shareable-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;width:100%}.shareable-images{height:140px;margin-bottom:24px;position:relative;width:140px}.shareable-preview-img{border-radius:20px;height:100%;width:100%}.shareable-badge{background:#ffffff4d;border-radius:var(--radius-full);font-family:var(--h2-family);font-size:24px;letter-spacing:1px;line-height:32px;margin-bottom:16px;padding:8px 32px;text-transform:uppercase}.shareable-badge,.shareable-title{color:var(--color-white);text-align:center}.shareable-title{font-family:var(--h1-family);font-size:48px;line-height:54px;margin:0 0 40px;max-width:320px}.shareable-score-container{align-items:center;display:flex;gap:40px;margin-bottom:60px}.shareable-score-box{align-items:center;display:flex;flex-direction:column;gap:8px}.shareable-score-number{color:var(--color-white);font-family:var(--h1-family);font-size:56px;line-height:64px}.shareable-score-label{color:var(--color-white);font-family:var(--answer-label-family);font-size:16px;font-weight:700;line-height:20px;text-transform:capitalize}.shareable-score-divider{background-color:#ffffff4d;height:80px;width:1px}.shareable-url-container{align-items:center;background:var(--color-white);border-radius:40px;box-shadow:0 4px 20px #0000001a;display:flex;gap:12px;padding:16px 32px}.shareable-url{color:var(--dark-base);font-family:var(--button-label-family);font-size:18px;font-weight:700;line-height:24px}.result{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:48px 40px;position:relative;width:100%}.result.not-pajero{background:var(--purple-gradient)}.result.pajero{background:var(--orange-gradient)}.result.pajero .button.result-button:not(.button-secondary){color:var(--error-base)}.result-content{align-items:center;display:flex;flex-direction:column;gap:40px;max-width:390px;padding-bottom:40px;width:100%}.result-images{animation:fadeInUp .6s ease-out .2s forwards;height:140px;opacity:0;position:relative;width:200px}.result-preview-img{height:100%;object-fit:contain;width:100%}.result-badge{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards;border-radius:var(--radius-full);font-family:var(--h2-family);font-size:var(--h2-size);font-weight:var(--h2-weight);letter-spacing:1px;line-height:var(--h2-line-height);padding:8px 32px;text-transform:uppercase}.result-badge.congrats,.result-badge.omg{background:#ffffff4d;color:var(--white)}.result-title{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards;font-family:var(--h1-family);font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-line-height);max-width:326px}.result-subtitle,.result-title{color:var(--white);margin:0;text-align:center}.result-subtitle{font-family:var(--subtitle-family);font-size:var(--subtitle-size);font-weight:var(--subtitle-weight);line-height:var(--subtitle-line-height)}.result-subtitle,.score-container{animation:fadeInUp .6s ease-out .3s forwards;opacity:0}.score-container{align-items:center;background:#ffffff38;border-radius:var(--radius-lg);display:flex;gap:0;max-width:274px;overflow:hidden;width:100%}.score-box{flex:1 1;padding:24px 40px;text-align:center}.score-divider{animation:fadeInUp .6s ease-out .3s forwards;background:#fff6;height:60px;opacity:0;width:2px}.score-number{color:var(--white);font-family:var(--h4-family);font-size:var(--h4-size);font-weight:var(--h4-weight);line-height:var(--h4-line-height);margin-bottom:8px}.score-label{color:var(--white);font-size:var(--answer-label-size);font-weight:var(--answer-label-weight);opacity:.9}.result-actions{animation:fadeInUp .6s ease-out .3s forwards;flex-direction:column;gap:16px;opacity:0}.result-actions,.result-button{align-items:center;display:flex;width:100%}.result-button{border:none;border-radius:42px;cursor:pointer;font-family:var(--button-label-family);font-size:var(--button-label-size);font-weight:var(--button-label-weight);height:56px;justify-content:center;line-height:var(--button-label-line-height);max-width:274px;padding:16px 0;transition:transform .2s ease}.result-button:first-child{background:var(--white);color:var(--primary-base)}.result-button.button-secondary{background:#0000;border:2px solid var(--white);color:var(--white)}.result-button:hover{transform:translateY(-2px)}.result-button:active{transform:translateY(0)}@media (max-width:768px){.result{padding:48px 32px}.result-images{height:120px;width:160px}.result-badge{font-size:18px;padding:6px 24px}.result-title{font-size:48px;line-height:1.1}.result-subtitle{font-size:20px;line-height:1.3}.score-number{font-size:36px}.score-box{padding:20px 30px}}.dots-indicator{height:8px;justify-content:space-between;width:52px}.dots-indicator,.other-games{align-items:center;display:flex}.other-games{flex-direction:column;gap:19px;width:100%}.other-games-title{color:var(--white);font-family:var(--h3-family);font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-line-height);margin:0}.game-card{align-items:center;background:var(--white);border-radius:24px;cursor:pointer;display:flex;max-width:350px;padding-left:12px;text-decoration:none;transition:transform .2s ease;width:100%}.game-card:hover{transform:translateY(-2px)}.game-icon{background:#131416;border-radius:15px;flex-shrink:0;height:72px;object-fit:cover;width:72px}.game-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px 24px 12px 20px;text-align:left}.game-title{color:var(--dark-base);font-family:var(--answer-label-family);font-size:var(--answer-label-size);font-weight:var(--answer-label-weight);line-height:var(--answer-label-line-height);margin:0}.game-subtitle{color:var(--error-base);font-family:var(--button-label-small-family);font-size:var(--button-label-small-size);font-weight:var(--button-label-small-weight);line-height:var(--button-label-small-line-height);margin:0;text-align:left;text-transform:uppercase}.game-subtitle.primary-color{color:var(--primary-base)}
/*# sourceMappingURL=main.b70000eb.css.map*/