:root{--primary-color: #293264;--btn-color: #4D5B9E;--btn-text-color: #F5F7FB;--selected-option-color: #DAE2F1;--selected-answer-color: #D6DBF5;--correct-answer-color: #94D7A2;--wrong-answer-color: #F8BCBC}*{box-sizing:border-box}body{margin:0;background-color:#f5f7fb;display:flex;justify-content:center;align-items:center;position:relative;font-family:Karla,"sans-serif";color:var(--primary-color);min-height:100vh}#root{min-height:95vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;z-index:2}.img-canvas{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:1}.top-right-bg{top:-110px;right:-110px;position:absolute}.bottom-left-bg{bottom:-140px;left:-110px;position:absolute}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}h1,p{margin:0}h1{padding-top:1em;text-align:center}.subtitle{text-align:center}button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;font-family:inherit;height:50px;width:160px;border-radius:15px;font-size:1rem;cursor:pointer}button:active{opacity:.5}button:disabled{opacity:.5;cursor:not-allowed}.home{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5em}.home>p{font-size:1.2rem;text-align:center}.home .bottom-subtitle{margin-top:0;margin-bottom:1.75em;font-size:1.05rem}.quiz-type-form{display:flex;flex-direction:column;gap:.5em;width:100%;max-width:580px}.quiz-type-form label{font-weight:600}.quiz-type-form select,.quiz-type-form input{margin-top:-.3em;font-family:inherit;font-weight:400;font-size:.95rem;background-color:var(--selected-option-color);border:1px solid gray;border-radius:5px;padding:.15em .3em;text-align:center;color:var(--primary-color)}.quiz-type-form select{cursor:pointer}.quiz-type-form>button{align-self:center;margin-top:1em}.home .error-msg{color:#da4040;font-size:1rem;text-align:center}.question-form{align-self:end;width:100%;min-height:60vh;display:flex;flex-direction:column;padding:0 1em 1.5em}.question-form-inner{width:100%;display:flex;flex-direction:column;justify-content:center}.questions-outer-container{padding-top:1em;padding-bottom:1.8em;border-bottom:1px solid #DBDEF0}.questions{font-size:1.3rem;font-weight:600;margin-bottom:.5em}.answers-outer-container{display:flex;flex-wrap:wrap;gap:1em}.question-form input{display:none}.question-form label{font-size:.9rem;font-weight:500;border:1px solid var(--primary-color);border-radius:12px;padding:.3em 1em;cursor:pointer}.question-form input:disabled+label{cursor:not-allowed}.question-form label.selected{border:1px solid var(--selected-option-color);background-color:var(--selected-option-color)}.question-form label.correct{border:1px solid var(--correct-answer-color);background-color:var(--correct-answer-color);opacity:.7}.question-form label.wrong{border:1px solid var(--wrong-answer-color);background-color:var(--wrong-answer-color);opacity:.5}.question-form label.selectedReveal{border:2px solid black;opacity:1}.action-container{margin-bottom:1.5em;display:flex;flex-direction:column;justify-content:center;align-items:center}.action-container .error-msg{margin-top:.5em;color:#da4040;font-size:1rem;text-align:center}.check-answer-btn{border-radius:10px;align-self:center}.score-msg{text-align:center;font-size:1.3rem;font-weight:600}.main-msg{margin-top:.5em}.win-msg{color:green}.lose-msg{color:red}.end-action-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:1em;gap:.5em .8em}#rewardId{position:absolute;top:0;width:100%}.game-info-container{margin:1em 0 .5em;text-align:center;font-weight:700}.timer{font-size:1rem;font-weight:700;position:sticky;top:10px;background-color:#222448;color:#fff;padding:.3em 1em;border-radius:10px}