@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Instrument+Serif&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f0df;color:#062b20;font:16px/1.5 "DM Sans",sans-serif;padding:24px}main{width:min(520px,100%);padding:48px;border:1px solid #062b20;border-radius:28px;background:#fffdf5;box-shadow:12px 12px 0 #c7ff45;text-align:center}.ball{display:inline-block;width:52px;height:52px;border-radius:50%;background:#c7ff45;border:2px solid #062b20}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}h1{font:400 clamp(3rem,12vw,5rem)/.9 "Instrument Serif",serif;margin:22px 0}#connection-status{min-height:48px;color:#344d44}button,a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #062b20;border-radius:999px;font:700 .95rem "DM Sans",sans-serif}button{background:#062b20;color:#fffdf5;cursor:pointer;margin:18px auto}button:disabled{opacity:.55}a{color:#062b20;text-decoration:none;margin-top:18px}button[hidden]{display:none}@media(max-width:480px){main{padding:36px 22px}}