*{font-family:m5x7,monospace;font-size:16px;line-height:1.5}h1{font-size:32px;text-align:center}body{background-color:#111;color:#eee}#app{height:70vh;aspect-ratio:256/268;image-rendering:pixelated}.two-column{display:flex;gap:8px}@media only screen and (max-width: 450px){.two-column{flex-direction:column}}#parameters{width:100%;display:flex;flex-direction:column;gap:8px}input[type=range]{width:500px}input,output{text-align:right}.key-box{display:inline-block;height:.5em;width:.5em}.infected{background-color:#e02c22}.unvaccinated{background-color:#e0c122}.vaccinated{background-color:#9a2abf}.immune{background-color:#4dbf36}.dead{background-color:#323232;outline:1px solid rgb(200,200,200)}[data-tooltip]:hover:after{display:block;position:absolute;content:attr(data-tooltip);border:1px solid white;background:#111;padding:.25em;pointer-events:none}.presets{margin:1em 0}