:root{--color-bg:#fff;--color-surface:#f4f4f5;--color-text:#18181b;--color-text-muted:#52525b;--color-border:#d4d4d8;--color-accent:#1d4ed8;--color-accent-text:#fff;--color-highlight:#fef3c7;--color-success:#15803d;--color-danger:#b91c1c;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:var(--font-body);--font-numbers:ui-monospace, "SF Mono", Consolas, monospace;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:6px;--border-width:1px;--topbar-height:56px;--content-width:1040px;--panel-width:420px;--tap-size:44px;--duration-fast:.12s;--duration-slow:.24s}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;min-height:var(--tap-size)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.session-error{max-width:var(--content-width);margin:var(--space-6) auto;padding:var(--space-5);background:var(--color-surface);border:var(--border-width) solid var(--color-danger);border-radius:var(--radius);color:var(--color-text)}.session-error-message{color:var(--color-danger);margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-md)}.session-error-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.session-button{min-height:var(--tap-size);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.session-button-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.doors-container{min-height:100vh;padding:var(--space-4);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.doors-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);width:100%;max-width:400px;padding:var(--space-5)}.doors-title{margin:0 0 var(--space-5);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text);text-align:center}.doors-choices{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.doors-choice-button{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);cursor:pointer}.doors-choice-button-active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.doors-form{gap:var(--space-4);flex-direction:column;display:flex}.doors-field{gap:var(--space-2);flex-direction:column;display:flex}.doors-label{font-size:var(--text-sm);color:var(--color-text-muted)}.doors-input{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.doors-input:disabled{opacity:.6;cursor:not-allowed}.doors-button{min-height:var(--tap-size);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.doors-button:disabled{opacity:.6;cursor:not-allowed}.doors-button-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.doors-toggle-button{min-height:var(--tap-size);color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2);background:0 0;border:none;align-self:center;text-decoration:underline}.doors-toggle-button:disabled{opacity:.6;cursor:not-allowed}.doors-guest-note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.4}.doors-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.doors-info{color:var(--color-success);font-size:var(--text-sm);margin:0}.panel-root{top:var(--topbar-height);width:var(--panel-width);background:var(--color-surface);border-left:var(--border-width) solid var(--color-border);z-index:100;flex-direction:column;display:flex;position:fixed;bottom:0;right:0}@media (width<=767px){.panel-root{width:100%;padding-bottom:env(safe-area-inset-bottom);border-left:none;left:0;right:0}}.panel-header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);outline:none;margin:0}.panel-close-btn{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer}.panel-tabs{border-bottom:var(--border-width) solid var(--color-border);background:var(--color-bg);display:flex;overflow-x:auto}.panel-tab{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:500}.panel-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.panel-matchweek-nav{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.panel-nav-btn{min-height:var(--tap-size);min-width:var(--tap-size);padding:var(--space-2);font-family:inherit;font-size:var(--text-lg);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:flex}.panel-nav-btn:disabled{opacity:.35;cursor:not-allowed}.panel-matchweek-title{font-family:var(--font-heading);font-size:var(--text-md);color:var(--color-text);margin:0;font-weight:600}.panel-status-bar{padding:var(--space-3) var(--space-4);background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border)}.panel-status-text{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.panel-deadline-text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.panel-guest-note,.panel-lock-note{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.panel-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.panel-loading{margin:var(--space-4) 0;font-size:var(--text-md);color:var(--color-text-muted);text-align:center}.panel-error{margin:var(--space-2) 0;color:var(--color-danger);font-size:var(--text-sm)}.panel-success{margin:var(--space-2) 0;color:var(--color-success);font-size:var(--text-sm);font-weight:500}.panel-day-group{gap:var(--space-3);flex-direction:column;display:flex}.panel-day-heading{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.panel-fixture-card{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.panel-fixture-header{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.panel-fixture-matchup{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.panel-team-home{text-align:right;min-width:0;font-size:var(--text-md);color:var(--color-text);word-break:break-word;flex:1;font-weight:500}.panel-team-away{text-align:left;min-width:0;font-size:var(--text-md);color:var(--color-text);word-break:break-word;flex:1;font-weight:500}.panel-inputs{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.panel-input{width:40px;min-height:var(--tap-size);text-align:center;font-family:var(--font-numbers);font-size:var(--text-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);padding:0}.panel-input:disabled{background:var(--color-surface);cursor:not-allowed}.panel-input-divider{font-size:var(--text-sm);color:var(--color-text-muted)}.panel-fixture-score{font-family:var(--font-numbers);font-size:var(--text-md);color:var(--color-text);font-weight:600}.panel-fixture-footer{justify-content:flex-end;align-items:center;display:flex}.panel-pick-state{font-size:var(--text-sm);font-weight:500}.panel-state-saved{color:var(--color-success)}.panel-state-changed{color:var(--color-accent)}.panel-state-needs-both{color:var(--color-danger)}.panel-state-not-picked{color:var(--color-text-muted)}.panel-closed-picks{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border);gap:var(--space-2);flex-direction:column;display:flex}.panel-closed-pick-item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius);display:flex}.panel-closed-pick-me{background:var(--color-highlight)}.panel-closed-pick-user{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.panel-closed-pick-name{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-closed-pick-result{align-items:center;gap:var(--space-2);font-family:var(--font-numbers);font-size:var(--text-sm);display:flex}.panel-closed-pick-score{color:var(--color-text);font-weight:600}.panel-closed-pick-points{color:var(--color-accent);font-weight:600}.panel-footer{background:var(--color-surface);border-top:var(--border-width) solid var(--color-border);padding:var(--space-3) var(--space-4);gap:var(--space-2);z-index:10;flex-direction:column;display:flex;position:sticky;bottom:0}.panel-save-btn{min-height:var(--tap-size);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;width:100%;font-weight:600}.panel-save-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.shell-root{background:var(--color-bg);min-height:100vh;color:var(--color-text);flex-direction:column;display:flex}.shell-topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);padding:0 var(--space-4);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.shell-left{align-items:center;gap:var(--space-4);display:flex}.shell-logo{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);min-height:var(--tap-size);align-items:center;font-weight:700;text-decoration:none;display:flex}.shell-nav{align-items:center;gap:var(--space-3);display:flex}.shell-nav-link{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--text-md);border-radius:var(--radius);align-items:center;text-decoration:none;display:flex}.shell-nav-link-active{color:var(--color-accent);font-weight:600}.shell-right{align-items:center;gap:var(--space-3);display:flex}.shell-btn{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.shell-btn-predict{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.shell-btn-predict-active{outline:2px solid var(--color-text);outline-offset:2px}.shell-btn-danger{background:var(--color-danger);color:var(--color-accent-text);border-color:var(--color-danger)}.shell-user{align-items:center;gap:var(--space-2);display:flex}.shell-user-name{font-size:var(--text-md);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.shell-desktop-only{align-items:center;gap:var(--space-3);display:flex}.shell-mobile-menu-btn,.shell-mobile-menu{display:none}.shell-signout-confirm{align-items:center;gap:var(--space-2);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);display:flex}.shell-signout-text{font-size:var(--text-sm);color:var(--color-text)}.shell-signout-actions{gap:var(--space-2);display:flex}.shell-content{flex-direction:column;flex:1;display:flex}@media (width<=640px){.shell-desktop-only,.shell-nav{display:none}.shell-mobile-menu-btn{display:inline-flex}.shell-mobile-menu{top:var(--topbar-height);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-3) var(--space-4);gap:var(--space-2);z-index:90;flex-direction:column;display:flex;position:absolute;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a}.shell-mobile-user{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);display:flex}.shell-mobile-nav-link{min-height:var(--tap-size);padding:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-md);align-items:center;text-decoration:none;display:flex}.shell-mobile-signout{padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border)}.shell-signout-confirm{flex-direction:column;align-items:flex-start}.shell-signout-actions{gap:var(--space-2);width:100%;display:flex}}.hub-page{padding:var(--space-4);max-width:var(--content-width);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.hub-tabs{border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);display:flex;overflow-x:auto}.hub-tab{min-height:var(--tap-size);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-md);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.hub-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.hub-banner{align-items:center;gap:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);display:flex}.hub-banner-avatars{gap:var(--space-2);flex-shrink:0;display:flex}.hub-banner-text{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:600;line-height:1.4}.hub-columns{gap:var(--space-5);flex-direction:column;display:flex}@media (width>=1024px){.hub-columns{gap:var(--space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}}.hub-column-predictions,.hub-column-football{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.hub-section{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.hub-section-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);margin:0}.hub-empty-msg,.hub-loading{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.hub-error{margin:var(--space-2) 0;color:var(--color-danger);font-size:var(--text-sm)}.hub-table-wrapper{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4);overflow-x:auto}.hub-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}.hub-table th{padding:var(--space-2) var(--space-2);color:var(--color-text-muted);border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap;font-weight:500}.hub-table td{padding:var(--space-2) var(--space-2);color:var(--color-text);border-bottom:var(--border-width) solid var(--color-border)}.hub-table tr:last-child td{border-bottom:none}.hub-col-num{text-align:right;font-family:var(--font-numbers)}.hub-col-pos{text-align:center;width:32px;font-family:var(--font-numbers);color:var(--color-text-muted);font-weight:500}.hub-row-highlight{background-color:var(--color-highlight)}.hub-user-cell{align-items:center;gap:var(--space-2);display:flex}.hub-user-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.hub-team-name{font-weight:500}@media (width<=599px){.hub-col-record{display:none}}.hub-fixtures-list,.hub-results-list{gap:var(--space-3);flex-direction:column;display:flex}.hub-day-group{gap:var(--space-2);flex-direction:column;display:flex}.hub-day-heading{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.hub-fixture-card{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.hub-fixture-team{min-width:0;font-size:var(--text-md);word-break:break-word;flex:1;font-weight:500}.hub-team-home{text-align:right}.hub-team-away{text-align:left}.hub-fixture-center{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;min-width:60px;display:flex}.hub-fixture-time{font-family:var(--font-numbers);font-size:var(--text-sm);color:var(--color-text-muted)}.hub-fixture-score{font-family:var(--font-numbers);font-size:var(--text-md);color:var(--color-text);font-weight:600}.hub-result-card{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.hub-result-date{font-size:var(--text-sm);color:var(--color-text-muted)}.hub-result-matchup{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.profile-page{padding:var(--space-5);max-width:var(--content-width);margin:0 auto}.profile-title{margin:0 0 var(--space-5);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text)}.profile-form{gap:var(--space-5);flex-direction:column;max-width:520px;display:flex}.profile-field{gap:var(--space-2);flex-direction:column;display:flex}.profile-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.profile-input{min-height:var(--tap-size);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.profile-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.4}.profile-kit-section{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.profile-preview{padding:var(--space-3) 0;justify-content:center;align-items:center;display:flex}.profile-presets-title{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.profile-presets{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.profile-preset-btn{min-height:var(--tap-size);align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer;text-align:left;display:flex}.profile-preset-btn-active{border-color:var(--color-accent);background:var(--color-surface);outline:2px solid var(--color-accent)}.profile-preset-swatches{flex-shrink:0;gap:2px;display:flex}.profile-preset-swatch{border:1px solid #00000026;border-radius:2px;width:14px;height:14px}.profile-palette{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-palette-btn{width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);min-width:var(--tap-size);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 1px 3px #0000001a}.profile-palette-btn-active{border-color:var(--color-text);outline:2px solid var(--color-accent);outline-offset:2px}.profile-palette-check{font-weight:700;font-size:var(--text-md);color:#fff;text-shadow:0 0 2px #000,0 0 4px #000}.profile-submit-btn{min-height:var(--tap-size);padding:var(--space-2) var(--space-5);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;align-self:flex-start}.profile-submit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.profile-success{color:var(--color-success);font-size:var(--text-sm);margin:0;font-weight:500}.profile-account-type{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);max-width:520px}.profile-account-badge{margin:0 0 var(--space-1);font-size:var(--text-md);color:var(--color-text);font-weight:600}.profile-guest-note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.notfound-page{padding:var(--space-5);max-width:var(--content-width);margin:0 auto}.notfound-text{margin:0 0 var(--space-4);font-size:var(--text-md);color:var(--color-text)}.notfound-link{min-height:var(--tap-size);color:var(--color-accent);font-size:var(--text-md);align-items:center;text-decoration:underline;display:inline-flex}.app-loading,.app-signed-in{padding:var(--space-5);max-width:var(--content-width);margin:0 auto}.app-title{margin:0 0 var(--space-4);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text)}.app-text{margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--color-text)}.app-badge{margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);display:inline-block}.app-signout-button{min-height:var(--tap-size);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-md);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}