:root{color-scheme:light dark;--color-bg: #f7f9f3;--color-surface: #edf2e7;--color-surface-raised: #ffffff;--color-text: #182417;--color-text-muted: #6c7a67;--color-border: #dbe6d6;--color-primary: #3c7a3f;--color-primary-bright: #2f6b34;--color-primary-soft: rgba(60, 122, 63, .1);--color-primary-contrast: #ffffff;--color-success: #0d8f86;--color-success-bright: #12a79c;--color-success-soft: rgba(13, 143, 134, .12);--color-danger: #d6304a;--color-danger-soft: rgba(214, 48, 74, .12);--color-void: #8a7d4f;--color-void-soft: rgba(138, 125, 79, .12);--color-postponed: #a45c1f;--color-postponed-soft: rgba(164, 92, 31, .12);--color-gold: #a3810c;--color-gold-bright: #c49a10;--color-gold-soft: rgba(163, 129, 12, .14);--color-silver: #71797e;--color-silver-soft: rgba(113, 121, 126, .14);--color-bronze: #a05a2c;--color-bronze-soft: rgba(160, 90, 44, .14);--color-betano: #c15a00;--color-betano-soft: rgba(193, 90, 0, .14);--font-display: "Archivo", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--shadow-sm: 0 1px 2px rgba(24, 36, 23, .06);--shadow-md: 0 1px 2px rgba(24, 36, 23, .06), 0 8px 24px rgba(24, 36, 23, .08);--shadow-lg: 0 2px 4px rgba(24, 36, 23, .07), 0 20px 48px rgba(24, 36, 23, .12);--shadow-inset: inset 0 1px 3px rgba(24, 36, 23, .08), inset 0 0 0 1px rgba(24, 36, 23, .04);--glass-surface: rgba(255, 255, 255, .62);--glass-border: rgba(24, 36, 23, .08);--blur-glass: blur(20px) saturate(160%);--skeleton-fill: rgba(24, 36, 23, .16);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .36s;--ease-out: cubic-bezier(.16, 1, .3, 1);--radius-card: 1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0e130d;--color-surface: #161f14;--color-surface-raised: #1f2b1c;--color-text: #eef5ea;--color-text-muted: #a3b39c;--color-border: #2b3a27;--color-primary: #4caf50;--color-primary-bright: #66d16a;--color-primary-soft: rgba(76, 175, 80, .16);--color-primary-contrast: #0e130d;--color-success: #2dd4bf;--color-success-bright: #5eead4;--color-success-soft: rgba(45, 212, 191, .14);--color-danger: #f5576c;--color-danger-soft: rgba(245, 87, 108, .14);--color-void: #c3b47f;--color-void-soft: rgba(195, 180, 127, .14);--color-postponed: #e0a869;--color-postponed-soft: rgba(224, 168, 105, .16);--color-gold: #e8c547;--color-gold-bright: #f2d76a;--color-gold-soft: rgba(232, 197, 71, .16);--color-silver: #b8c0c4;--color-silver-soft: rgba(184, 192, 196, .16);--color-bronze: #cc8552;--color-bronze-soft: rgba(204, 133, 82, .16);--color-betano: #ff9a3d;--color-betano-soft: rgba(255, 154, 61, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .5), 0 20px 48px rgba(0, 0, 0, .45);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(0, 0, 0, .2);--glass-surface: rgba(31, 43, 28, .62);--glass-border: rgba(238, 245, 234, .08);--skeleton-fill: rgba(238, 245, 234, .16)}}:root[data-theme=dark]{--color-bg: #0e130d;--color-surface: #161f14;--color-surface-raised: #1f2b1c;--color-text: #eef5ea;--color-text-muted: #a3b39c;--color-border: #2b3a27;--color-primary: #4caf50;--color-primary-bright: #66d16a;--color-primary-soft: rgba(76, 175, 80, .16);--color-primary-contrast: #0e130d;--color-success: #2dd4bf;--color-success-bright: #5eead4;--color-success-soft: rgba(45, 212, 191, .14);--color-danger: #f5576c;--color-danger-soft: rgba(245, 87, 108, .14);--color-void: #c3b47f;--color-void-soft: rgba(195, 180, 127, .14);--color-postponed: #e0a869;--color-postponed-soft: rgba(224, 168, 105, .16);--color-gold: #e8c547;--color-gold-bright: #f2d76a;--color-gold-soft: rgba(232, 197, 71, .16);--color-silver: #b8c0c4;--color-silver-soft: rgba(184, 192, 196, .16);--color-bronze: #cc8552;--color-bronze-soft: rgba(204, 133, 82, .16);--color-betano: #ff9a3d;--color-betano-soft: rgba(255, 154, 61, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .5), 0 20px 48px rgba(0, 0, 0, .45);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(0, 0, 0, .2);--glass-surface: rgba(31, 43, 28, .62);--glass-border: rgba(238, 245, 234, .08);--skeleton-fill: rgba(238, 245, 234, .16)}*{box-sizing:border-box}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button:not(:disabled),a,[role=button]{transition:transform .1s ease,opacity .1s ease}button:not(:disabled):not(.gameweek-scope-nav-btn):active,a:active,[role=button]:active{transform:scale(.96);opacity:.8}html{font-size:93.75%}html,body{margin:0;padding:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);font-weight:800}.mono{font-family:var(--font-mono)}.nav-icon-svg{flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:900}.brand-name .accent{color:var(--color-primary-bright)}a{color:var(--color-primary)}.back-link{align-self:flex-start;font-size:.875rem}.back-link-icon{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:-.5rem 0 -.5rem -.6rem;padding:0;border:none;background:none;color:var(--color-text);cursor:pointer}.back-link-icon svg{flex-shrink:0;width:1.75rem;height:1.75rem}@media(hover:hover){.back-link-icon:hover{color:var(--color-primary)}}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-fill);border-radius:.4rem}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-surface-raised),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.page-loader{display:flex;flex-direction:column;gap:1rem;padding:.25rem 0 1rem}.page-loader-title{width:45%;height:1.75rem}.page-loader-card{height:5.5rem}.app-icon-svg{vertical-align:-.2em;flex-shrink:0}.app-icon-svg path:not([fill]),.app-icon-svg rect:not([fill]),.app-icon-svg circle:not([fill]){fill:currentColor;fill-opacity:.18}.icon-trophy,.icon-crown,.icon-star{color:var(--color-gold)}.icon-dice,.icon-search,.icon-filter,.icon-share,.icon-handshake,.icon-bell,.icon-settings,.icon-calendar,.icon-chart,.icon-camera,.icon-target,.icon-check{color:var(--color-primary-bright)}.icon-skull,.icon-warning,.icon-logout{color:var(--color-danger)}.tier-gold{color:var(--color-gold)}.tier-silver{color:var(--color-silver)}.tier-bronze{color:var(--color-bronze)}button,input,select{font:inherit;color:inherit}.page{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:720px;margin:0 auto}.card{display:flex;flex-direction:column;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1rem 1.125rem}.card--glass{background:var(--glass-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}.card--raised{box-shadow:var(--shadow-md)}.card h2{margin:0;font-size:1rem}.section-divider{display:flex;align-items:center;gap:.625rem;margin:.25rem 0 -.25rem;color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.chip{padding:.375rem .875rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-size:.8125rem;font-weight:600;cursor:pointer}.chip.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-bright)}@media(hover:hover){.chip:not(.active):hover{border-color:var(--color-primary)}.chip.active:hover{border-color:var(--color-primary-bright)}}.section-toggle{align-self:flex-start;display:flex;align-items:center;gap:.375rem;margin:.25rem 0;padding:.375rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}@media(hover:hover){.section-toggle:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}}.section-toggle-icon{transition:transform .15s ease}.section-toggle-icon.open{transform:rotate(180deg)}.tabs-underline{display:flex;gap:1.125rem;overflow-x:auto;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.tabs-underline::-webkit-scrollbar{display:none}.tab-underline{flex:1 1 0%;min-width:fit-content;background:none;border:none;padding:0 0 .625rem;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;white-space:nowrap;text-align:center;cursor:pointer;position:relative}.tab-underline.active{color:var(--color-text)}.tab-underline.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--color-primary-bright)}.segmented{display:flex;gap:.25rem;padding:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.85rem;margin-bottom:.75rem}.segmented-item{flex:1;padding:.55rem .5rem;border:none;border-radius:.6rem;background:transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:600;cursor:pointer}.segmented-item.active{background:var(--color-primary-soft);color:var(--color-primary-bright)}label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--color-text-muted)}input,select{padding:.5rem .625rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-surface-raised)}button{padding:.5rem 1rem;border-radius:.5rem;border:none;background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;cursor:pointer;align-self:flex-start;transition:background-color .15s ease}@media(hover:hover){button:not(:disabled):not(.ghost):not(.row-link):not(.dropdown-trigger):not(.view-toggle-btn):not(.sheet-close):not(.other-picks-toggle):not(.champion-card):not(.chip):not(.tab-btn):not(.standings-menu-btn):not(.standings-view-btn):not(.standings-menu-item):not(.standings-legend-toggle):not(.back-link-icon):hover{background:var(--color-primary-bright)}}@media(hover:hover){.segmented-item.active:hover{background:var(--color-primary-soft)}}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--color-danger)}button.ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}button.ghost.danger{border-color:var(--color-danger);color:var(--color-danger);background:transparent}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.list-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-border)}.list-row>div:first-child,.list-row>.row-link{display:flex;flex-direction:column;gap:.125rem}.row-link{color:inherit;text-decoration:none;background:none;border:none;padding:0;margin:0;font:inherit;text-align:left;cursor:pointer;width:100%}@media(hover:hover){.row-link:hover strong{text-decoration:underline}}.list-row-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:right}.muted{color:var(--color-text-muted);font-size:.8rem}.badge{font-size:.75rem;padding:.1875rem .625rem;border-radius:999px;background:var(--color-surface-raised);border:1px solid var(--color-border);align-self:flex-start;font-weight:600;white-space:nowrap}.badge.win{background:var(--color-success-soft);border-color:transparent;color:var(--color-success)}.badge.loss{background:var(--color-danger-soft);border-color:transparent;color:var(--color-danger)}.badge.void{background:var(--color-void-soft);border-color:transparent;color:var(--color-void)}.badge.postponed{background:var(--color-postponed-soft);border-color:transparent;color:var(--color-postponed)}.badge.penalty{background:var(--color-postponed-soft);border-color:var(--color-postponed);color:var(--color-postponed)}.badge.status{background:var(--color-primary-soft);border-color:transparent;color:var(--color-primary-bright)}.badge.status.closed{background:var(--color-void-soft);color:var(--color-void)}.badge.status.betano,.badge.status.betclic{display:inline-flex;align-items:center;gap:.35rem}.badge.status.betano{background:var(--color-betano-soft);color:var(--color-betano)}.badge.status.betclic{background:var(--color-danger-soft);color:var(--color-danger)}.bookmaker-logo{width:.875rem;height:.875rem;object-fit:contain;border-radius:.25rem;background:#fff;flex-shrink:0}.badge.pending{background:var(--color-surface);color:var(--color-text-muted)}.badge.leg-result{font-size:.9375rem;font-weight:800;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.3rem;letter-spacing:.01em}.badge.leg-result.win{border:1.5px solid var(--color-success)}.badge.leg-result.win:before{content:"\2705"}.badge.leg-result.loss{border:1.5px solid var(--color-danger)}.badge.leg-result.loss:before{content:"\274c"}.badge.leg-result.void{border:1.5px solid var(--color-void)}.badge.leg-result.postponed{border:1.5px solid var(--color-postponed)}.rank-arrow{font-size:.75rem}.rank-arrow.up{color:var(--color-success)}.rank-arrow.down{color:var(--color-danger)}.rank-arrow.neutral{color:var(--color-text-muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 0}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--color-primary-bright)}.stat-value.win,.stat-value .win{color:var(--color-success)}.stat-value.loss,.stat-value .loss{color:var(--color-danger)}.stat-label{font-size:.75rem;color:var(--color-text-muted)}.wl-bar{display:flex;height:.5rem;border-radius:999px;overflow:hidden;background:var(--color-surface)}.wl-bar-win{background:var(--color-success)}.wl-bar-loss{background:var(--color-danger)}.wl-bar-caption{display:flex;justify-content:space-between;margin-top:.375rem;font-size:.75rem;font-weight:600}.wl-bar-caption .win{color:var(--color-success)}.wl-bar-caption .loss{color:var(--color-danger)}.lb-title-row{display:flex;align-items:baseline;gap:.5rem}.lb-rank{font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:var(--color-text-muted)}.lb-name{font-weight:700;font-size:.95rem}.lb-pts{font-size:.85rem}.rank-medal{margin-left:.125rem}.lb-row.me{border:2px solid var(--color-primary-bright);background:var(--color-primary-soft)}.you-badge{background:var(--color-primary-bright);color:var(--color-primary-contrast);border-color:transparent;font-size:.7rem;align-self:center}.champion-card{position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:.375rem;width:100%;padding:1rem 1.25rem;border-radius:1rem;border:2px solid var(--color-gold);background:linear-gradient(160deg,var(--color-gold-soft),var(--color-surface) 70%);text-align:center;font:inherit;color:inherit;cursor:pointer}.champion-crown{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.champion-name{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:900;font-size:1.2rem}.champion-pts{font-size:1.55rem;font-weight:800;color:var(--color-gold)}.champion-meta{font-size:.8rem}.champion-card.me{border-color:var(--color-primary-bright);box-shadow:0 0 0 3px var(--color-primary-soft)}@media(hover:hover){.champion-card:hover{border-color:var(--color-gold-bright)}.champion-card.me:hover{border-color:var(--color-primary-bright)}}.leg-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.375rem}.leg-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem}.leg-item.clickable{cursor:pointer}@media(max-width:639.98px){.leg-item>.badge{align-self:flex-end}}.leg-desc{display:flex;flex-direction:column;gap:.125rem;min-width:0}.leg-desc-teams{display:flex;align-items:center;gap:.375rem;width:100%;min-width:0}.leg-desc-teams-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.leg-desc-market{width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;color:var(--color-text-muted)}.stat-hero{text-align:center;padding:1.375rem .625rem 1.125rem;margin-bottom:.875rem;border-bottom:1px dashed var(--color-border)}.stat-hero-pts{font-size:2.875rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--color-success-bright),var(--color-success));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-hero-pts-label{margin-top:.25rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.stat-hero-odd-chip{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem .875rem;border-radius:20px;background:var(--color-gold-soft);border:1px solid var(--color-gold);color:var(--color-gold);font-weight:700;font-size:.8125rem}.leg-item:has(.leg-odd){flex-direction:row;align-items:center;justify-content:space-between;gap:.625rem;padding:.75rem .875rem}.leg-list:has(.leg-odd){gap:.5rem}.leg-item:has(.leg-odd) .leg-desc{flex:1;min-width:0}.leg-odd{position:relative;flex-shrink:0;text-align:center;min-width:3.125rem;padding:.3125rem .625rem;border-radius:.75rem;background:var(--color-gold-soft);border:1.5px solid var(--color-gold);color:var(--color-gold)}.leg-odd-num{font-size:1rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.leg-odd-lbl{margin-top:.1875rem;font-size:.53125rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;opacity:.85}.leg-odd.win{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.leg-odd.loss{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.leg-odd.void{background:var(--color-void-soft);border-color:var(--color-void);color:var(--color-void)}.leg-odd.postponed{background:var(--color-postponed-soft);border-color:var(--color-postponed);color:var(--color-postponed)}.leg-odd-badge{position:absolute;top:-.5rem;right:-.5rem;width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--color-primary-contrast);background:var(--color-gold);border:2px solid var(--color-surface-raised)}.leg-odd.win .leg-odd-badge{background:var(--color-success)}.leg-odd.loss .leg-odd-badge{background:var(--color-danger)}.leg-odd.void .leg-odd-badge{background:var(--color-void)}.leg-odd.postponed .leg-odd-badge{background:var(--color-postponed)}.error{color:var(--color-danger)}@media(min-width:640px){.list-row{flex-direction:row;align-items:center;justify-content:space-between}.badge{align-self:auto}.leg-item{flex-direction:row;align-items:center;justify-content:space-between}}.modal-backdrop{animation:modal-backdrop-in .18s ease}.modal-backdrop.closing{animation:modal-backdrop-out .15s ease both}.modal-card,.upload-progress-card{animation:modal-card-in .2s cubic-bezier(.16,1,.3,1)}.modal-card.closing,.upload-progress-card.closing{animation:modal-card-out .15s ease both}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-backdrop-out{to{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(.75rem) scale(.97)}}@keyframes modal-card-out{to{opacity:0;transform:translateY(.5rem) scale(.97)}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-backdrop.closing,.modal-card,.modal-card.closing,.upload-progress-card,.upload-progress-card.closing{animation:none}}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:view-transition-fade-out .15s ease both}::view-transition-new(root){animation:view-transition-fade-in .2s ease both}}@keyframes view-transition-fade-out{to{opacity:0}}@keyframes view-transition-fade-in{0%{opacity:0}}
