*{box-sizing:border-box}body{margin:0;background:#090b1c;color:#e9e2c8;font:16px system-ui,sans-serif}main{max-width:900px;margin:auto;padding:28px 18px}.back{color:#a6b5ff;text-decoration:none}h1{font:clamp(42px,9vw,86px)/.9 Georgia,serif;margin:55px 0 12px;color:#f8d67b}.intro{color:#a9acc8}canvas{display:block;width:100%;height:auto;margin-top:30px;border:1px solid #272c57;border-radius:18px;background:#0d1230;touch-action:none;cursor:crosshair}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:16px;color:#a9acc8}button{background:#f8d67b;border:0;border-radius:99px;padding:11px 18px;color:#17132a;font-weight:700}button:focus-visible{outline:3px solid #a6b5ff}