*{box-sizing:border-box}body{color:#dde6f0;background:#0b1017;margin:0;font:15px/1.5 system-ui,sans-serif}main{max-width:1080px;margin:32px auto;padding:0 28px}header{margin-bottom:24px}h1{letter-spacing:-1px;margin:8px 0 16px;font-size:36px;line-height:1.1}.eyebrow{letter-spacing:2px;color:#82a9db;font-size:11px}p{color:#a6b4c5}.controls{flex-wrap:wrap;align-items:center;gap:18px;padding:18px 0;display:flex}input,button,select{font:inherit;border:1px solid #39485e;border-radius:5px;padding:9px 12px}input{color:#eef4ff;background:#121c2a;max-width:180px;margin-left:10px}button{color:#0b1523;cursor:pointer;background:#86b6f4;font-weight:600}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #fff}#connection{color:#bfd3ef}#game{aspect-ratio:4/3;border:1px solid #344155;border-radius:8px;width:100%;overflow:hidden}footer{color:#8d9db0;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 0;font-size:12px;display:flex}.hud{color:#dde6f0;flex-wrap:wrap;align-items:center;gap:24px;padding:0 0 12px;display:flex}#stop{margin-left:auto;padding:6px 12px}#feedback{color:#bfd3ef;min-height:1.5em;margin:0 0 12px}#orders{margin:12px 0 0;font-size:13px}[data-tone=error]{color:#ff9d9d!important}.account{color:#bfd3ef;flex-wrap:wrap;align-items:center;gap:14px;padding:0 0 14px;font-size:13px;display:flex}.account[hidden],#account-form[hidden],#sign-out[hidden],#finish-row[hidden]{display:none}#finish-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account select{color:#eef4ff;background:#121c2a;margin-left:10px;padding:6px 10px}select:disabled{opacity:.5}#account-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account input{max-width:150px;padding:6px 10px}.account button{color:#dde6f0;background:#2a3a52;padding:6px 12px}