:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem}body,html{max-width:100vw;overflow-x:hidden;width:100%}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}html{font-size:16px}.for-large-devices{display:none}@supports (container-type:inline-size){.quiz-container{container-type:inline-size}@container (max-width:500px){.question-card{padding:1rem}}}@media (min-width:576px) and (max-width:767.98px){.split-container{flex-direction:column;height:auto}.split-left{border-bottom:2px solid var(--color-border);border-right:none;height:100vh;max-width:100%;min-width:100%;width:100%!important}.resizer,.split-right{display:none!important}.reward-buttons{flex-direction:column}.mascot-quiz-container{flex-direction:column;text-align:center}.quiz-header{display:none!important}.speech-bubble-quiz{margin-left:0;margin-top:.5rem}.speech-bubble-quiz:after{border:.75rem solid transparent;border-bottom:.75rem solid var(--primary-color);border-top:0;left:50%;margin-left:0;margin-top:-.75rem;top:0;transform:translateX(-50%)}.topic-options{grid-template-columns:1fr 1fr}.question-title{font-size:1.2rem}.container{max-width:540px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.navbar-brand{font-size:1.75rem}.logo-icon{font-size:1.25rem;height:2.25rem;width:2.25rem}.mascot{width:20rem}.question-card{padding:1.75rem}.row{margin-left:-.75rem;margin-right:-.75rem}[class*=col-]{padding-left:.75rem;padding-right:.75rem}#split-container .split-left .quiz-header>div:first-child{justify-content:flex-start!important;text-align:left}.split-container .split-left .quiz-header .d-flex:first-child,.split-left .quiz-header .d-flex.align-items-center:first-child{justify-content:flex-start!important;text-align:left!important}}@media (min-width:768px) and (max-width:1099.98px){.container{max-width:720px}.split-container{flex-direction:column;height:auto}.split-left{border-bottom:2px solid var(--color-border);border-right:none;height:100vh;max-width:100%;min-width:100%;width:100%!important}.resizer,.split-right{display:none!important}.quiz-header{display:none!important}.course-card{height:100%}.navbar-collapse{justify-content:flex-end}.navbar-nav{flex-direction:row}.nav-link{margin:0 .25rem}}@media (min-width:1100px) and (max-width:1399.9px){.for-small-devices{display:none}.for-large-devices{display:flex}.container{max-width:960px}.quiz-setup-s2s{gap:2rem;margin-bottom:2rem;padding:2rem 2rem 0}.quiz-container{padding-top:0}.chat-input-container{min-height:60px}.chat-input{font-size:1.05rem;min-height:46px;padding:.8rem 1.2rem}.chat-send-button{height:40px;width:40px}}@media (min-width:1200px) and (max-width:1399.98px){.split-left .quiz-header{margin-left:3rem}}@media (min-width:1400px){.for-small-devices{display:none}.for-large-devices{display:flex}.container{max-width:1320px}}@media (max-width:1199.98px){.resizer,.split-right{display:none!important}.split-left{min-width:100%;width:100%}.split-left .quiz-header .d-flex.align-items-center:first-child{display:none!important}}@media (max-width:768px){.quiz-container{max-width:100%;padding:1rem}.question-card{margin-bottom:7rem;min-width:0;padding:1.5rem;width:100%}.answer-options{gap:.15rem}.answer-option{font-size:.95rem;line-height:1.4;padding:.875rem;text-align:left;word-break:break-word}.question-title{font-size:1.1rem;line-height:1.4;margin-bottom:1.25rem}}@media (max-width:575.98px){.reward-buttons{flex-direction:column}.mascot-quiz-container{flex-direction:column;text-align:center}.speech-bubble-quiz{margin-left:0;margin-top:1rem}#question-counter{margin-left:4rem!important}.speech-bubble-quiz:after{border:.75rem solid transparent;border-bottom:.75rem solid var(--primary-color);border-top:0;left:50%;margin-left:0;margin-top:-.75rem;top:0;transform:translateX(-50%)}.topic-options{grid-template-columns:1fr 1fr}.question-title{font-size:1.2rem}html{font-size:14px}.container{max-width:100%;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.navbar{padding:.5rem 0}.navbar-brand{font-size:1.5rem;gap:.5rem}.logo-icon{font-size:1rem;height:2rem;width:2rem}.navbar-nav{margin-top:var(--spacing-sm)}.nav-link{font-size:1rem;padding:.75rem 1rem!important;text-align:center}.mascot{max-width:90vw;width:18rem}.course-card{margin-bottom:var(--spacing-lg)}.split-container{flex-direction:column;height:auto}.split-left{border-bottom:2px solid var(--color-border);border-right:none;height:100vh;max-width:100%;min-width:100%;width:100%!important}.resizer,.split-right{display:none!important}.question-card{margin-bottom:1rem;padding:1.5rem}.question-position-relative{min-height:auto}.answer-option{font-size:.95rem;margin-bottom:var(--spacing-sm);padding:1rem}.quiz-header{display:none!important}.form-control{font-size:16px}.modal-dialog{margin:var(--spacing-sm);max-width:calc(100vw - 1rem)}.modal-content{border-radius:1rem}#split-container .split-left .quiz-header>div:nth-child(2){display:none!important}#split-container .split-left .quiz-header>div:first-child{justify-content:flex-start!important;text-align:left}.split-container .split-left .quiz-header .d-flex:first-child,.split-left .quiz-header .d-flex.align-items-center:first-child{justify-content:flex-start!important;text-align:left!important}#setup-container{padding-bottom:1rem!important;padding-top:1rem!important}.quiz-container{justify-content:flex-start!important;padding-bottom:2rem!important;padding-top:1rem!important}.quiz-setup{margin-bottom:1rem!important;margin-top:0!important;padding:1.5rem!important}.setup-option{margin-bottom:2rem!important}body:not(.quiz-mode){overflow-y:auto!important}body:not(.quiz-mode),html:not(.quiz-mode){height:auto!important}}@media (orientation:landscape) and (max-height:500px){.navbar{padding:.25rem 0}.question-card,.quiz-container{padding:1rem}.split-container{height:calc(100vh - 3rem)}}@media (min-resolution:2dppx){.logo-icon{box-shadow:0 .25rem .75rem var(--color-success-soft)}.course-card:hover{box-shadow:0 1rem 2rem var(--overlay-contrast-12)}}@media (pointer:coarse){.nav-link{min-height:44px;padding:.75rem 1rem!important}.answer-option{min-height:44px;padding:1rem 1.25rem}.course-card:hover{transform:none}.course-card:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mascot{animation:none}}@media print{.navbar,.resizer{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4}.question-card,.quiz-container{background:var(--color-bg-card)!important;border:1px solid var(--color-border);box-shadow:none!important}.container{max-width:none!important;width:100%!important}}