*{box-sizing:border-box}body{margin:0;background:#f4f3ef;color:#203e37;font:16px/1.6 system-ui,sans-serif}header,main{max-width:1440px;padding:16px;margin:auto}h1{font-size:25px;margin:0}button,input{font:inherit;min-height:48px;padding:8px 16px;border:1px solid #6e8279;border-radius:5px}button{background:#fff;color:#203e37;margin:4px}button:disabled{opacity:.45}button:focus-visible,#viewport:focus-visible{outline:3px solid #b56a38}#give{background:#203e37;color:#fff}#state{font-weight:600}#viewport{background:#161e1b;min-height:220px;max-width:100%;overflow:hidden;touch-action:none;line-height:0}#screen{width:100%;height:auto;user-select:none;-webkit-user-select:none}#typing{margin-top:12px}input{max-width:100%;display:block;width:100%}p{margin:8px 0}#timer{font-variant-numeric:tabular-nums}main>p{font-size:14px}