*{box-sizing:border-box}body{margin:0;background:#101a20;color:#dae7e8;font-family:system-ui,sans-serif}main{max-width:820px;margin:auto;padding:24px 18px}header{text-align:center}h1{font-size:clamp(30px,5vw,48px);margin:5px 0;font-weight:850;letter-spacing:-2px}h1 em{font-style:normal;color:#edb65c}.eyebrow{font:10px monospace;letter-spacing:3px;color:#80b2a5}header p{font-size:13px;color:#9db1b6;margin:5px 0 18px}.deck{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}button{background:#25373e;border:1px solid #4c656d;border-radius:8px;color:#eef6f7;padding:10px 18px;font:600 13px system-ui;cursor:pointer;touch-action:none}button:disabled{opacity:.4;cursor:default}button:hover:enabled{background:#38525b}button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #edb65c;outline-offset:3px}#start{background:#dbac62;color:#17232b;border-color:#dbac62}#record{font:12px monospace;color:#80b2a5}#status{text-align:center;font:12px monospace;min-height:16px;margin:13px 0}.stage{display:flex;justify-content:center;overflow:hidden}canvas{display:block;image-rendering:pixelated;border:1px solid #52666b;border-radius:4px;touch-action:none;background:#000}nav{display:flex;gap:9px;justify-content:center;margin:12px 0}nav button{min-width:58px;font-size:20px;padding:6px 15px;user-select:none}details{max-width:580px;margin:20px auto;background:#1a2a31;border:1px solid #30464d;border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.7}summary{cursor:pointer;color:#edb65c;font-weight:650}.signs{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.signs p{margin:0}.signs b{color:#80b2a5}footer{text-align:center;color:#82969b;font:11px/1.7 monospace;margin-top:18px}@media(max-width:480px){main{padding-top:14px}.eyebrow{letter-spacing:1px}.signs{grid-template-columns:1fr}}