*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0e17;--surface: #13172a;--surface2: #1a1f35;--border: #1f2640;--border2: #2a3250;--gold: #e8a020;--gold-dim: #a06b10;--crimson: #8b1a1a;--crimson-bright: #c0392b;--text: #dde3f0;--muted: #5a6480;--muted2: #7a85a0;--success: #2ecc71;--danger: #e74c3c;--warning: #f39c12;--mono: "Share Tech Mono", monospace;--sans: "Syne", "Helvetica Neue", sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow:hidden}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;height:100dvh}.mono{font-family:var(--mono)}.field-label{display:block;font-family:var(--mono);font-size:10px;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px}.sect-label{font-family:var(--mono);font-size:9px;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin:14px 0 6px}.group-divider{font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted2);background:var(--surface2);padding:5px 8px;border-radius:2px;margin:10px 0 4px;border-left:2px solid var(--crimson-bright)}.badge{font-family:var(--mono);font-size:9px;letter-spacing:.05em;padding:2px 7px;border-radius:2px}.badge-success{background:#2ecc711f;border:1px solid rgba(46,204,113,.3);color:var(--success)}.badge-warn{background:#f39c121f;border:1px solid rgba(243,156,18,.3);color:var(--warning)}.badge-danger{background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);color:var(--danger)}.badge-gold{background:#e8a0201f;border:1px solid var(--gold-dim);color:var(--gold)}.alert{padding:9px 12px;border-radius:3px;font-family:var(--mono);font-size:11px;margin-bottom:14px;border-left:2px solid;line-height:1.4}.alert-info{background:#e8a02012;border-color:var(--gold);color:var(--gold)}.alert-success{background:#2ecc7114;border-color:var(--success);color:var(--success)}.alert-danger{background:#e74c3c14;border-color:var(--danger);color:var(--danger)}.alert-warn{background:#f39c1214;border-color:var(--warning);color:var(--warning)}.btn-primary{width:100%;padding:11px;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--gold);color:var(--bg)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-outline{width:100%;padding:10px;background:transparent;border:1px solid var(--border2);color:var(--muted2);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .2s;margin-top:8px}.btn-outline:hover:not(:disabled){border-color:var(--crimson-bright);color:var(--crimson-bright)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.field-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--mono);font-size:14px;padding:10px 12px;margin-bottom:16px;outline:none;transition:border-color .2s}.field-input:focus{border-color:var(--gold)}.score-input{width:30px;height:30px;text-align:center;font-size:15px;font-weight:700;background:var(--bg);border:1px solid var(--border2);border-radius:3px;color:var(--gold);font-family:var(--mono);padding:0;outline:none;-moz-appearance:textfield}.score-input:focus{border-color:var(--gold)}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}