:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0;background:#0e1420;color:#e6ecf5;width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#game>canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c16d9;z-index:10;padding:16px;box-sizing:border-box}.overlay.hidden{display:none}.card{background:#131c2c;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 32px;width:min(420px,92vw);box-sizing:border-box;box-shadow:0 20px 60px #00000073}.card h1{margin:0 0 8px;font-size:28px;font-weight:600;letter-spacing:-.01em}.card .lede{margin:0 0 20px;color:#98a3b8;font-size:14px;line-height:1.5}.card label{display:block;font-size:12px;color:#98a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.card input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0e1420;color:#e6ecf5;font-size:16px;margin-bottom:16px;outline:none;transition:border-color .12s ease}.card input:focus{border-color:#50dc78}.card button{width:100%;padding:14px;border-radius:8px;border:none;background:#50dc78;color:#0e1420;font-size:16px;font-weight:600;cursor:pointer;transition:transform 80ms ease,opacity .12s ease}.card button:hover{opacity:.92}.card button:active{transform:scale(.99)}.card button:disabled{background:#4a5468;color:#98a3b8;cursor:not-allowed}.card .codeRow{display:flex;gap:8px;align-items:stretch;margin-bottom:16px}.card .codeRow input{margin-bottom:0;flex:1 1 0;min-width:0;width:auto;text-transform:uppercase;letter-spacing:.18em;font-feature-settings:"tnum";text-overflow:ellipsis}.card .codeRow .ghost{flex:0 0 auto;width:auto;min-width:72px;background:transparent;color:#98a3b8;border:1px solid rgba(255,255,255,.16);padding:0 16px;font-size:13px;font-weight:600;letter-spacing:.04em;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.card .codeRow .ghost:hover{background:#50dc7814;border-color:#50dc7866;color:#e6ecf5}.card .hint{margin:18px 0 0;text-align:center;font-size:12px;color:#707b91;line-height:1.5}.card .status{margin:8px 0 0;font-size:12px;color:#98a3b8;min-height:16px;text-align:center;line-height:1.4}.card .status[data-kind=error]{color:#f08080}@media (max-width: 480px){.overlay{padding:12px}.card{padding:20px 18px;width:min(420px,100%);border-radius:14px}.card h1{font-size:22px}.card .lede{font-size:13px;margin-bottom:16px}.card label{margin-bottom:4px}.card input{padding:11px 12px;margin-bottom:14px}.card .codeRow{gap:6px;margin-bottom:14px}.card .codeRow .ghost{min-width:64px;padding:0 12px}.card button{padding:13px 12px}.card .hint{margin-top:14px;font-size:11.5px}}@media (max-width: 360px){.card{padding:18px 14px}.card .codeRow .ghost{min-width:56px;padding:0 8px;font-size:12px}}