body{margin:0;background:#E2D0A4;color:#2837DC;font:17px system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:clamp(18px,4vw,42px)}a{color:#2837DC}article{background:#FFFEF7;border:2px solid #D4AF37;border-radius:16px;padding:18px;margin:15px 0;overflow-wrap:anywhere}input,select{box-sizing:border-box;max-width:100%;padding:12px;background:#FFFEF7;color:#2837DC;border:2px solid #D4AF37;border-radius:10px;font:inherit}canvas{touch-action:none;height:360px;width:100%;max-height:400px;background:#FFFEF7;border:2px solid #D4AF37;border-radius:18px}h2{font-size:1.3em}