*{box-sizing:border-box;margin:0;padding:0}body{overflow:auto}.permanent-marker{font-family:Permanent Marker,cursive}header{border-radius:.5rem;box-shadow:.25rem .25rem .25rem .24rem rgba(0,0,0,.1);margin:2rem auto;max-width:20rem;padding:1rem 0;text-align:center}header p:first-child{font-size:1.75rem}header p:nth-child(2){font-family:sans-serif;font-size:1.25rem;font-style:italic;text-decoration:underline}#pt-wrapper{display:grid;grid-template-columns:auto auto;padding:0 1rem}#progress-container{background:#fff;border:.1rem solid;border-radius:2rem;display:grid;height:2rem;justify-self:left;overflow:hidden;position:relative;width:10rem}#progress-bar{backdrop-filter:invert(1);height:100%;left:0;position:absolute;top:0;transition:width .2s ease;width:60%}#progress-container .counter{align-self:center;justify-self:center;mix-blend-mode:revert;text-align:center}#time-left{align-content:center;background:#000;border-radius:.25rem;color:#fff;justify-self:right;padding:0 .75rem;text-align:center}form{border-radius:.5rem;box-shadow:.25rem .25rem .25rem .24rem rgba(0,0,0,.1);display:grid;font-family:sans-serif;gap:.75rem;margin:1rem auto;padding:.75rem;width:calc(100% - 3rem)}@media only screen and (min-width:768px){form{grid-template-columns:auto auto}#question{grid-column:1/3}}@media only screen and (min-width:992px){html{display:flex;justify-content:center}body{margin:auto;width:992px}}.noclick{pointer-events:none}#question{font-size:1.2rem}form input[type=radio]{display:none}form input[type=radio]:checked+label{background:#000;color:#fff}form input[type=radio].correct:not(:checked)+label{background:green;color:#fff}form label{border:.1rem solid;border-radius:0 1rem 1rem 0;padding:.5rem}#command-panel{display:grid;gap:1rem;grid-template-columns:auto auto;justify-content:center;margin:auto;width:calc(100% - 3rem)}#command-panel.hide{grid-template-columns:auto}#command-panel.hide button:not(:last-child){display:none}button{all:unset;transition:transform .2s ease}#command-panel button{background:#eee;border-radius:.25rem;cursor:default;font-family:sans-serif;font-variant:small-caps;font-weight:900;padding:.25rem .5rem;text-align:center;user-select:none}#pn-wrapper{align-items:center;display:grid;grid-template-columns:4rem auto 4rem;height:3rem;margin:auto;overflow:hidden;text-align:center;width:calc(100% - 2rem)}#pn-wrapper button{height:3rem;padding:0 1rem}#pn-wrapper button.hide{opacity:0;pointer-events:none}#pn-wrapper svg{height:2rem}#ps-wrapper{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:.5rem auto;width:calc(100% - 3rem)}#ps-wrapper div{align-content:center;border:.1rem solid;cursor:default;height:2.2rem;justify-content:center;text-align:center;user-select:none;width:2.2rem}#ps-wrapper div.done:not(.current):not(.green):not(.red){background:#000;color:#fff}#ps-wrapper div.current:not(.green):not(.red){background:#fff;border:.1rem dashed #f0f;color:#f0f;text-decoration-color:#f0f;text-decoration-line:underline overline}#ps-wrapper div.current:not(.green):not(.red):not(.done){border:.1rem dashed red;color:red;text-decoration-color:red;text-decoration-line:underline overline}#ps-wrapper div.green:not(.red):not(.current){background:green;color:#fff}#ps-wrapper div.current.green:not(.red){background:#fff;color:green}#ps-wrapper div.red:not(.green):not(.current){background:red;color:#fff}#ps-wrapper div.current.red:not(.green){background:#fff;color:red}#result{align-content:center;border-radius:.5rem;box-shadow:.25rem .25rem .25rem .24rem rgba(0,0,0,.1);display:grid;font-family:sans-serif;font-size:1.1rem;font-variant:small-caps;font-weight:900;grid-template-columns:auto;grid-template-rows:auto;justify-content:center;margin:2rem auto;padding:3rem 0 0;position:relative;transition:opacity .2s ease;width:calc(100% - 3rem)}#result.hide{opacity:0;pointer-events:none}#result>*{display:block}#float-head{left:50%;letter-spacing:.2rem;position:absolute;top:10%;transform:translate(-50%)}#gauge{grid-row:1/2}#float-text{bottom:4rem}#float-text,#pass-fail{left:50%;position:absolute;transform:translate(-50%)}#pass-fail{bottom:1.5rem}#review-box{align-items:center;background:rgba(0,0,0,.5);display:none;height:100vh;justify-items:center;left:0;position:fixed;top:0;width:100vw}#review-box.show{display:grid}#review-box table{background:#fff;border-collapse:collapse;box-shadow:.25rem .25rem .25rem .24rem hsla(0,0%,100%,.1)}#review-box table td,#review-box table th,#review-box table tr{border:.2rem solid;font-variant:small-caps;padding:.4rem}#review-box table th:first-child{text-align:left}#review-box table tr td:last-child{text-align:right}#review-box table tr:last-child td{background:#eee;color:#000;text-align:center}#review-box table tr:last-child td:before{content:"CLOSE"}#review-box.submit table tr:last-child td:before{content:"CONFIRM"}