body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#12141c;color:#e8e8f0;font-family:system-ui,Microsoft JhengHei,sans-serif}main{text-align:center}h1{margin:0 0 8px}canvas{background:#1c2030;border:3px solid #3a4260;border-radius:8px;max-width:92vw;height:auto;touch-action:none}.info{margin-bottom:10px;font-size:18px}.hint{color:#8b91a8;font-size:14px}.pad{display:none;margin-top:8px}.pad button{width:64px;height:64px;margin:3px;font-size:24px;border-radius:12px;border:0;background:#3a4260;color:#fff}@media (pointer:coarse){.pad{display:block}}