:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#ececf0;--bg-elevated:#fff;--bg-hover:#e3e3e8;--bg-active:#dcdce2;--accent-primary:#005bbd;--accent-secondary:#0071e3;--gold:#7a5606;--gold-deep:#5e4204;--gold-wash:#7a56061a;--teal:#0a6b64;--porphyry:#a63a56;--silver:#6a6f78;--bronze:#8a5524;--diverge-pos:#9c5511;--diverge-neg:#0a6b64;--accent-success:#166b2f;--accent-warning:#7a5606;--accent-danger:#ad3229;--accent-danger-fill:#c0392f;--accent-serious:#a2521c;--accent-purple:#5b46c4;--accent-pink:#b03a68;--text-primary:#1d1d1f;--text-secondary:#4b4b50;--text-tertiary:#5c5c63;--text-link:#005bbd;--text-inverse:#fff;--border-default:#d2d2d7;--border-muted:#e4e4e9;--border-emphasis:#b9b9c0;--gradient-primary:linear-gradient(135deg, #0071e3 0%, #005bbd 100%);--gradient-success:linear-gradient(135deg, #166b2f 0%, #1f8a3d 100%);--gradient-danger:linear-gradient(135deg, #ad3229 0%, #c0392f 100%);--gradient-gold:linear-gradient(135deg, #5e4204 0%, #7a5606 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #fafafc 100%);--gradient-card-gold:linear-gradient(180deg, #7a560612 0%, #fff 60%);--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 12px 40px #0000001f;--shadow-glow:0 0 32px #005bbd1f;--shadow-gold:0 0 40px #7a56061f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:28px;--space-xl:44px;--space-2xl:68px;--space-3xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, Roboto, sans-serif;--font-display:var(--font-sans);--font-serif:"New York", "Hoefler Text", Palatino, Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--tracking-inscription:.06em;--transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--transition-normal:.24s cubic-bezier(.4, 0, .2, 1);--transition-slow:.38s cubic-bezier(.4, 0, .2, 1);--sidebar-width:252px;--header-height:64px;--max-content-width:1400px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#131316;--bg-secondary:#1c1c21;--bg-tertiary:#25252c;--bg-elevated:#212127;--bg-hover:#2f2f37;--bg-active:#2a2a31;--accent-primary:#64a8ff;--accent-secondary:#3d8ae0;--gold:#e8b14a;--gold-deep:#c9891c;--gold-wash:#e8b14a1f;--teal:#56c2b8;--porphyry:#d4798f;--silver:#c3c8d0;--bronze:#d69a63;--diverge-pos:#e0924e;--diverge-neg:#56c2b8;--accent-success:#56c271;--accent-warning:#efb64f;--accent-danger:#ef7a72;--accent-danger-fill:#c8453d;--accent-serious:#f0955e;--accent-purple:#a898f5;--accent-pink:#f07aa0;--text-primary:#f5f5f7;--text-secondary:#aeaeb6;--text-tertiary:#8e8e96;--text-link:#64a8ff;--text-inverse:#131316;--border-default:#33333c;--border-muted:#26262d;--border-emphasis:#45454f;--gradient-primary:linear-gradient(135deg, #3d8ae0 0%, #64a8ff 100%);--gradient-success:linear-gradient(135deg, #35924c 0%, #56c271 100%);--gradient-danger:linear-gradient(135deg, #c8453d 0%, #ef7a72 100%);--gradient-gold:linear-gradient(135deg, #c9891c 0%, #e8b14a 100%);--gradient-card:linear-gradient(180deg, #22222a 0%, #1c1c21 100%);--gradient-card-gold:linear-gradient(180deg, #e8b14a1a 0%, #1c1c21 60%);--shadow-sm:0 1px 2px #00000047;--shadow-md:0 4px 16px #00000052;--shadow-lg:0 12px 40px #0006;--shadow-glow:0 0 32px #64a8ff24;--shadow-gold:0 0 40px #e8b14a29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-primary:#131316;--bg-secondary:#1c1c21;--bg-tertiary:#25252c;--bg-elevated:#212127;--bg-hover:#2f2f37;--bg-active:#2a2a31;--accent-primary:#64a8ff;--accent-secondary:#3d8ae0;--gold:#e8b14a;--gold-deep:#c9891c;--gold-wash:#e8b14a1f;--teal:#56c2b8;--porphyry:#d4798f;--silver:#c3c8d0;--bronze:#d69a63;--diverge-pos:#e0924e;--diverge-neg:#56c2b8;--accent-success:#56c271;--accent-warning:#efb64f;--accent-danger:#ef7a72;--accent-danger-fill:#c8453d;--accent-serious:#f0955e;--accent-purple:#a898f5;--accent-pink:#f07aa0;--text-primary:#f5f5f7;--text-secondary:#aeaeb6;--text-tertiary:#8e8e96;--text-link:#64a8ff;--text-inverse:#131316;--border-default:#33333c;--border-muted:#26262d;--border-emphasis:#45454f;--gradient-primary:linear-gradient(135deg, #3d8ae0 0%, #64a8ff 100%);--gradient-success:linear-gradient(135deg, #35924c 0%, #56c271 100%);--gradient-danger:linear-gradient(135deg, #c8453d 0%, #ef7a72 100%);--gradient-gold:linear-gradient(135deg, #c9891c 0%, #e8b14a 100%);--gradient-card:linear-gradient(180deg, #22222a 0%, #1c1c21 100%);--gradient-card-gold:linear-gradient(180deg, #e8b14a1a 0%, #1c1c21 60%);--shadow-sm:0 1px 2px #00000047;--shadow-md:0 4px 16px #00000052;--shadow-lg:0 12px 40px #0006;--shadow-glow:0 0 32px #64a8ff24;--shadow-gold:0 0 40px #e8b14a29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom);font-size:16px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit}a{color:var(--text-link)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);padding-top:calc(10px + env(safe-area-inset-top));background:var(--bg-secondary);border-bottom:1px solid var(--border-muted);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);display:flex;position:sticky;top:0}.brand{letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:700;text-decoration:none}.brand span{color:var(--accent-primary)}.topbar-spacer{flex:1 1 0;min-width:0}.icon-button{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;place-items:center;display:grid}.icon-button:hover{background:var(--bg-hover);color:var(--text-primary)}.nav{background:var(--bg-tertiary);border-radius:var(--radius-full);scrollbar-width:none;gap:2px;min-width:0;padding:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none}.nav a.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}@media (width<=560px){.brand{display:none}.nav a{padding:6px 11px}}.page{width:100%;max-width:720px;padding:var(--space-md) var(--space-md) var(--space-2xl);flex:1;margin:0 auto}.page-title{letter-spacing:-.02em;margin-bottom:2px;font-size:26px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px}.weekbar{z-index:15;margin:0 calc(-1 * var(--space-md)) var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border-bottom:1px solid var(--border-muted);position:sticky;top:58px}.weekbar-row{align-items:center;gap:var(--space-sm);display:flex}.week-select{appearance:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 13px center,right 8px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:8px 30px 8px 12px;font-size:14px;font-weight:600}.progress-jump{align-items:center;gap:var(--space-sm);text-align:left;flex:1;min-width:0;display:flex}.progress-track{border-radius:var(--radius-full);background:var(--bg-tertiary);flex:1;min-width:40px;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width var(--transition-normal)}.progress-fill.complete{background:var(--gradient-success)}.progress-label{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.progress-label strong{color:var(--text-primary)}.next-lock{color:var(--text-tertiary);margin-top:6px;font-size:12.5px}.next-lock strong{color:var(--accent-warning);font-variant-numeric:tabular-nums}.slate{gap:var(--space-md);flex-direction:column;display:flex}.slot-heading{align-items:center;gap:var(--space-sm);margin:var(--space-sm) 2px -2px;letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:700;display:flex}.slot-heading:after{content:"";background:var(--border-muted);flex:1;height:1px}.game-card{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.game-card.is-picked{border-color:var(--border-default);box-shadow:var(--shadow-md)}.game-card.is-locked{opacity:.92}.game-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:9px var(--space-md);border-bottom:1px solid var(--border-muted);color:var(--text-tertiary);font-size:12.5px;display:flex}.game-kick{font-variant-numeric:tabular-nums;font-weight:600}.game-kick.live{color:var(--accent-danger)}.game-odds{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:flex}.game-odds .spread{color:var(--text-secondary);font-weight:700}.game-odds .ou{color:var(--text-tertiary)}.game-odds .no-line{font-style:italic}.pick-row{grid-template-columns:1fr 1px 1fr;align-items:stretch;display:grid}.pick-divider{background:var(--border-muted)}.pick-half{min-height:116px;padding:var(--space-md) var(--space-sm);text-align:center;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.pick-half:not(:disabled):hover{background:var(--bg-hover)}.pick-half:not(:disabled):active{background:var(--bg-active)}.pick-half:disabled{cursor:default}.pick-logo{object-fit:contain;width:46px;height:46px;transition:transform var(--transition-normal), filter var(--transition-fast)}.pick-half.selected .pick-logo{transform:scale(1.06)}.pick-half.dimmed .pick-logo{filter:grayscale();opacity:.45}.pick-name{letter-spacing:-.01em;font-size:15px;font-weight:650;line-height:1.2}.pick-half.dimmed .pick-name{color:var(--text-tertiary)}.pick-meta{letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-tertiary);min-height:14px;font-size:11px;font-weight:600}.pick-half.selected{background:var(--gold-wash)}.pick-half.selected .pick-name{color:var(--text-primary)}.pick-half.selected:after{content:"";border:2px solid var(--accent-primary);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:3px}.pick-check{border-radius:var(--radius-full);background:var(--accent-primary);width:20px;height:20px;color:var(--text-inverse);box-shadow:var(--shadow-sm);place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.pick-half.result-win:after{content:"";border:2px solid var(--accent-success);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:3px}.pick-half.result-win{background:color-mix(in srgb, var(--accent-success) 12%, transparent)}.pick-half.result-miss{background:color-mix(in srgb, var(--accent-danger) 10%, transparent)}.pick-half.result-miss:after{content:"";border:2px solid var(--accent-danger);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:3px}.pick-check.win{background:var(--accent-success)}.pick-check.miss{background:var(--accent-danger-fill)}.pick-score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:700}.game-foot{border-top:1px solid var(--border-muted);padding:9px var(--space-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:12.5px}.injury-line{text-align:left;align-items:center;gap:8px;width:100%;line-height:1.35;display:flex}.injury-dot{border-radius:var(--radius-full);background:var(--accent-warning);flex-shrink:0;width:7px;height:7px}.injury-dot.out{background:var(--accent-danger)}.injury-names{flex:1;min-width:0}.injury-toggle{color:var(--text-link);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-weight:600;display:inline-flex}.injury-chevron{transition:transform var(--transition-fast)}.injury-chevron.open{transform:rotate(180deg)}.injury-detail{margin-top:var(--space-sm);gap:10px;display:grid}.injury-team-name{letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:11px;font-weight:700}.injury-entry{align-items:center;gap:8px;padding:2px 0;display:flex}.injury-face{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-hover);width:26px;height:26px}.injury-status{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-warning);margin-left:auto;font-size:11px;font-weight:700}.injury-status.out{color:var(--accent-danger)}.injury-stamp{color:var(--text-tertiary);margin-top:8px;font-size:11.5px}.lock-note{color:var(--text-tertiary);align-items:center;gap:6px;display:flex}.revealed{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.revealed-chip{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-muted);align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.revealed-chip .who{color:var(--text-secondary)}.revealed-chip .what{color:var(--text-primary)}.revealed-chip.correct{border-color:var(--accent-success)}.revealed-chip.wrong{opacity:.6}.notice{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-muted);color:var(--text-secondary);text-align:center;font-size:14px}.toast{left:50%;bottom:calc(var(--space-md) + env(safe-area-inset-bottom));z-index:40;max-width:calc(100vw - 2 * var(--space-md));padding:10px var(--space-md);border-radius:var(--radius-full);background:var(--accent-danger-fill);color:var(--text-inverse);box-shadow:var(--shadow-lg);align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.toast button{font-weight:700;text-decoration:underline}.auth-wrap{min-height:100dvh;padding:var(--space-md);place-items:center;display:grid}.auth-card{width:100%;max-width:380px;padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-card h1{letter-spacing:-.02em;text-align:center;font-size:24px;font-weight:700}.auth-card .lede{text-align:center;color:var(--text-secondary);margin:6px 0 var(--space-lg);font-size:14px}.tabs{background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;gap:2px;padding:4px;display:grid}.tabs button{border-radius:var(--radius-full);color:var(--text-secondary);padding:8px;font-size:14px;font-weight:600}.tabs button.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.field{margin-bottom:var(--space-md)}.field label{letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px 14px;font-size:16px}.field input:focus{border-color:var(--accent-primary);outline:none}.field .hint{color:var(--text-tertiary);margin-top:6px;font-size:12px}.pin-input{letter-spacing:.5em;text-align:center;font-weight:700}.button-primary{border-radius:var(--radius-md);background:var(--gradient-primary);width:100%;color:var(--text-inverse);box-shadow:var(--shadow-sm);transition:filter var(--transition-fast);padding:13px;font-size:15px;font-weight:700}.button-primary:hover{filter:brightness(1.06)}.button-primary:disabled{opacity:.55;cursor:default}.link-button{color:var(--text-link);text-underline-offset:2px;font-weight:700;text-decoration:underline}.form-error{margin-bottom:var(--space-md);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-danger) 14%, transparent);border:1px solid var(--accent-danger);color:var(--text-primary);padding:10px 12px;font-size:13.5px}.table-wrap{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:11px var(--space-sm);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}th{background:var(--bg-tertiary);letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:700;position:sticky;top:0}tbody tr+tr td{border-top:1px solid var(--border-muted)}tbody tr.me{background:var(--gold-wash)}th:first-child,td:first-child{z-index:1;text-align:left;background:var(--bg-secondary);font-weight:650;position:sticky;left:0}th:first-child{background:var(--bg-tertiary);z-index:2}tbody tr.me td:first-child{background:var(--bg-tertiary)}.rank{color:var(--text-tertiary);margin-right:8px;font-weight:600}td.correct-total{font-size:15px;font-weight:700}td.muted{color:var(--text-tertiary)}.grid-table td,.grid-table th{text-align:center;padding:9px 10px}.grid-table td:first-child,.grid-table th:first-child{text-align:left;min-width:108px}.grid-matchup{letter-spacing:.01em;font-size:13.5px;font-weight:700;display:block}.grid-matchup .at{color:var(--text-tertiary);margin:0 3px;font-weight:400}.grid-matchup .winner{text-underline-offset:3px;text-decoration:underline}.grid-when{color:var(--text-tertiary);white-space:nowrap;font-size:11.5px;font-weight:400;display:block}.grid-pick{letter-spacing:.02em;font-size:13px;font-weight:650}.grid-pick.correct{color:var(--accent-success)}.grid-pick.wrong{color:var(--accent-danger)}.grid-pick.none{color:var(--text-tertiary)}.grid-pick.hidden{color:var(--border-emphasis)}.grid-table .me-col{background:var(--gold-wash)}.grid-table th.me-col{color:var(--text-primary)}.grid-table tfoot td{border-top:2px solid var(--border-emphasis);font-size:14px;font-weight:700}.grid-table tfoot td:first-child{letter-spacing:var(--tracking-inscription);text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:700}.metric-explainer{margin-top:var(--space-md);padding:var(--space-md);border-left:3px solid var(--border-emphasis);background:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-size:13px;line-height:1.6}.metric-explainer strong{color:var(--text-primary)}@media (width>=640px){.page{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.pick-half{min-height:128px}.pick-logo{width:54px;height:54px}.pick-name{font-size:16px}.page-title{font-size:32px}}