body{font-size:calc(var(--root-width)/24);font-family:sans-serif;margin:0;width:100%;height:100%;background:white;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}textarea,input{font-family:monospace;font-size:14pt}div#controller{display:none}.vbox{flex-direction:column}.hbox{flex-direction:row}.vbox,.hbox{display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:center;align-items:center}.vbox .filler,.hbox .filler{flex-grow:1}input{border:none;border-bottom:1px solid black;min-width:50%;max-width:40em}input:focus{border-color:red}div.status{padding:1em;margin-top:1em;height:2em;border-radius:.5em;vertical-align:middle}div.status svg{width:1em;height:1em;vertical-align:-0.2em;margin-right:.5em}@keyframes clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}div.checking{background-color:#ffffcc}div.checking svg{animation:clockwise 2s linear infinite}.correct{background-color:#90ee90}div.incorrect{background-color:#ff8080}.partial{background-color:#ffffcc}td.label{text-align:right}td{padding:.3em}button{margin-top:.5em;height:2em;border:none;border-radius:3px;color:white;font-size:100%}button svg{animation:clockwise 2s linear infinite;fill:white;height:2ex;margin-left:.5em;vertical-align:-0.2em}button.enabled{cursor:pointer;background:green}button.disabled{fill:#888888}button.working{fill:#888888}div.creator button{width:10em}div.guesser button{width:8em}div.filler{border-bottom:1px solid black}