*{box-sizing:border-box}body{background-color:#111;color:#f8f0e3;display:flex;flex-direction:column;margin:auto;min-height:100vh;min-width:320px}body main{flex-grow:1}h1{margin:0}h1,h2{text-align:center}ol,ul{list-style-type:none;padding:0}a:link,a:visited{color:aqua}input{accent-color:aqua}.error{color:red;font-size:2rem}nav{display:flex;flex-basis:100%;flex-grow:1;justify-content:center}nav>div{list-style:2}nav a{background-color:#222;border-radius:.25rem;display:inline-block;font-size:1.25rem;margin:.5rem;padding:.25rem;text-decoration:none}nav a:focus,nav a:hover{background-color:#444}header{display:flex;flex-flow:row wrap;justify-content:center;margin:10px}header #audioInterface{flex-basis:100%;flex-direction:column-reverse}@media(min-width:500px){header #audioInterface{flex-direction:row}}@media(min-width:605px){header #audioInterface,header nav{flex-basis:auto}}@media(min-width:700px){header nav{justify-content:left}header #hiddenBreak{flex-basis:100%}}footer{background-color:#222;padding:10px;text-align:center}footer,header{flex-grow:0}.input input{width:6ch}.input{align-items:center;flex-flow:row nowrap;font-size:1.25rem;justify-content:center}.input,.status{display:flex;flex-grow:1}.status{align-items:space-between;flex-flow:column-reverse wrap;width:100%}button,input,label span{border:1px solid transparent;border-radius:.25rem;margin:2px;text-align:center}#btnReset,#btnSound{height:4ch}.blood{accent-color:#880808!important;color:#880808!important}@media(min-width:500px){.status{flex-flow:row nowrap}}@media(min-width:800px){body{max-width:1000px}}check-list{display:flex;flex-flow:column-reverse nowrap;flex-grow:1}check-list section .sub-section{background-color:#222;border-radius:.33rem;display:block;margin:.25rem;padding:.2rem}check-list section #display-section{order:-2}check-list section #evidence-section{min-width:150px;order:-1}check-list section #ghost-section{min-width:200px;order:1}check-list .evidence-list,check-list .ghost-list{display:flex;flex-flow:row wrap;justify-content:space-between}check-list .evidence-list .evidence,check-list .evidence-list .ghost,check-list .ghost-list .evidence,check-list .ghost-list .ghost{padding:0 5px;width:100%}check-list .evidence-list .evidence:focus,check-list .evidence-list .evidence:hover,check-list .evidence-list .ghost:focus,check-list .evidence-list .ghost:hover,check-list .ghost-list .evidence:focus,check-list .ghost-list .evidence:hover,check-list .ghost-list .ghost:focus,check-list .ghost-list .ghost:hover{background-color:#444}check-list .evidence-list .yes{background-color:#194419;order:-1}check-list .evidence-list .yes:focus,check-list .evidence-list .yes:hover{background-color:#2d582d}check-list .evidence-list .no{background-color:#5f0b0b;order:1}check-list .evidence-list .no:focus,check-list .evidence-list .no:hover{background-color:#7c2222}check-list #hunt-list [role=listitem],check-list #speed-list [role=listitem]{padding:0 5px;width:33%}check-list .ghost-list .no{display:none}check-list .evidence{cursor:default;display:grid;grid-template-columns:auto 1.5rem 1.5rem}check-list .alternative{cursor:default;display:grid;grid-template-columns:50% 50%}check-list .ghost{cursor:default;display:grid;grid-template-columns:auto 1.5rem}check-list #display .name{font-size:2rem}check-list #display ol{display:flex;flex-flow:column nowrap;font-weight:700;justify-content:space-around;margin-bottom:0}check-list #display ol li{background-color:#444;border-radius:.25rem;margin:5px;padding:3px 5px;text-align:center}check-list #display ul{background-color:#444;border-radius:.25rem;list-style-type:circle;margin:1rem 1rem 0;padding:.2rem 3ch}check-list #display .info{margin-bottom:16px}check-list #display .info p{display:inline-block;margin-bottom:0;text-align:center;width:100%}check-list #display .warn{color:red;margin-bottom:0}@media(min-width:400px){check-list #display ol{flex-direction:row}check-list .evidence-list .evidence,check-list .evidence-list .ghost,check-list .ghost-list .evidence,check-list .ghost-list .ghost{width:50%}check-list #hunt-list [role=listitem]:nth-child(3n),check-list #hunt-list [role=listitem]:nth-child(3n-1),check-list #speed-list [role=listitem]:nth-child(3n),check-list #speed-list [role=listitem]:nth-child(3n-1),check-list .evidence:nth-child(2n),check-list .ghost:nth-child(2n){border-left:2px solid #aaa}}@media(min-width:500px){check-list{display:grid;grid-template-columns:200px auto;grid-template-rows:auto auto}check-list #ghost-section{grid-column-start:2;grid-row-start:2}check-list #display-section{grid-column-start:2;grid-row-start:1;order:1}check-list #evidence-section{grid-row-end:3;grid-row-start:1}check-list .evidence-list [role=listitem]{border:none!important;width:100%!important}}@media(min-width:500px)and (max-width:650px){check-list #display ol{flex-direction:column}check-list #display ol li{width:100%}}@media(min-width:800px){check-list{display:flex;flex-flow:row nowrap}check-list #evidence-section,check-list #ghost-section{max-width:200px;min-width:200px}check-list #display ol{justify-content:space-evenly}check-list #display-section{flex-grow:1}check-list .ghost-list [role=listitem]{border:none!important;width:100%!important}}#clock{font-family:monospace}timer-list ul{flex-flow:row wrap;width:100%}timer-list ul,timer-list ul li{display:flex;justify-content:center}timer-list ul li{padding:0 10px;width:300px}timer-list ul li>*{background-color:#222;border-radius:.25rem;display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:.25em;min-height:150px;padding:0 5px 16px;width:100%}timer-list ul li button{height:4ch}timer-list h2{width:100%}timer-list .time{font-family:monospace;padding:5px}timer-list .input{flex-flow:row wrap;justify-content:space-between;justify-content:space-around;width:100%}timer-list .input label{white-space:pre}timer-list .input #chbCursed{margin:0;width:auto}timer-list .info{margin-bottom:0;min-height:1em;text-align:center;width:100%}timer-list #huntTimer{min-height:200px}speed-finder{background-color:#222;border-radius:.25rem;display:flex;flex-flow:column;margin:0 auto;max-width:500px;padding:0 5px 16px}speed-finder>p{text-align:center}speed-finder>button{background-color:#aaa;min-height:200px}settings-menu{background-color:#222;border-radius:.33rem;display:block;margin:0 auto .3rem;max-width:600px;min-width:320px;padding:.2rem .2rem .5rem}settings-menu label{display:flex;justify-content:space-between;margin:0 auto 5px;max-width:350px}settings-menu label input,settings-menu label select{text-align:center}