*{box-sizing:border-box}html{height:100%}body{font-family:Avenir,Helvetica,Arial,sans-serif;background-color:#f6f5f7;color:#15171a;margin-top:24px}@media (min-width:750px){section{display:flex}}section{max-width:1024px;margin-left:auto;margin-right:auto;padding:32px;background-color:#fff;border-radius:8px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative}#game{display:flex;justify-content:center;flex-direction:column}progress{display:block;width:100%}article{display:flex;flex-direction:column;text-align:center;width:100%;height:100%;margin-top:16px;margin-bottom:16px}input{vertical-align:middle}button{background-color:#348fe2;color:#fff;display:inline-block;margin-top:18px;padding:8px 18px;text-align:center;vertical-align:middle;line-height:1.42858;font-size:14px;border:2px solid transparent;border-radius:4px;cursor:pointer;outline:0}button:focus,button:hover{background-color:#2083dd}button:active{background-color:#1d79cd}button:disabled{background-color:#9caab1;cursor:not-allowed}button:disabled:focus,button:disabled:hover{background-color:#93a0a7}button:disabled:active{background-color:#869299}button.warning{background-color:#f59c1a}button.warning:focus,button.warning:hover{background-color:#eb900a}button.warning:active{background-color:#db860a}.text-muted{color:#6c757d;font-size:.85em;position:absolute;bottom:0;right:16px}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin-top:4px}progress[value]::-webkit-progress-bar{background-color:#e0e0e0}progress[value]::-webkit-progress-value{background-image:-webkit-linear-gradient(left,#02afe8,#0190bf);border-radius:2px}progress[value]::-moz-progress-bar{background-image:-moz-linear-gradient(left,#02afe8,#0190bf);border-radius:2px}#ops{position:relative;top:-15px;left:2px;font-size:.9rem}