:root{--bg:#0b0e14;--bg-elevated:#121722;--surface:#171d2b;--surface-hover:#1e2636;--border:#263045;--border-strong:#35415c;--text:#e8ecf4;--text-muted:#94a1b8;--text-faint:#64718a;--accent:#4d7cfe;--accent-hover:#6b92ff;--accent-dim:#4d7cfe24;--win:#2fbf71;--win-dim:#2fbf7124;--lose:#e5484d;--lose-dim:#e5484d24;--warn:#f0a92c;--warn-dim:#f0a92c24;--lol:#c89b3c;--cs2:#f0a92c;--radius-sm:6px;--radius:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--shadow:0 4px 16px #0006;--shadow-lg:0 12px 40px #0000008c;--max-width:1080px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.55}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:9px 16px;font-weight:550;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{border-color:var(--lose);color:var(--lose)}.btn--danger:hover:not(:disabled){background:var(--lose-dim)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn--sm{padding:5px 10px;font-size:.85rem}.btn--block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{color:var(--text-muted);font-size:.85rem;font-weight:550}.field__hint{color:var(--text-faint);font-size:.8rem}.input,.select{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);width:100%;color:var(--text);font:inherit;padding:9px 12px}.input::placeholder,.select::placeholder{color:var(--text-faint)}.input:focus,.select:focus{border-color:var(--accent);outline:none}.input:disabled,.select:disabled{opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.badge{letter-spacing:.03em;text-transform:uppercase;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:650;display:inline-flex}.badge--lol{color:var(--lol);border-color:color-mix(in srgb, var(--lol) 40%, transparent);background:color-mix(in srgb, var(--lol) 12%, transparent)}.badge--cs2{color:var(--cs2);border-color:color-mix(in srgb, var(--cs2) 40%, transparent);background:color-mix(in srgb, var(--cs2) 12%, transparent)}.badge--win{color:var(--win);border-color:color-mix(in srgb, var(--win) 40%, transparent);background:var(--win-dim)}.badge--lose{color:var(--lose);border-color:color-mix(in srgb, var(--lose) 40%, transparent);background:var(--lose-dim)}.badge--warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:var(--warn-dim)}.badge--league{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover);text-transform:none;letter-spacing:0}.badge--open{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-dim)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);font-size:.9rem}.alert--error{border-color:color-mix(in srgb, var(--lose) 45%, transparent);background:var(--lose-dim);color:#ffc9ca}.alert--success{border-color:color-mix(in srgb, var(--win) 45%, transparent);background:var(--win-dim);color:#bdf0d3}.alert--info{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-dim)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:.76rem;font-weight:650}.table tbody tr:hover{background:var(--bg-elevated)}.table tbody tr:last-child td{border-bottom:none}.table__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.positive{color:var(--win)}.negative{color:var(--lose)}.empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-faint);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar__inner{max-width:var(--max-width);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.topbar__logo{letter-spacing:-.02em;color:var(--text);white-space:nowrap;font-size:1.05rem;font-weight:750}.topbar__logo span{color:var(--accent)}.topbar__nav{gap:var(--space-1);flex:1;display:flex;overflow-x:auto}.topbar__link{border-radius:var(--radius);color:var(--text-muted);white-space:nowrap;padding:6px 12px;font-size:.92rem;font-weight:550}.topbar__link:hover{background:var(--surface);color:var(--text)}.topbar__link--active{background:var(--accent-dim);color:var(--accent)}.topbar__right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}@media (width<=860px){.topbar__inner{flex-wrap:wrap}.topbar__nav{flex:none;order:3;width:100%}}.balance{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.balance__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.68rem}.balance__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--win);font-weight:650}.page{width:100%;max-width:var(--max-width);padding:var(--space-5) var(--space-4) var(--space-7);gap:var(--space-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-head__sub{color:var(--text-muted);margin-top:2px;font-size:.9rem}.toolbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.auth{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth__card{gap:var(--space-4);flex-direction:column;width:100%;max-width:400px;display:flex}.auth__title{text-align:center}.auth__tabs{gap:var(--space-1);background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);padding:3px;display:flex}.auth__tab{border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:7px;font-weight:550}.auth__tab--active{background:var(--surface-hover);color:var(--text)}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.matches{gap:var(--space-3);flex-direction:column;display:flex}.match{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;transition:border-color .15s;display:flex}.match:hover{border-color:var(--border-strong)}.match--settled{opacity:.78}.match__meta{align-items:center;gap:var(--space-2);color:var(--text-faint);flex-wrap:wrap;font-size:.8rem;display:flex}.match__tournament{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.match__body{gap:var(--space-3);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.match__team{align-items:center;gap:var(--space-3);min-width:0;display:flex}.match__team--right{text-align:right;flex-direction:row-reverse}.match__logo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.match__logo-fallback{border-radius:var(--radius-sm);background:var(--surface-hover);width:32px;height:32px;color:var(--text-faint);flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.match__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.match__name--winner{color:var(--win)}.match__name--loser{color:var(--text-faint)}.match__center{color:var(--text-faint);flex-direction:column;align-items:center;gap:2px;font-size:.8rem;display:flex}.match__score{font-family:var(--font-mono);color:var(--text);font-size:1.1rem;font-weight:700}.match__odds{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.match__mybets{gap:var(--space-1);padding-top:var(--space-3);border-top:1px dashed var(--border);flex-direction:column;font-size:.85rem;display:flex}@media (width<=560px){.match__body{text-align:center;grid-template-columns:1fr}.match__team,.match__team--right{text-align:center;flex-direction:row;justify-content:center}}.odds-btn{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.odds-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent)}.odds-btn:disabled{opacity:.5;cursor:not-allowed}.odds-btn--selected,.odds-btn--selected:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.odds-btn--selected .odds-btn__team,.odds-btn--selected .odds-btn__value,.odds-btn--selected:hover:not(:disabled) .odds-btn__team,.odds-btn--selected:hover:not(:disabled) .odds-btn__value{color:#fff}.odds-btn__team{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.85rem;font-weight:550;overflow:hidden}.odds-btn__value{font-family:var(--font-mono);color:var(--accent);font-size:1rem;font-weight:700}.modal{z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal__card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal__close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1}.modal__close:hover{color:var(--text)}.modal__actions{gap:var(--space-2);display:flex}.slip{gap:var(--space-4);flex-direction:column;display:flex}.slip__pick{padding:var(--space-3);border-radius:var(--radius);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.slip__pick-team{font-weight:650}.slip__pick-odds{font-family:var(--font-mono);color:var(--accent);font-weight:700}.slip__quick{gap:var(--space-2);flex-wrap:wrap;display:flex}.slip__summary{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);flex-direction:column;font-size:.9rem;display:flex}.slip__row{justify-content:space-between;gap:var(--space-3);display:flex}.slip__row--total{padding-top:var(--space-2);border-top:1px solid var(--border);font-weight:650}.page--with-slip{padding-bottom:96px}@media (width>=860px){.page--with-slip{padding-bottom:var(--space-7);padding-right:calc(360px + var(--space-5))}}.betslip{z-index:40;background:var(--surface);border-top:1px solid var(--border-strong);max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=860px){.betslip{left:auto;right:var(--space-4);bottom:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:360px;max-height:calc(100vh - 100px)}}.betslip__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.betslip__title{align-items:center;gap:var(--space-2);font-weight:650;display:flex}.betslip__count{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.78rem;display:inline-grid}.betslip__total{color:var(--text-muted);margin-left:auto;font-size:.9rem}.betslip__total strong{font-family:var(--font-mono);color:var(--accent)}.betslip__chevron{color:var(--text-faint)}.betslip__body{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.betslip__legs{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.betslip__leg{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);display:flex}.betslip__leg-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.betslip__leg-pick{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.betslip__leg-match{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.betslip__leg-odds{font-family:var(--font-mono);color:var(--accent);font-weight:700}.betslip__remove{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.betslip__remove:hover{color:var(--lose)}.betslip__hint{margin:0;font-size:.8rem}.ticket-legs{gap:var(--space-1);flex-direction:column;display:flex}.ticket-legs__head{text-transform:uppercase;letter-spacing:.03em;font-size:.78rem}.ticket-leg{align-items:center;gap:var(--space-2);white-space:normal;flex-wrap:wrap;display:flex}.ticket-leg__pick{margin-left:auto}.leader__rank{width:40px;color:var(--text-faint);font-family:var(--font-mono)}.leader__me{background:var(--accent-dim)!important}.admin{gap:var(--space-5);flex-direction:column;display:flex}.admin__section{gap:var(--space-3);flex-direction:column;display:flex}.admin__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.admin__row{gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tabs__tab{color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-weight:550}.tabs__tab:hover{color:var(--text)}.tabs__tab--active{color:var(--accent);border-bottom-color:var(--accent)}