:root{--primary:#c9a84c;--secondary:#2a4a2e;--accent:#4a7a35;--background:#1c3520;--font-eagle:"Eagle Lake", serif;--font-metamorphous:"Metamorphous", serif;--font-times:"Times New Roman", serif;--font-weight-base:400;--font-style-base:normal;--success-bg:#2d6b2a;--success-text:#7ec97a;--success-border:#7ec97a;--error-bg:#7a2020;--error-text:#f08080;--error-border:#f08080;--warning-bg:#5c4a10;--warning-text:#d4a843;--warning-border:#d4a843;--info-bg:#1e3d4a;--info-text:#6bb8cc;--info-border:#6bb8cc;--disabled-bg:#2a3d2c;--disabled-text:#5a7a5c;--disabled-border:#3a5a3e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html{scrollbar-width:thin;scrollbar-gutter:stable both-edges}body{background-color:var(--background);font-size:16px}#root{width:100dvw;height:100dvh}.loading-ct{flex-direction:column;gap:2rem;width:100dvw;height:100dvh;display:flex}.loading-spinner,.loading-text{flex:1;justify-content:center;height:100%;display:flex}.loading-spinner{align-items:end}.loading-spinner .spinner{fill:var(--primary);height:6rem}.loading-text{font-family:var(--font-eagle);font-weight:var(--font-weight-base);font-style:var(--font-style-base);color:var(--primary);text-align:center;padding:0 2rem;font-size:1rem}button.disabled,button.disabled:hover,button.disabled:focus{background-color:var(--disabled-bg);color:var(--disabled-text);border-color:var(--disabled-border);cursor:not-allowed}@keyframes shake{25%{transform:translate(.25rem)}75%{transform:translate(-.25rem)}}#name-popup-modal{z-index:2;display:none;position:relative;top:0;left:0}#name-popup-modal:has(.modal-ct){display:block}.modal-backdrop{background-color:#000a;width:100dvw;height:100dvh;position:absolute;top:0;left:0}.modal-ct{background-color:var(--background);border-radius:1rem;flex-direction:column;gap:2rem;width:calc(100% - 2rem);padding:1rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-ct form{flex-direction:column;align-items:center;gap:1rem;display:flex}.modal-ct .input-ct{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:0;display:flex}.modal-ct .input-ct label{color:var(--primary);text-align:center;width:100%;font-size:1.2rem}.modal-ct .input-ct input{width:100%;color:var(--primary);border:1px solid var(--primary);text-align:center;background-color:#0000;border-radius:8px;outline:none;padding:.5rem;font-size:1.2rem}.modal-ct .input-ct input.invalid{border-color:var(--error-border)}.modal-ct button{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.2rem;transition:all .3s}.modal-ct button:hover{background-color:var(--secondary);color:var(--primary)}.modal-ct button.warning{border-color:var(--error-border);background-color:var(--error-bg);color:var(--primary)}.error-ct{justify-content:center;align-items:center;width:100%;min-height:2rem;display:flex}.error{background-color:var(--error-bg);color:var(--error-text);border-radius:100vw;padding:.4rem .8rem;animation:.2s shake}.home-ct{flex-direction:column;justify-content:center;align-items:center;gap:6rem;width:100%;height:100%;display:flex}h1,.inactive-text{font-family:var(--font-eagle);font-weight:var(--font-weight-base);font-style:var(--font-style-base);color:var(--primary);text-align:center}.inactive-text{font-size:1.5rem}.buttons-ct{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.buttons-ct a{width:100%}.link{border:2px solid var(--primary);background-color:var(--primary);width:100%;color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.5rem;transition:all .3s}.link.secondary{color:var(--primary);background-color:var(--background)}.link:hover{background-color:var(--secondary);color:var(--primary)}.link.secondary:hover{background-color:var(--secondary)}.link:focus{zoom:.97}.divider{background-color:var(--primary);width:100%;height:1px}@media (width<=260px){h1,.link{font-size:.8rem}}@media (height<=300px){.home-ct,.buttons-ct{gap:1rem}}.dashboard-ct{flex-direction:column;align-items:center;gap:2rem;width:100%;height:100%;display:flex}nav{justify-content:space-around;width:100%;height:2rem;display:flex}nav button{color:var(--accent);cursor:pointer;background-color:#0000;border:2px solid #0000;padding:.2rem .5rem;font-size:1rem;font-weight:700;transition:all .3s}nav button.active{color:var(--primary);border-bottom:2px solid var(--primary)}nav button:hover{border-bottom:2px solid var(--primary)}.logout-icon{cursor:pointer;height:100%;fill:var(--accent);transition:fill .3s}.quiz-wrapper,.ready-check-form{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex}h2{font-family:var(--font-eagle);font-weight:var(--font-weight-base);font-style:var(--font-style-base);color:var(--primary);text-align:center;font-size:2rem}.ready-btn{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.5rem;transition:all .3s}.ready-btn:hover{background-color:var(--secondary);color:var(--primary)}.name-input-ct{flex-direction:column;align-items:center;gap:1rem;width:100%;padding-inline:2rem;display:flex}.name-input-ct .name-label{color:var(--primary);text-align:center;width:100%;font-size:1.2rem}.name-input-ct .name-input{width:100%;color:var(--primary);border:1px solid var(--primary);text-align:center;background-color:#0000;border-radius:8px;outline:none;padding:.5rem;font-size:1.2rem}.name-input-ct .name-input.invalid{border-color:var(--error-border)}.name-input-ct .validate-ct{align-items:center;min-height:2rem;display:flex}.name-input-ct .validate-error{background-color:var(--error-bg);color:var(--error-text);border-radius:100vw;padding:.4rem .8rem;animation:.2s shake}.quiz-ct{flex-direction:column;gap:2rem;width:100%;min-height:100dvh;display:flex}.quiz-header{grid-template-rows:.25rem 1fr;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.progress-bar-ct{grid-column:1/-1;height:100%;position:relative}.progress-bar-ct .progress-bar{background-color:var(--primary);border-radius:0 100vw 100vw 0;height:100%;transition:all .3s;position:absolute;top:0;left:0}.name-ct{cursor:pointer;align-items:center;gap:.5rem;padding-left:1rem;display:flex}.name-edit-icon{width:1.2rem;height:1.2rem;fill:var(--primary)}.progress-display{text-align:right;padding-right:1rem}.name-ct,.progress-display{color:var(--primary);font-size:1.2rem}.question-ct{flex-direction:column;gap:2rem;padding:0 1rem;display:flex}.question{color:var(--primary);text-align:center;font-size:1.5rem}.question-type-text{color:var(--primary);text-align:center;font-size:1.2rem}.quiz-buttons-ct{gap:.5rem;width:100%;display:flex}.back-button{background-color:var(--secondary);width:50%;color:var(--primary);border:2px solid var(--primary);cursor:pointer;border-radius:100vw;font-size:1.2rem;transition:all .3s}.back-button:hover{background-color:var(--primary);color:var(--background)}.answers-ct{grid-template-columns:1fr;gap:1rem;display:grid}.answer-button{background-color:var(--background);color:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:.5rem;padding:.25rem;font-size:1.2rem;transition:all .3s}.answer-button.active{background-color:var(--primary);color:var(--background)}.answer-button:not(.active):hover{background-color:var(--secondary)}.answer-input{border:1px solid var(--primary);color:var(--primary);text-align:center;background-color:#0000;border-radius:.5rem;padding:.25rem;font-size:1rem}.answer-input:focus{outline:none}.answer-submit{background-color:var(--primary);width:100%;color:var(--background);border:2px solid var(--primary);cursor:pointer;border-radius:100vw;padding:.25rem;font-size:1.2rem;font-weight:700;transition:all .3s}.answer-submit:hover{background-color:var(--secondary);color:var(--primary)}.answer-submit:focus{background-color:var(--accent)}.inactive-text{padding-inline:1rem}.answer-submit,.back-button,.answer-button{font-family:var(--font-times)}.login-form{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex}.login-form button{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.5rem;transition:all .3s}.login-form button:hover{background-color:var(--secondary);color:var(--primary)}.login-form .login-error-ct{align-items:center;min-height:2rem;display:flex}.login-form .login-error{background-color:var(--error-bg);color:var(--error-text);border-radius:100vw;padding:.4rem .8rem;animation:.2s shake}.input-ct{flex-direction:column;align-items:center;gap:1rem;width:100%;padding-inline:2rem;display:flex}.input-ct label{color:var(--primary);text-align:center;width:100%;font-size:1.2rem}.input-ct input{width:100%;color:var(--primary);border:1px solid var(--primary);text-align:center;background-color:#0000;border-radius:8px;outline:none;padding:.5rem;font-size:1.2rem}.input-ct input.invalid{border-color:var(--error-border)}.profile-ct{flex-direction:column;gap:2rem;display:flex}.profile-data{flex-direction:column;gap:1rem;display:flex}.profile-data>div{color:var(--primary)}.password-change{flex-direction:column;align-items:center;gap:1rem;width:100%;padding-inline:2rem;display:flex}.password-change input{width:100%;color:var(--primary);border:1px solid var(--primary);text-align:center;background-color:#0000;border-radius:8px;outline:none;padding:.5rem;font-size:1.2rem}.password-change input.invalid{border-color:var(--error-border)}.password-change button{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.5rem;transition:all .3s}.password-change button:hover{background-color:var(--secondary);color:var(--primary)}.password-change .error-ct{align-items:center;min-height:2rem;display:flex}.password-change .error{background-color:var(--error-bg);color:var(--error-text);border-radius:100vw;padding:.4rem .8rem;animation:.2s shake}.live-stats-ct{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.controls{flex-direction:column;gap:1rem;display:flex}.submission-count{color:var(--primary);font-size:1.2rem}.close-btn{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.2rem;transition:all .3s}.close-btn:hover{background-color:var(--secondary);color:var(--primary)}.modal-ct form p{color:var(--primary);font-size:1.2rem}.quiz-edit-ct{flex-direction:column;gap:2rem;width:100%;padding:1rem;display:flex}.new-game-btn{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.2rem;transition:all .3s}.new-game-btn:hover{color:var(--primary);background-color:var(--secondary)}.games-ct,.questions-ct{flex-direction:column;gap:1rem;width:100%;display:flex}.question-list-item-ct{width:100%;display:flex}.game-list-item,.question-list-item{width:100%;color:var(--primary);justify-content:space-between;align-items:center;display:flex}.game-name{font-size:1.2rem}.game-ct{flex-direction:column;gap:2rem;width:100%;padding-inline:1rem;display:flex}.question-list-item{gap:1rem}.submissions-ct{flex-direction:column;gap:1rem;width:100%;display:flex}.submission{color:var(--primary);align-items:center;gap:1rem;display:flex}.submission>*{flex:1}.submission .submission-name{text-align:right;width:100%}h3{color:var(--primary);text-align:center;font-size:1.5rem}input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);background-color:var(--background)}.new-quiz-ct{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.new-quiz-ct>form{flex-direction:column;gap:1rem;width:100%;display:flex}.new-quiz-ct button{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.2rem;transition:all .3s}.new-quiz-ct button:hover{background-color:var(--secondary);color:var(--primary)}.new-quiz-ct .error-ct{justify-content:center;align-items:center;min-height:2rem;display:flex}.new-quiz-ct .error{background-color:var(--error-bg);color:var(--error-text);border-radius:100vw;padding:.4rem .8rem;animation:.2s shake}.quiz-list-ct{flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex}.list-item{cursor:pointer;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.item-title{font-family:var(--font-eagle);font-weight:var(--font-weight-base);font-style:var(--font-style-base);color:var(--primary);grid-column:span 2}.item-info{color:var(--primary);font-size:1rem}.new-quiz-btn{border:2px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:100vw;padding:.5rem 1rem;font-size:1.2rem;transition:all .3s;position:fixed;bottom:2rem;right:2rem}