:root{--font-primary:var(--font-chivo), Arial, sans-serif;--font-mono:var(--font-chivo-mono), monospace;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--radius-control:10px;--radius-card:14px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.16s;--text-h1:clamp(1.75rem, 2.6vw, 2.125rem);--text-h2:clamp(1.375rem, 2.2vw, 1.75rem);--text-h3:1.25rem;--text-h4:1.125rem;--text-h5:1rem;--text-h6:.875rem}html{background:var(--color-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-top:24px}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-primary)}::selection{background:var(--color-action-soft);color:var(--color-primary)}:where(input,textarea){caret-color:var(--color-action)}:where(input,textarea)::placeholder{color:var(--color-text-secondary);opacity:1}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-action);outline-offset:4px}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-primary);text-wrap:balance;font-style:normal}:where(h1){font-size:var(--text-h1)}:where(h2){font-size:var(--text-h2)}:where(h3){font-size:var(--text-h3)}:where(h4){font-size:var(--text-h4)}:where(h5){font-size:var(--text-h5)}:where(h6){font-size:var(--text-h6)}:where(a){text-underline-offset:4px}:where(button,input,select,textarea){font-family:var(--font-primary)}:root .app-shell select:not([multiple]):is(:not([size]),[size="1"]){appearance:none;background-image:url(/branding/chevron-down.svg);background-position:right 14px center;background-repeat:no-repeat;background-size:14px 14px;padding-inline-end:42px}@media (forced-colors:active){:root .app-shell select:not([multiple]):is(:not([size]),[size="1"]){appearance:auto;background-image:none}}.brand-logo{aspect-ratio:1195/595;object-fit:contain;flex:none;width:112px;height:auto;display:block}:is(.brand:has(.brand-logo),.app-brand-wordmark:has(.brand-logo),.public-legal-brand:has(.brand-logo)){background:0 0;border:0;border-radius:4px;flex-shrink:0;align-items:center;min-height:48px;padding:0;display:inline-flex;transform:none}.app-shell .app-brand-wordmark .brand-logo{width:72px}.landing-footer .brand-logo{width:156px}.landing-page .landing-header .brand-logo{width:88px}.is-mobile .landing-page .landing-header .brand-logo{width:80px}.landing-page .landing-footer .brand-logo{width:124px}.reminder-brand{margin-bottom:var(--space-2xl);display:inline-flex}.public-page .primary-button,.app-shell .primary-button{border-radius:var(--radius-control);background:var(--color-action);color:var(--color-white);box-shadow:none}.public-page .primary-button:hover:not(:disabled),.app-shell .primary-button:hover:not(:disabled){background:var(--color-action-hover)}.public-page .primary-button:disabled,.app-shell .primary-button:disabled{background:var(--color-surface-muted);color:var(--color-text-secondary);box-shadow:none;cursor:not-allowed}.public-page .primary-button.saved,.app-shell .primary-button.saved{background:var(--color-success);color:var(--color-white)}.public-page .ghost-button,.app-shell .ghost-button{border-radius:var(--radius-control);border-color:var(--color-border)}.public-page .text-button{color:var(--color-action);font-family:var(--font-primary);letter-spacing:0;font-size:14px}.public-page .public-header{border-color:var(--color-border);background:var(--color-white);height:auto;min-height:80px;padding-block:10px}.public-header nav a{color:var(--color-text-secondary);font-family:var(--font-primary);letter-spacing:0;text-transform:none;font-size:14px;font-weight:600}.public-header nav a:hover{color:var(--color-action)}.public-page .public-header :is(.primary-button,.ghost-button){min-height:44px;font-size:14px}.public-page :is(.auth-panel,.onboarding-card,.invite-hero-card){border-color:var(--color-border);border-radius:16px}.public-page .auth-panel :is(h1,h2),.public-page .onboarding-card h1{letter-spacing:-.03em;font-style:normal}.public-page .auth-panel label{font-family:var(--font-primary);letter-spacing:0;text-transform:none;font-size:14px}.public-page .auth-panel input{border-color:var(--color-border);min-height:48px;font-size:16px}.public-page .auth-tabs button{min-height:44px;font-family:var(--font-primary);letter-spacing:0;text-transform:none;font-size:14px}.public-page .auth-tabs button.active{background:var(--color-primary);color:var(--color-white)}.public-page .auth-panel [role=alert]{color:var(--color-danger);background:var(--color-danger-soft);font-size:14px;line-height:1.6}.landing-page .landing-main{width:min(100%,1280px);margin-inline:auto;padding-inline:5%}.landing-page .landing-hero{min-height:620px;color:var(--color-white);gap:6%;padding-block:72px}.landing-page .landing-hero:before{background:var(--color-primary);box-shadow:0 0 0 100vmax var(--color-primary)}.landing-page .hero-copy h1{max-width:10ch;color:var(--color-white);letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(3.25rem,6.8vw,6.25rem);font-style:normal;font-weight:900;line-height:1.02}.landing-page .hero-copy h1 em{color:var(--color-brand-accent);font-style:normal}.landing-page .hero-copy>p{max-width:42ch;color:var(--color-on-dark-muted);margin-bottom:32px;font-size:18px;line-height:1.7}.landing-page .hero-start-hint{color:var(--color-on-dark-muted);font-family:var(--font-primary);font-size:13px}.landing-page .hero-copy .primary-button{border-radius:var(--radius-control);background:var(--color-action);min-height:52px;color:var(--color-white);box-shadow:none;padding:14px 24px;font-size:16px;transform:none}.landing-page .hero-copy .primary-button:is(:hover,:active):not(:disabled),.is-mobile .landing-page .hero-copy .primary-button:is(:hover,:active):not(:disabled){background:var(--color-action-hover);box-shadow:none;transform:none}.landing-page .hero-copy .primary-button:focus-visible{outline-color:var(--color-white);box-shadow:none}.landing-page .hero-tip-stream .hero-tip-card{background:var(--color-white);box-shadow:none;border:0;border-radius:12px}.landing-page .hero-tip-card-top{color:var(--color-text-secondary);font-size:10px}.landing-page .hero-tip-card-top b{color:var(--color-action);font-size:10px}.landing-page .hero-tip-card-score{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:-.03em;font-size:19px}.landing-page .hero-tip-team>strong{color:var(--color-primary)}.landing-page :is(.landing-scoring-heading,.landing-faq-intro,.landing-final-cta)>.eyebrow,.landing-page .landing-scoring-heading>div>.eyebrow,.landing-page .landing-final-cta>div>.eyebrow{display:none}.landing-page :is(.landing-scoring-heading,.landing-faq-intro,.landing-final-cta) h2{letter-spacing:-.035em;margin-top:0;font-weight:850;line-height:1.12}.landing-page .landing-scoring-heading h2{max-width:22ch;font-size:clamp(2rem,4.3vw,3.25rem)}.landing-page .landing-scoring{padding-top:var(--space-3xl)}.landing-page .scoring-story-card{border-color:var(--color-border);box-shadow:none}.landing-page .scoring-story-step{min-height:200px;padding:28px 0 32px}.landing-page .scoring-story-step h3{color:var(--color-primary);letter-spacing:-.03em;line-height:1.2}.landing-page .scoring-story-step p{color:var(--color-text-secondary);font-size:16px;line-height:1.75}.landing-page .scoring-story-total.is-complete{background:var(--color-brand-accent)}.landing-page .scoring-story-total.is-complete :is(span,small,strong){color:var(--color-primary)}.landing-page .scoring-story-total strong,.landing-page .scoring-story-tip-score{font-family:var(--font-mono)}.landing-page .landing-scoring{--scoring-total-tint:var(--color-brand-accent-step-1)}.landing-page .landing-scoring:has(.scoring-story-progress button:nth-child(2)[aria-current=step]){--scoring-total-tint:var(--color-brand-accent-step-2)}.landing-page .landing-scoring:has(.scoring-story-progress button:nth-child(3)[aria-current=step]){--scoring-total-tint:var(--color-brand-accent-step-3)}.landing-page .landing-scoring:has(.scoring-story-progress button:nth-child(4)[aria-current=step]){--scoring-total-tint:var(--color-brand-accent-step-4)}.landing-page :is(.scoring-story-row,.scoring-story-step){--scoring-step-ink:var(--color-primary)}.landing-page :is(.scoring-story-row,.scoring-story-step):first-child{--scoring-step-tint:var(--color-brand-accent-step-1)}.landing-page :is(.scoring-story-row,.scoring-story-step):nth-child(2){--scoring-step-tint:var(--color-brand-accent-step-2)}.landing-page :is(.scoring-story-row,.scoring-story-step):nth-child(3){--scoring-step-tint:var(--color-brand-accent-step-3)}.landing-page :is(.scoring-story-row,.scoring-story-step):nth-child(4){--scoring-step-tint:var(--color-brand-accent-step-4)}.landing-page .scoring-story-row.is-reached{background:var(--scoring-step-tint);color:var(--color-primary)}.landing-page .scoring-story-breakdown{gap:8px;display:grid}.landing-page .scoring-story-row.is-reached :is(small,strong){color:var(--color-primary)}.landing-page .scoring-story-total{background:var(--scoring-total-tint)}.landing-page .scoring-story-total :is(span,small,strong){color:var(--color-primary)}.landing-page .scoring-story-card-header{background:var(--color-primary);border-color:var(--color-primary);font-family:var(--font-primary);letter-spacing:.02em}.landing-page .scoring-story-card-header span{color:var(--color-white)}.landing-page .scoring-story-card-header small{color:var(--color-on-dark-muted)}.landing-page .scoring-story-match{background:var(--color-white)}.landing-page .scoring-story-card .team-badge.team-badge-colored{background:var(--team-badge-color);box-shadow:none}.landing-page .scoring-story-result{background:var(--color-background);border-color:var(--color-border)}.landing-page .scoring-story-result-label span{color:var(--color-primary);font-family:var(--font-primary);letter-spacing:.02em}.landing-page .scoring-story-result-label small{color:var(--color-text-secondary)}.landing-page .scoring-story-result strong{font-family:var(--font-mono)}.landing-page .scoring-story-result em{background:var(--color-brand-accent);color:var(--color-primary)}.landing-page .scoring-story-calculation{background:var(--color-white);border:0;border-radius:0;margin-inline:18px;padding:0}.landing-page .scoring-story-calculation-head{border-color:var(--color-border);padding:0 0 12px}.landing-page .scoring-story-calculation-head span{color:var(--color-primary);font-family:var(--font-primary);letter-spacing:.02em}.landing-page .scoring-story-breakdown{padding:12px 0 0}.landing-page .scoring-story-progress button.is-reached{border-top-color:var(--color-brand-accent)}.landing-page .scoring-story-progress button[aria-current=step]{color:var(--color-primary)}.landing-page .landing-final-cta:before{background:var(--color-background);box-shadow:0 0 0 100vmax var(--color-background)}.landing-page .landing-final-cta-button{border-radius:var(--radius-control);background:var(--color-action);box-shadow:none;transform:none}.landing-page .landing-final-cta-button:hover{background:var(--color-action-hover);transform:none}.landing-page .landing-faq-item summary{font-size:16px;line-height:1.5}.landing-page .landing-faq-item p{color:var(--color-text-secondary);font-size:15px;line-height:1.75}.landing-page .landing-footer{background:var(--color-primary);color:var(--color-white)}.landing-footer :is(.landing-footer-brand p,.landing-footer-note p,.landing-footer-bottom){color:var(--color-on-dark-muted);font-family:var(--font-primary);letter-spacing:0;text-transform:none;font-size:13px}.landing-footer .landing-footer-links strong{color:var(--color-on-dark-muted);font-family:var(--font-primary);letter-spacing:0;font-size:13px;font-weight:600}.landing-footer .landing-footer-links :is(a,button){min-height:32px;color:var(--color-white);padding-block:6px;font-size:14px}.landing-footer :is(a,button):focus-visible{outline:3px solid var(--color-white);outline-offset:4px}.app-shell:has(>.app-footer){flex-direction:column;display:flex}.app-shell:has(>.app-footer)>.app-header{flex-shrink:0}.app-shell:has(>.app-footer)>.app-content{flex:1}.app-shell .app-footer{background:var(--color-primary);color:var(--color-white);flex-shrink:0;padding:24px 40px}.app-footer-main,.app-footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:1200px;margin-inline:auto;display:flex}.app-shell .app-footer-brand{cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;min-height:44px;padding:0;display:inline-flex}.app-shell .app-footer .brand-logo{width:88px}.app-footer nav{flex-wrap:wrap;gap:4px 24px;display:flex}.app-footer nav a{min-height:44px;color:var(--color-white);align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.app-footer nav a:hover{text-decoration:underline}.app-footer-bottom{color:var(--color-on-dark-muted);margin-top:12px;font-size:12px;line-height:1.6}.app-shell .app-footer :is(a,button):focus-visible{outline-color:var(--color-white)}.is-mobile .app-shell .app-footer{background:var(--color-primary);color:var(--color-white);grid-template:"brand legal"44px"copyright legal"/minmax(0,1fr) auto;align-items:start;gap:8px 16px;padding:16px 20px 20px;display:grid}.is-mobile .app-shell .app-footer-brand{grid-area:brand;justify-self:start;display:inline-flex}.is-mobile .app-shell .app-footer .brand-logo{width:64px}.is-mobile .app-footer nav a{min-height:28px;color:var(--color-white);padding-block:4px;font-size:12px;line-height:20px}.is-mobile .app-footer-bottom{color:var(--color-on-dark-muted);grid-area:copyright;align-self:end;margin:0;padding-block:4px;line-height:20px}.is-mobile .app-footer-bottom>span:last-child{display:none}.is-mobile .app-shell .app-footer a:focus-visible{outline-color:var(--color-white)}.production-runtime .is-mobile .app-shell .app-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}@media (max-width:600px){.app-shell .app-footer{padding-inline:20px}.app-footer-main{flex-direction:column;align-items:flex-start;gap:8px}.app-footer nav{gap:0 20px}.app-footer-bottom{gap:4px 24px}}.is-mobile .app-footer-main{display:contents}.is-mobile .app-footer nav{text-align:right;flex-direction:column;grid-area:legal;align-items:flex-end;gap:0}.is-mobile .app-footer-bottom{text-align:left;justify-content:flex-start;gap:4px 24px}.is-mobile .app-shell:has(>.app-footer){background:var(--color-primary)}.is-mobile .app-shell:has(>.app-footer)>.app-content{background:var(--color-background)}.ui-lab .prototype-device.is-mobile:has(>.app-shell){background:var(--color-primary)}.is-mobile .app-shell .mobile-bottom-nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:440px;margin:0 auto calc(12px + env(safe-area-inset-bottom));background:var(--color-rgba-255-255-255-82);min-height:64px;box-shadow:0 6px 24px color-mix(in srgb, var(--color-primary) 14%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;border-radius:20px;gap:2px;padding:6px;container-type:inline-size}.is-mobile .app-shell .mobile-bottom-nav button{border-radius:14px;min-width:0;min-height:52px;padding-inline:0;font-size:clamp(8px,2.9cqi,10px)}.is-mobile .app-shell .mobile-bottom-nav .mobile-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:inherit;line-height:1.2;display:block;overflow:hidden}.is-mobile .app-shell .mobile-bottom-nav button.active{background:var(--color-action-soft)}.is-mobile .app-shell .mobile-bottom-nav button.active:before{display:none}.production-runtime .is-mobile .app-shell .mobile-bottom-nav{margin-bottom:0}.app-shell .app-header{border-bottom-color:var(--color-border);background:var(--color-white);z-index:50;grid-template-columns:auto minmax(0,1fr) auto minmax(0,180px) auto;grid-template-areas:"brand nav period group profile";gap:12px;min-height:76px;position:sticky;top:0;container:app-header/inline-size}.app-header-anchor{pointer-events:none;flex-shrink:0;height:1px;margin-bottom:-1px;display:block}.is-mobile .app-shell .app-header{background:var(--color-white);-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .18s ease-out,-webkit-backdrop-filter .18s ease-out,backdrop-filter .18s ease-out}@supports ((-webkit-backdrop-filter:blur(14px)) or (backdrop-filter:blur(14px))){.app-shell .app-header,.is-mobile .app-shell.has-scrolled .app-header{background:color-mix(in srgb, var(--color-white) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media (prefers-reduced-motion:reduce){.is-mobile .app-shell .app-header{transition:none}}.app-shell .app-content{scroll-margin-top:92px}.ui-lab:not(.production-runtime) .prototype-device:not(.is-mobile):has(>.app-shell){overflow:clip}.app-shell .app-brand-actions{grid-area:brand;gap:10px}.app-shell .desktop-nav{grid-area:nav}.app-shell .header-right{grid-area:period}.app-shell .app-header>.header-avatar-button{grid-area:profile;justify-self:end}.app-shell .group-switch-wrap{grid-area:group;justify-self:end;width:100%;min-width:0}.app-shell .group-switch>span:nth-child(2){overflow:hidden}.app-shell .group-switch :is(small,strong){text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:18ch;display:block;overflow:hidden}.is-mobile .app-shell .app-brand-wordmark{display:inline-flex}.is-mobile .app-shell .app-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand group profile"}.is-mobile .app-shell .header-mobile-spacer{display:none}.app-shell .desktop-nav button{min-height:44px;font-family:var(--font-primary);letter-spacing:0;padding-inline:10px;font-size:13px}.app-shell .desktop-nav button.active{color:var(--color-action);text-underline-offset:6px;text-decoration-line:underline;text-decoration-thickness:2px}.app-shell .desktop-nav button.active:after{display:none}.app-shell .screen :is(.screen-heading h1,.app-page-heading h1){color:var(--color-primary);font-size:var(--text-h1);letter-spacing:-.03em;font-style:normal}.app-shell .tipping-v10 .tipping-v10-title{flex-direction:column;align-items:flex-start;display:flex}.app-shell .tipping-v10 .tipping-v10-title h1{letter-spacing:-.03em;order:0;margin:0 0 8px}.app-shell .tipping-v10 .tipping-v10-title>.eyebrow{color:var(--color-text-secondary);font-family:var(--font-primary);letter-spacing:0;text-transform:none;order:1;margin-bottom:4px;font-size:13px;font-weight:500;line-height:1.5}.app-shell .tipping-v10 .tipping-v10-title>p{order:2}.is-mobile .app-shell .tipping-v10-head{grid-template-columns:minmax(0,1fr);gap:16px}.is-mobile .app-shell .tipping-v10-matchday{width:100%}.is-mobile .app-shell .tipping-v10-matchday select{width:100%;min-width:164px}.app-shell :is(.group-switch,.header-avatar-button,.mobile-bottom-nav){border-color:var(--color-border)}.app-shell .ranking-row.is-current-user,.app-shell .ranking-row.is-me{background:var(--color-action-soft)}.app-shell :is(.rank-points,.points-value,.ranking-points,.score-value,.tip-points-amount,.tipping-v10-points-number,.stat-value){font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell .tip-match-card .tip-match-teams .tip-team-row{border:1px solid var(--color-shade-d9ded7);background:linear-gradient(90deg, color-mix(in srgb, var(--team-primary,var(--color-primary)) 28%, var(--color-white)), var(--color-white) calc(100% - 142px));border-radius:8px;padding-inline-end:8px}.app-shell .tip-match-card .tip-team-row:before{display:none}.score-stepper-wrap{min-width:0;position:relative}.score-stepper-lock{color:var(--color-text-secondary);display:inline-flex;position:absolute;top:50%;right:calc(100% + 7px);transform:translateY(-50%)}.app-shell .tip-match-card .tip-team-row:has(.score-stepper-wrap.is-locked){border-color:var(--color-border);background:var(--color-surface-muted);column-gap:28px}.app-shell .score-stepper-wrap.is-locked .score-stepper{opacity:1;border-color:var(--color-border);background:var(--color-border)}.app-shell .score-stepper-wrap.is-locked .score-stepper button:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.app-shell .score-stepper-wrap.is-locked .score-stepper strong{background:var(--color-border);color:var(--color-primary)}.app-shell .tip-match-card:is(.state-locked,.state-finished){background:var(--color-surface-muted);border-color:var(--color-border);position:relative}.app-shell .tip-match-card:is(.state-locked,.state-finished)>:not(.tip-match-closed){filter:grayscale();opacity:.35}.app-shell .tip-match-card .tip-match-closed{z-index:3;background:color-mix(in srgb, var(--color-surface-muted) 65%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--color-primary);pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.tip-match-closed>div{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.tip-match-closed strong{font-size:14px;line-height:1.4}.app-shell .tip-match-card:is(.state-locked,.state-finished) .score-stepper-lock{display:none}.app-shell .tip-match-card .score-stepper strong{font-family:var(--font-mono);font-size:22px;font-weight:650}.app-shell .ranking-v11-summary strong,.app-shell .ranking-v11-table td{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell .results-motivation .results-motivation-score{background:var(--color-primary);color:var(--color-white)}.app-shell .results-motivation-value strong,.app-shell .results-v11-team>strong,.app-shell .results-v11-own strong,.app-shell .statistics-v1-summary dd,.app-shell .ranking-v11-summary>div>strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.statistics-chart-point{cursor:pointer;outline:none}.statistics-chart-dot{stroke:var(--color-white);stroke-width:1.5px;transition:r .14s ease-out}.statistics-chart-point:focus-visible .statistics-chart-dot{stroke:var(--color-primary);stroke-width:3px}.statistics-chart-tooltip{pointer-events:none}.statistics-chart-tooltip rect{fill:var(--color-primary)}.app-shell .statistics-v1-chart .statistics-chart-tooltip text{fill:var(--color-white);font-size:12px}.statistics-chart-tooltip-title{font-weight:700}@media (prefers-reduced-motion:reduce){.statistics-chart-dot{transition:none}}.app-shell .ranking-v11-summary{background:var(--color-white);border:1px solid var(--color-border);margin-bottom:24px}.app-shell .ranking-v11-summary>div>span,.app-shell .ranking-v11-summary p{color:var(--color-text-secondary)}.app-shell .ranking-v11-summary>div>strong.ranking-v11-leading{font-family:var(--font-primary)}.app-shell .ranking-v11-board{border:1px solid var(--color-border);background:var(--color-white);border-radius:14px;overflow:clip}.app-shell .ranking-v11-board .ranking-v11-table-head{min-height:60px;color:var(--color-primary);margin:0;padding:8px 24px;font-size:14px;font-weight:700}.app-shell .ranking-v11-board .ranking-v11-table thead th{background:var(--color-background);border-block:1px solid var(--color-border);color:var(--color-text-secondary);padding:12px 24px}.app-shell .ranking-v11-board .ranking-v11-table th:first-child{width:88px}.app-shell .ranking-v11-board .ranking-v11-table tbody :is(td,th){border-bottom-color:var(--color-border);color:var(--color-primary);padding:16px 24px}.app-shell .ranking-v11-board .ranking-v11-table tbody td:first-child{font-weight:600}.app-shell .ranking-v11-board .ranking-v11-table tbody tr:last-child :is(td,th){border-bottom:0}.app-shell .ranking-v11-board .ranking-v11-table tr.is-me{background:var(--color-brand-accent-step-1)}.app-shell .ranking-v11-board .ranking-v11-person{vertical-align:middle}.app-shell .ranking-v11-board .ranking-v11-help{border-top:1px solid var(--color-border);margin:0;padding:4px 24px}.app-shell .ranking-v11-board .ranking-v11-help summary{color:var(--color-primary)}.app-shell .ranking-v11-board tr:focus-visible{outline-offset:-3px}.is-mobile .app-shell .ranking-v11-board .ranking-v11-table-head,.is-mobile .app-shell .ranking-v11-board .ranking-v11-help{padding-inline:14px}.is-mobile .app-shell .ranking-v11-board .ranking-v11-table :is(td,th){padding-inline:12px}.is-mobile .app-shell .ranking-v11-board .ranking-v11-table th:first-child{width:54px}@media (max-width:600px){.app-shell .ranking-v11-board .ranking-v11-table-head,.app-shell .ranking-v11-board .ranking-v11-help{padding-inline:14px}.app-shell .ranking-v11-board .ranking-v11-table :is(td,th){padding-inline:12px}.app-shell .ranking-v11-board .ranking-v11-table th:first-child{width:54px}}.landing-page .team-badge-colored,.app-shell .team-badge-colored{background:var(--team-badge-color);box-shadow:none}.app-shell :is(.tip-match-card,.result-match-card,.settings-page-card,.ranking-table,.group-dropdown){border-color:var(--color-border)}.app-shell :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--color-action);outline-offset:3px}.app-shell .more-subpage :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--color-action)}.app-shell :is(.danger-button,.error,[role=alert]){--danger:var(--color-danger)}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold){--tip-accent:var(--color-primary);--tip-text-accent:var(--color-primary);--point-default-color:var(--color-primary)}.app-shell .tip-match-card.value-expected{--tip-probability-label:var(--color-primary)}.app-shell .tip-match-card.value-value{--tip-probability-label:var(--color-action)}.app-shell .tip-match-card.value-bold{--tip-probability-label:var(--color-accent-ink)}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold) .tip-match-card-foot{background:var(--color-white);color:var(--color-primary);background-image:none}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold) .tip-match-card-foot :is(small,strong){color:var(--color-primary);filter:none}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold) .tip-match-card-foot small{color:var(--tip-probability-label)}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold) .tip-match-card-foot b{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold) .tip-match-points strong{color:var(--color-primary);--point-default-color:var(--color-primary)}.app-shell .tip-match-card:is(.value-expected,.value-value,.value-bold) .tip-match-points-value{-webkit-text-stroke:0;-webkit-text-fill-color:var(--color-primary);color:var(--color-primary);text-shadow:none}.public-legal-page .public-legal-document{border-color:var(--color-border)}@media (max-width:1100px) and (min-width:901px){.app-shell .app-brand-actions{gap:8px}.app-shell .app-brand-wordmark .brand-logo{width:64px}.app-shell .desktop-nav{gap:2px}.app-shell .desktop-nav button{padding-inline:8px;font-size:12px}}@media (max-width:900px){.public-page .landing-header{grid-template-columns:auto minmax(0,1fr);gap:6px 16px;padding:12px 5%;display:grid}.landing-page .public-header.landing-header{height:auto;padding:12px 20px}.landing-header .public-actions{grid-area:1/2;justify-content:flex-end}.landing-page .landing-header .landing-nav{grid-area:2/1/auto/-1;justify-content:space-between;width:100%;padding-top:6px;display:flex;gap:16px!important}.public-header .brand-logo{width:96px}.landing-page .landing-header .brand-logo{width:80px}.landing-page .landing-hero,.is-mobile .landing-page .landing-hero{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-block:48px 32px}.landing-page .hero-copy h1,.is-mobile .landing-page .hero-copy h1{max-width:12ch;font-size:clamp(3rem,9vw,4.5rem);line-height:1.04}.landing-page .hero-copy>p{max-width:50ch;font-size:16px;line-height:1.7}.landing-page .hero-copy .hero-actions{margin-top:0}.landing-page .hero-start-hint{max-width:none}.landing-page .landing-scoring-heading h2,.is-mobile .landing-page .landing-scoring-heading h2{font-size:32px}.app-shell .app-header{min-height:76px}.app-shell .app-brand-wordmark .brand-logo{width:64px}.app-shell .app-brand-actions{gap:10px}.is-mobile .app-shell .app-brand-wordmark{display:inline-flex}.is-mobile .app-shell .app-brand-actions{flex-shrink:0}.is-mobile .app-shell .group-switch-wrap{flex:1;min-width:0}.is-mobile .app-shell .group-switch{width:100%;min-width:0}.is-mobile .app-shell .group-switch>span:not(.group-avatar){min-width:0}.is-mobile .app-shell .group-switch strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (max-width:560px){.public-page .public-header{padding-inline:20px}.public-page .landing-header{gap:8px 12px}.public-page .landing-header .landing-nav a{font-size:13px}.public-page .landing-header .public-actions .primary-button{display:none}.landing-page .landing-main{padding-inline:20px}.landing-page .hero-copy h1,.is-mobile .landing-page .hero-copy h1{max-width:10ch;font-size:clamp(3rem,13vw,4rem)}.landing-page .hero-copy .primary-button{width:100%}.landing-page .hero-copy>p{margin-bottom:24px}.landing-page .hero-tip-stream,.is-mobile .landing-page .hero-tip-stream{height:128px}.landing-page .landing-faq{margin-top:40px}.landing-footer .landing-footer-inner{padding-inline:20px}.app-shell .app-header{gap:10px}.app-shell .app-brand-actions{gap:8px}.app-shell .app-brand-wordmark .brand-logo{width:60px}.app-shell .screen .app-page-heading h1{font-size:28px}}@container app-header (max-width:1100px){.app-shell .app-brand-wordmark .brand-logo{width:64px}.app-shell .desktop-nav button{padding-inline:6px;font-size:12px}.app-shell .header-right{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-page .hero-tip-track{transform:none;animation:none!important}}