:root{--culture-yellow: #F9BE15;--culture-red: #E54C41;--culture-blue: #4C88EF;--culture-white: #FFFFFF;--culture-green: #3FA95B;--acsent: #cce5ff;--acsent-border: #b8daff;--option: aliceblue;--option-border: var(--acsent-border);--note-border: #0e1626;--timer-box: #343a40;--timer-box-border: var(--culture-white);--soft-partition-color: lightgrey;--base-color: var(--culture-red);--btn-base-color: var(--base-color);--btn-base-color-hover: #212121}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;line-height:1.55}body{background:var(--base-color);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:10px}::-moz-selection{color:var(--culture-white);background:var(--base-color)}::selection{color:var(--culture-white);background:var(--base-color)}.quiz_box,.btn_block,.info_box,.result_box{margin:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.btn_block{box-shadow:none;display:none}.btn_group{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.btn_block.activeBtn,.info_box.activeInfo,.quiz_box.activeQuiz,.result_box.activeResult{z-index:5;pointer-events:auto}.btn_block.activeBtn,.info_box.activeInfo{display:block}.quiz_box.activeQuiz,.result_box.activeResult{display:flex}.exit_btn,.start_btn{font-size:25px;font-weight:500;color:var(--base-color);padding:15px 30px;outline:none;border:none;border-radius:5px;background:var(--culture-white);cursor:pointer;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.info_box{min-width:320px;max-width:540px;background:var(--culture-white);border-radius:5px;display:none;pointer-events:none;transition:all .3s ease}.info_box .info-title{position:relative;height:auto;width:100%;border-bottom:1px solid var(--soft-partition-color);display:flex;align-items:center;padding:0 30px;border-radius:5px 5px 0 0;font-size:20px;font-weight:600}.info_box .info-title>span{position:absolute;bottom:10px;font-size:12px;font-variant:small-caps;color:var(--culture-red)}.info_box .info-list{padding:15px 30px}.info_box .info-list .info{margin:5px 0;font-size:17px}.info_box .info-spotlight{font-weight:600;color:var(--base-color)}.info_box .buttons{height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 30px;border-top:1px solid var(--soft-partition-color)}.info_box .buttons button{margin:0 5px;height:40px;width:100px;font-size:16px;font-weight:500;cursor:pointer;outline:none;border-radius:5px;border:1px solid var(--base-color);transition:all .3s ease}.additional-rule-notes{padding:.5rem;border-top:1px dashed var(--note-border);list-style:none}.note{padding:1rem;border-top:1px dashed var(--soft-partition-color)}.note:first-of-type{border-top:none}.quiz_box{min-width:320px;background:var(--culture-white);border-radius:5px;display:none;pointer-events:none;flex-direction:column;transition:all .3s ease;max-width:554px;overflow-y:scroll}.quiz_box header{position:relative;z-index:2;height:70px;padding:0 30px;background:var(--culture-white);border-radius:5px 5px 0 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 5px 1px #0000001a}.quiz_box header .timer{color:#fff;background:var(--timer-box);border:1px solid var(--timer-box-border);height:45px;padding:0 8px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;width:145px}.quiz_box header .timer .time_left_txt{font-weight:400;font-size:17px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz_box header .timer .time_sub_txt{font-variant:small-caps;font-size:10px;font-weight:700;margin:0;padding:0;text-align:center}.quiz_box header .timer .timer_sec{font-size:18px;font-weight:500;height:30px;width:45px;color:var(--culture-white);border-radius:5px;line-height:30px;text-align:center;background:var(--timer-box);border:1px solid var(--timer-box-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz_box header .time_line{position:absolute;bottom:0;left:0;height:3px;background:var(--culture-yellow)}section{padding:25px 30px 20px}section .que_text{font-size:25px;font-weight:600}section .option_list{padding:20px 0;display:block}section .option_list .option{background:var(--option);border:1px solid var(--option-border);border-radius:5px;padding:8px 15px;font-size:17px;margin-bottom:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}section .option_list .option:last-child{margin-bottom:0}section .option_list .option:hover{background:var(--acsent);border:1px solid var(--acsent-border)}section .option_list .option.correct{color:#155724;background:#d4edda;border:1px solid #c3e6cb}section .option_list .option.incorrect{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}section .option_list .option.disabled{pointer-events:none}section .option_list .option .icon{padding:5px;border:2px solid transparent;border-radius:50%;margin-right:.125rem}.option_list .option .icon.tick{color:#23903c;border-color:#23903c;background:#d4edda}.option_list .option .icon.cross{color:#a42834;border-color:#a42834;background:#f8d7da}footer{display:flex;flex-direction:column;justify-content:space-between}footer .buttonContainer{padding:10px 30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-top:1px solid var(--soft-partition-color)}footer .total_que span{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}footer .total_que span p{font-weight:500;padding:0 5px}footer .total_que span p:first-child{padding-left:0}footer button{height:40px;padding:0 13px;font-size:18px;font-weight:400;cursor:pointer;outline:none;color:var(--culture-white);border-radius:5px;background:var(--base-color);border:1px solid var(--base-color);line-height:10px;display:none;pointer-events:none;transform:scale(.95);transition:all .3s ease}footer button:hover{background:var(--btn-base-color-hover)}footer button.show{display:block;pointer-events:auto;transform:scale(1)}.feedback-lnk{color:var(--base-color);padding:.5rem;align-self:center}.result_box{background:var(--culture-white);border-radius:5px;display:none;padding:25px 30px;width:450px;align-items:center;flex-direction:column;justify-content:center;pointer-events:none;transition:all .3s ease}.result_box .icon{font-size:100px;color:var(--base-color);margin-bottom:10px}.result_box .complete_text{font-size:20px;font-weight:700}.result_box .score_block{text-align:center;font-size:18px;font-weight:500}.result_box .score_block .score_text{padding:0 4px;font-weight:600}.result_box .buttons{display:flex;margin:20px 0}.result_box .buttons button{margin:0 10px;height:45px;padding:0 20px;font-size:18px;font-weight:500;cursor:pointer;outline:none;border-radius:5px;border:1px solid var(--base-color);transition:all .3s ease}.buttons button.restart{color:var(--culture-white);background:var(--base-color)}.buttons button.restart:hover{background:var(--btn-base-color-hover)}.buttons button.quit{color:var(--base-color);background:var(--culture-white)}.buttons button.quit:hover{color:var(--culture-white);background:var(--base-color)}