:root{--bg:#0d1b2a;--bg2:#12233a;--bg3:#162944;--line:#4ecdc4;--rest:#96aeda;--accent:#c9a84c;--axis:#2e4a66;--grid:#1e3450;--label:#4a6fa5;--text:#e8edf4;--danger:#d85a5a;--serif:"Fira Sans", Arial, sans-serif;--mono:"Fira Sans", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:15px}.btn{cursor:pointer;font-family:var(--mono);letter-spacing:1px;background:var(--line);color:#05231f;border:none;border-radius:12px;padding:14px 34px;font-size:15px;font-weight:500;transition:transform .1s,opacity .2s;display:inline-block}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--bg3);color:var(--text);border:1px solid var(--axis)}.btn.gold{background:var(--accent);color:#2a1f05}.btn.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn:disabled{opacity:.4;cursor:default}.panel{border:1px solid var(--axis);background:linear-gradient(#12233af5,#0d1b2af5);border-radius:18px;max-width:480px;margin:6vh auto 0;padding:28px 24px}.panel h2{font-family:var(--serif);color:#fff;margin-bottom:10px;font-size:26px;font-weight:500}.panel p{color:var(--label);font-size:13px;line-height:1.8}.field{text-align:left;margin-bottom:16px}.field label{color:var(--label);letter-spacing:1px;margin-bottom:6px;font-size:11px;display:block}.field input{background:var(--bg);border:1px solid var(--axis);width:100%;color:var(--text);font-family:var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;outline:none;padding:12px 14px;font-size:17px}.field input:focus{border-color:var(--line)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}