.qz .mod_selector li p,.qz .mod_selector li.selected::after,.qz .mod_selector li.selected::before{position:absolute;left:0;right:0;bottom:0;top:0}.qz #quiz-canvas,.touchevents body.qz *{-webkit-tap-highlight-color:transparent}.qz main{min-height:100vh}.qz h1.h4,.qz_top100 h1{font-family:Consolas,"Lucida Console",Monaco,"Courier New",Courier,monospace;padding:.5em;background-color:#181d26;border:1px solid rgba(0,0,0,.5);tab-size:2}.qz #topics-container{display:flex;flex-wrap:wrap}.qz #topics-container>*{width:100%;order:1}.qz #topics-container>.modls{order:0}.qz #topics-container .accordion-btn{padding:1em;color:#70b4b3;background-color:rgba(24,29,38,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;transition:top .3s}.qz #topics-container .accordion-btn.active{position:-webkit-sticky;position:sticky;top:0}.hdr-not-top.hdr-pinned .qz #quiz-resp .resp_btns,.hdr-not-top.hdr-pinned .qz #topics-container .accordion-btn.active{top:2.3rem}.qz .data_list .module{margin:2.5em 0 0}.qz .data_list h5{text-align:left;margin-bottom:0}.qz .data_list blockquote{margin-top:.5em}.qz .data_list li{margin:.5em 0}.qz .mod_selector{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none}.touchevents .qz .mod_selector{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-bottom:1.5em}.touchevents .qz .mod_selector li{margin:0 1em 0 0;max-width:320px}.qz .mod_selector li{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;flex:0 1 24%;margin:0 .5% 1em;box-shadow:0 0 .5em #21252b;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.qz .mod_selector li:hover{transform:scale(1.1);z-index:1}.touchevents .qz .mod_selector li:hover{transform:unset}.qz .mod_selector li.selected p,.qz .mod_selector li:hover p{visibility:visible;transform:translateY(0)}.qz .mod_selector li.selected{transform:scale(.75);box-shadow:0 0 .5em #21252b inset}.touchevents .qz .mod_selector li.selected{transform:scale(.75)}.qz .mod_selector li.selected::before{content:'';-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.qz .mod_selector li.selected::after{content:'\e000';display:flex;justify-content:center;align-items:center;font-size:3em;color:#a3be8c;text-shadow:0 0 .5em #000;z-index:2}.qz .mod_selector li img{width:100%;object-fit:cover}.qz .mod_selector li h3{display:flex;flex:1 0;align-items:center;justify-content:center;font-size:.85em;font-weight:400;padding:.75em;margin:0;text-align:center;color:#ccc;background-color:#181d26;z-index:1}.qz .mod_selector li p{flex:1 0;display:flex;font-size:.8em;margin:0;padding:.75em;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(101%)}.tr .qz .mod_selector li p{transition:transform .3s}.qz #quiz-container{position:relative;font-size:1.25em}.qz #quiz-canvas{width:100%;max-width:1024px;display:block;margin:0 auto;-webkit-user-select:none;user-select:none;-moz-user-select:none}.qz .start_btn_container{position:-webkit-sticky;position:sticky;bottom:0;z-index:2}.qz #start-btn{margin:0;background-color:rgba(24,29,38,.5);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.qz #start-btn::before{padding:0 .5em 0 0;color:#07cab9}.qz .userfields>p{margin:0 0 1em}.qz .userfields input{min-width:300px}.qz .userfields .error{color:red}.qz #quiz-resp{text-align:center;margin:1em 0}.qz #quiz-resp .resp_btns{position:-webkit-sticky;position:sticky;top:0;z-index:1;transition:top .3s}.qz #quiz-resp .resp_btns>*{flex:0 1;margin:0 0 1em;text-wrap:nowrap;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.qz #countdown,.qz #quiz-resp .resp_preloader{display:flex;justify-content:center;font-size:5em;position:fixed;left:0;right:0;top:0;bottom:0}.qz #quiz-resp .resp_btns>button{margin-right:.5em}.qz #quiz-resp .resp_preloader{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:rgba(0,0,0,.7);text-shadow:0 0 .5em;z-index:2}.qz #countdown{align-items:center;z-index:1;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.qz #countdown::before{content:attr(data-counter);display:inline-flex;width:1.5em;height:1.5em;justify-content:center;align-items:center;border-radius:50%;color:#fff;box-shadow:0 0 .3em;transition:.25s}.qz #countdown.sec-1::before{background-color:#a3be8c}.qz #countdown.sec-2::before{background-color:#ebcb8b}.qz #countdown.sec-3::before{background-color:#bf616a}.qz #countdown.dn,.qz.quiz-active #botmenu,.qz.quiz-active #footer,.qz.quiz-active #header,.qz.quiz-active .resp_btns,.qz.quiz-active [data-hide],.qz.quiz-active aside,.qz.quiz-end [data-hide]{display:none!important}.qz.quiz-active{padding-top:0!important}.qz.quiz-active main{position:relative;max-width:100%;padding:0!important;background-size:cover;background-attachment:fixed;background-position:center;overflow-y:auto}.qz.quiz-active main::before{content:'';display:block;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.qz .resp-rank>b{width:2.5em;height:2.5em;display:inline-flex;align-items:center;justify-content:center;margin:.5em;border:1px solid;border-radius:50%;color:#a3be8c;box-shadow:0 0 .25em #fff}.qz .quiz_sound_toggle{color:#70b4b3}.qz .quiz_sound_toggle input{font-size:1.25em;margin:0}.qz .quiz_sound_toggle input::before{content:'🔇';margin-left:.5em}.qz .quiz_sound_toggle input:checked::before{content:'🔊'}.qz_top100 table{max-height:95lvh;position:relative;font-size:1em}.qz_top100 table tfoot,.qz_top100 table thead{position:-webkit-sticky;position:sticky;left:0;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qz_top100 table thead{top:0}.qz_top100 table tfoot{bottom:0}.qz_top100 table th{white-space:nowrap}.qz_top100 table thead th{cursor:pointer}.qz_top100 table td:nth-child(2){text-align:left}.qz_top100 dl{margin:1em 0}.qz_top100 dl dd,.qz_top100 dl dt{display:inline;margin:0}.qz_top100 dl dd::before{content:'-';margin:0 .25em}@media (max-width:960px){.qz .mod_selector li{flex:0 1 32%}}@media (max-width:768px){.qz .mod_selector li{flex:0 1 49%}.qz #quiz-resp .resp_btns>*{flex:1 1;font-size:1em}}@media (max-width:500px){.qz #quiz-resp .resp_btns>*{font-size:.9em}}@media (max-width:450px){.qz .mod_selector li{flex:1 0 100%}.qz #start-btn{font-size:1.5em}}@media (max-width:360px){.qz #quiz-resp .resp_btns>*{padding:.5em}}@media (max-width:320px){.qz #topics-container .accordion-btn{padding:1em 2.5%}}