*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}body{background:radial-gradient(120% 100% at 50% 25%,#0d1428,#070a16 55%,#04060c)}#app{position:fixed;inset:0}#ui{position:fixed;top:18px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}#ui .title{font-size:15px;font-weight:700;letter-spacing:.35em;color:#22d3ee;text-shadow:0 0 14px rgba(34,211,238,.8);margin-bottom:12px}#ui .row{display:flex;gap:8px;justify-content:center;margin-bottom:8px;pointer-events:auto}#ui button{cursor:pointer;font-size:13px;font-weight:600;color:#9fb4d8;background:#0a0f1ee6;border:1px solid rgba(34,211,238,.3);border-radius:999px;padding:7px 16px}#ui button.on{color:#22d3ee;border-color:#22d3eee6;box-shadow:0 0 12px #22d3ee66}#ui .hint{font-size:11px;color:#9fb4d88c;margin-top:4px}