:root{--bg:#0d0a08;--panel:#1a140f;--panel-border:#2e2318;--field-bg:#241b14;--text:#f5ede4;--text-dim:#a89a8c;--accent-start:#f7931e;--accent-end:#ff5f1f;--accent-solid:#f7931e;--danger:#e2574c;--warn:#e0b34d;--font-body:"Inter", system-ui, sans-serif;--font-display:"Inter", system-ui, sans-serif;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:var(--accent-solid);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}img,svg{max-width:100%;display:block}.page{width:100%;max-width:960px;margin:0 auto;padding:24px 20px 64px}.topbar{border-bottom:1px solid var(--panel-border);background:var(--bg);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.2px;white-space:nowrap;flex-shrink:0;font-size:1.4rem;font-weight:700}.brand-shinda{color:var(--text)}.brand-bet{background:linear-gradient(90deg, var(--accent-start), var(--accent-end));color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;font-size:.92rem;display:flex}.balance-chip{background:var(--field-bg);border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;color:var(--accent-solid);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.event-title{margin:0 0 4px;font-size:1.1rem;font-weight:600}.event-desc{color:var(--text-dim);margin:0 0 14px;font-size:.9rem}.options-row{flex-wrap:wrap;gap:10px;display:flex}.option-btn{background:var(--field-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text);flex-direction:column;flex:120px;align-items:flex-start;gap:4px;min-width:120px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.option-btn:hover{border-color:#4a3a26}.option-btn.selected{border-color:var(--accent-solid);background:linear-gradient(#f7931e24,#ff5f1f14)}.option-label{font-size:.9rem}.option-odds{color:var(--accent-solid);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.auth-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:32px 16px 56px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:32px 28px}.auth-header{text-align:center;margin-bottom:28px}.auth-header .brand{margin-bottom:8px;font-size:1.9rem;display:inline-flex}.auth-header p{color:var(--text-dim);margin:0;font-size:.95rem}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}input,select,textarea{background:var(--field-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text);width:100%;padding:12px 14px;font-size:1rem}input::placeholder{color:#6b5f54}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--accent-solid);outline:none;box-shadow:0 0 0 3px #f7931e2e}.btn-primary{background:linear-gradient(90deg, var(--accent-start), var(--accent-end));color:#1a0f00;border-radius:var(--radius-md);border:none;width:100%;padding:13px 18px;font-size:1rem;font-weight:700;transition:filter .15s,transform 50ms}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{border:1px solid var(--panel-border);color:var(--text);border-radius:var(--radius-md);background:0 0;padding:9px 16px;font-size:.9rem}.btn-secondary:hover{border-color:#4a3a26}.auth-footer{text-align:center;color:var(--text-dim);margin-top:20px;font-size:.9rem}.auth-links-row{justify-content:flex-end;margin:-8px 0 16px;display:flex}.auth-links-row a{font-size:.85rem}.error-text{color:var(--danger);margin:4px 0 0;font-size:.88rem}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--panel-border);white-space:nowrap;padding:10px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.status-pending{color:var(--warn)}.status-won{color:var(--accent-solid);font-weight:600}.status-lost{color:var(--danger)}.empty-state{color:var(--text-dim);text-align:center;padding:40px 0}@media (width<=720px){.topbar{flex-wrap:wrap;padding:12px 16px}.nav-links{order:3;justify-content:space-between;gap:10px;width:100%;font-size:.85rem}.brand{font-size:1.25rem}.page{padding:18px 14px 56px}.auth-card{padding:26px 20px}.options-row{gap:8px}.option-btn{min-width:100px;padding:9px 12px}}@media (width<=480px){.nav-links{gap:8px;font-size:.8rem}.balance-chip{padding:5px 10px;font-size:.78rem}.btn-secondary{padding:7px 12px;font-size:.82rem}.auth-header .brand{font-size:1.6rem}.card{padding:16px}th,td{padding:8px 6px;font-size:.82rem}}
