:root{--color-bg: #0f172a;--color-surface: #111827;--color-surface-2: #0b1222;--color-text: #e5e7eb;--color-muted: #9ca3af;--color-border: #1f2937;--color-primary: #3b82f6;--color-primary-contrast: #ffffff;--color-input: #1b2336;--color-positive: #10b981;--color-negative: #ef4444;--focus-ring: 2px solid #93c5fd;--glow-win-ring: rgba(16, 185, 129, .35);--glow-win-ambient: rgba(16, 185, 129, .18);--glow-loss-ring: rgba(239, 68, 68, .35);--glow-loss-ambient: rgba(239, 68, 68, .18);--font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--content-max: 960px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);color:var(--color-text);background:radial-gradient(1200px 800px at 10% 5%,#0b1222 20%,#0f172a,#0a0f1e);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.app{width:100%;padding:var(--space-6) var(--space-4);margin-inline:auto}.content{width:100%;max-width:var(--content-max);margin:0 auto;display:grid;gap:var(--space-6)}.header{width:100%;max-width:var(--content-max);margin:0 auto var(--space-6);padding:var(--space-6);background:linear-gradient(180deg,rgba(59,130,246,.08),transparent 45%),var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff08}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.title{margin:0;font-size:1.5rem;letter-spacing:.2px}.total{margin:var(--space-3) 0 0;font-size:1rem}.note{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.95rem}.settings-gear{display:inline-flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;padding:0;border-radius:9999px;background:var(--color-input)}.settings-gear svg{color:var(--color-text);width:2.5rem;height:2.5rem}.settings-panel{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;padding:var(--space-2);box-shadow:0 10px 24px #0000004d;z-index:10}.settings-item{appearance:none;display:block;width:100%;text-align:left;background:transparent;color:var(--color-text);border:0;border-radius:var(--radius-sm);padding:.75rem .9rem;font-size:.95rem;cursor:pointer}.settings-item:hover,.settings-item:focus-visible{background:var(--color-input);outline:none}.settings-item--danger{color:var(--color-negative)}.panel{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%),var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 8px 24px #0003,inset 0 1px #ffffff08}.section-title{margin:0 0 var(--space-4);font-size:1.1rem;color:#d1d5db}.btn{appearance:none;border:1px solid var(--color-border);background:#0b1222;color:var(--color-text);padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,#3b82f62e,#3b82f61f);border-color:#1e40af;color:var(--color-primary-contrast)}.btn-primary:hover{background:linear-gradient(180deg,#3b82f642,#3b82f62e);border-color:#1d4ed8}.btn-secondary{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.muted{color:var(--color-muted)}.positive{color:var(--color-positive)}.negative{color:var(--color-negative)}.summary-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.summary-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-input)}.summary-name{font-weight:600}.summary-amount{font-variant-numeric:tabular-nums}.form{display:grid;gap:var(--space-4)}.fields{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}label{font-size:.95rem;color:#d1d5db}input,select,textarea{width:100%;padding:.65rem .75rem;background:var(--color-input);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .12s ease,box-shadow .12s ease}input::placeholder,textarea::placeholder{color:#6b7280}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.actions{display:flex;gap:var(--space-3)}.bets{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.bet-card{list-style:none}.bet{display:grid;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%),var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.bet--win{box-shadow:0 0 0 1px var(--glow-win-ring),0 8px 18px var(--glow-win-ambient)}.bet--loss{box-shadow:0 0 0 1px var(--glow-loss-ring),0 8px 18px var(--glow-loss-ambient)}.bet-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.bet-field{display:grid;gap:var(--space-1)}.bet-field .label{color:var(--color-muted);font-size:.9rem}.bet-field .value{font-size:1rem;font-variant-numeric:tabular-nums}.bet-actions{display:flex;gap:var(--space-3)}@media (min-width: 640px){.bet-grid,.fields{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.bet-grid{grid-template-columns:repeat(3,1fr)}}