:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#10131a;color:#e7eaf1}body{margin:0}main{max-width:1040px;margin:auto;padding:20px}h1{font-size:25px}p{line-height:1.5;color:#b5c0d3}#screen{display:block;width:100%;aspect-ratio:4/3;background:#202734;border:1px solid #43516b;touch-action:manipulation}button,input{font:inherit;padding:12px;border:1px solid #52637e;border-radius:7px;background:#253146;color:inherit;margin:5px 0}button{cursor:pointer}.controls{display:flex;gap:8px;flex-wrap:wrap}label{display:block;margin-top:12px}input{display:block;width:min(90%,650px)}#status{color:#a9c8ff}#finish{background:#413043}