:root{color-scheme:dark;font:18px/1.65 system-ui,sans-serif;background:#10121b;color:#e6ebf5}body{max-width:760px;margin:auto;padding:clamp(24px,6vw,60px)}a{color:#75e3e9}nav{display:flex;gap:24px;flex-wrap:wrap}h1{font-size:clamp(32px,8vw,52px);line-height:1.15}h2{margin-top:2em}button{font:inherit;border:1px solid #75e3e9;border-radius:8px;background:#202a3d;color:inherit;padding:12px 20px;min-height:48px;cursor:pointer}button:disabled{opacity:.45;cursor:default}label{display:block;margin:24px 0}input{width:22px;height:22px;vertical-align:middle}#status{padding:16px;background:#1d2232;border-radius:8px}.notice{border-left:4px solid #f2c975;padding:12px 20px}footer{margin-top:64px;color:#adb7cc}:focus-visible{outline:3px solid #f2c975;outline-offset:4px}
.play{text-align:center}.code{font-size:clamp(28px,8vw,44px);letter-spacing:.25em;font-weight:700;color:#f2c975}.cta{display:inline-block;min-height:48px;padding:14px 28px;border-radius:12px;background:linear-gradient(135deg,#33f2ff,#d959ff);color:#10121b;font-weight:800;text-decoration:none}.cta.ghost{background:#202a3d;color:#e6ebf5;border:1px solid #75e3e9}.small{color:#adb7cc;font-size:15px;margin-top:40px}[hidden]{display:none!important}