:root{font-family:system-ui,sans-serif;background:#080f18;color:#d6e5ee;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;margin:auto;padding:24px}h1{margin:4px 0 16px;font-size:2.2rem}h1 span{font-size:1rem;font-weight:400;color:#93b5c8;margin-left:12px}.eyebrow{color:#66e7d4;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.warning{border-left:4px solid #ffc472;background:#302719;color:#ffdbad;padding:14px;font-weight:650}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;padding:16px;background:#12202d;border:1px solid #294153;border-radius:6px}label{display:flex;gap:7px;flex-direction:column;font-size:.85rem}.buttons{display:flex;gap:7px;flex-wrap:wrap}button,select,input{font:inherit;color:inherit;background:#162c3b;border:1px solid #476273;border-radius:4px;padding:9px}button{cursor:pointer}button:hover{background:#25475c}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #66e7d4;outline-offset:3px}#message{min-height:2.7em;color:#ffe1ad}#status{font:13px ui-monospace,monospace;color:#90bece}.arena-wrap{background:#070e18;border:1px solid #456273;border-radius:4px}canvas{display:block;width:100%;height:clamp(250px,57vh,660px);touch-action:manipulation}.hint,footer{font-size:.85rem;line-height:1.6;color:#96adbd}details{background:#0c1925;padding:14px;margin:18px 0}summary{cursor:pointer}pre{font:12px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid #253b4d;padding:14px 0}@media(max-width:600px){main{padding:14px}h1 span{display:block;margin:6px 0}.controls{padding:10px}select{max-width:100%}.controls>label{max-width:100%}}