.welcome-home{--welcome-gap:clamp(56px,8vw,104px);color:var(--tf-text);padding:0 0 40px}.welcome-home *{min-width:0}.welcome-home :is(h1,h2,h3,p){margin-top:0}.welcome-home h1{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(48px,5.6vw,80px);font-weight:750;line-height:1.02}.welcome-home h2{letter-spacing:-.04em;text-wrap:balance;margin-bottom:20px;font-size:clamp(30px,3.3vw,48px);font-weight:700;line-height:1.1}.welcome-home h3{font-size:18px;line-height:1.3}.welcome-home p{line-height:1.65}.welcome-home :is(.welcome-lead,.welcome-path-copy>p,.welcome-people-story>p,.welcome-match-copy>p,.welcome-team-copy>p,.welcome-connections>div>p,.welcome-start>div>p){max-width:520px;color:var(--tf-text-secondary);font-size:clamp(16px,1.5vw,19px)}.welcome-home .button{white-space:normal;text-align:start;justify-content:space-between;gap:16px;width:fit-content;max-width:100%;min-height:48px;display:inline-flex}.welcome-kicker{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);margin-bottom:16px}.welcome-hero{isolation:isolate;grid-template-columns:1fr 1.2fr;align-items:center;min-height:560px;display:grid;position:relative}.welcome-hero-art{grid-area:1/2;margin:0;position:relative}.welcome-hero-art img{width:100%;max-width:100%;height:auto;margin:0;display:block}.welcome-hero-copy{z-index:var(--z-content);grid-area:1/1;padding:24px 0;position:relative}.welcome-hero-copy .welcome-lead{max-width:380px;margin-bottom:28px}.welcome-explore{width:fit-content;min-height:44px;color:var(--tf-text-secondary);font-size:var(--fs-body-sm);align-items:center;gap:8px;margin-top:20px;text-decoration:none;display:flex}.welcome-explore .ui-icon{width:16px;height:16px;transform:rotate(90deg)}.welcome-section{margin-top:var(--welcome-gap)}.welcome-section-heading{flex-direction:column;display:flex}.welcome-path-choice{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 0;padding:0;display:grid}.welcome-path-choice label{cursor:pointer;position:relative}.welcome-path-choice input{opacity:0;width:1px;height:1px;position:absolute}.welcome-path-choice label>span{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);height:100%;min-height:56px;color:var(--tf-text-secondary);align-items:center;gap:12px;padding:12px 16px;display:flex}.welcome-path-choice input:checked+span{border-color:var(--tf-text);background:var(--tf-surface);color:var(--tf-text)}.welcome-path-choice input:focus-visible+span{outline:2px solid var(--tf-focus);outline-offset:4px}.welcome-path-panels{margin-top:20px}.welcome-path-panel{background:var(--tf-surface);border-radius:var(--tf-radius-card);grid-template-columns:1fr 1.15fr;align-items:center;gap:32px;padding:32px;display:grid}.welcome-path-copy h3{margin-bottom:16px;font-size:28px}.welcome-path-copy .button{margin-top:12px}@supports selector(:has(*)){.welcome-path-panel{display:none}:is(.welcome-pathways:has(input[value=people]:checked) [data-path=people],.welcome-pathways:has(input[value=match]:checked) [data-path=match],.welcome-pathways:has(input[value=feed]:checked) [data-path=feed]){display:grid}}.welcome-example-label{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-bottom:16px}.welcome-people-example,.welcome-match-example,.welcome-team-example,.welcome-social-example{background:var(--tf-bg);border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);padding:24px}.welcome-example-person,.welcome-team-heading{align-items:center;gap:16px;margin-bottom:24px;display:flex}.welcome-example-person>.ui-icon,.welcome-team-heading>.ui-icon{border:1px solid var(--tf-border);border-radius:50%;width:48px;height:48px;padding:10px}.welcome-example-person p,.welcome-team-heading p{font-size:var(--fs-body-sm);color:var(--tf-text-secondary);margin:4px 0 0}.welcome-people-example dl{margin:0}.welcome-people-example dl>div{border-top:1px solid var(--tf-border);font-size:var(--fs-body-sm);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.welcome-people-example dt{color:var(--tf-text-secondary)}.welcome-people-example dd{text-align:end;margin:0}.welcome-example-foot{color:var(--tf-text-secondary);font-size:var(--fs-caption);align-items:center;gap:8px;margin:20px 0 0;display:flex}.welcome-people{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.welcome-featured-player{justify-self:center;width:100%;max-width:380px}.welcome-featured-player .gaming-profile-card{padding:24px}.welcome-match-points{gap:20px;margin:28px 0;padding:0;list-style:none;display:grid}.welcome-match-points li{align-items:start;gap:12px;display:flex}.welcome-match-points .ui-icon{color:var(--tf-success);flex:none;margin-top:2px}.welcome-match-points h3{margin:0 0 4px;font-size:16px}.welcome-match-points p{font-size:var(--fs-body);color:var(--tf-text-secondary);margin:0}.welcome-match{border-top:1px solid var(--tf-border);border-bottom:1px solid var(--tf-border);grid-template-columns:.85fr 1.15fr;gap:32px;padding:40px 32px;display:grid}.welcome-match-copy{align-self:center}.welcome-five-versus{grid-template-columns:1fr 1fr;gap:32px;display:grid;position:relative}.welcome-five h3{font-size:var(--fs-body);margin:0 0 16px}.welcome-slot{border-top:1px solid var(--tf-border);align-items:center;gap:8px;min-height:48px;padding:8px 0;display:flex}.welcome-slot>img{object-fit:contain;flex:none}.welcome-slot>span:not(.welcome-slot-person){font-size:var(--fs-caption);line-height:1.3}.welcome-slot-person{color:var(--tf-text-secondary);margin-left:auto}.welcome-slot-person .ui-icon{width:18px;height:18px}.welcome-versus{color:var(--tf-text-secondary);font-size:var(--fs-caption);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-match-notes{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:12px;display:grid}.welcome-match-notes h3{margin-bottom:8px;font-size:16px}.welcome-match-notes p{font-size:var(--fs-body);color:var(--tf-text-secondary);margin:0}.welcome-teams{grid-template-columns:1fr 1.2fr;align-items:center;gap:32px;display:grid}.welcome-team-copy .text-link{align-items:center;gap:8px;width:fit-content;min-height:44px;margin-top:12px;display:flex}.welcome-team-example{padding:32px}.welcome-team-heading h3{overflow-wrap:anywhere;margin-bottom:4px}.welcome-team-positions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:32px;display:grid}.welcome-team-positions>div{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.welcome-team-positions img{object-fit:contain}.welcome-team-positions span{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.welcome-team-plan{border-top:1px solid var(--tf-border);flex-wrap:wrap;gap:12px 20px;margin-top:32px;padding-top:20px;display:flex}.welcome-team-plan span{font-size:var(--fs-body-sm);align-items:center;gap:8px;display:flex}.welcome-connections{grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;display:grid}.welcome-social-tabs{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.welcome-social-tabs span{font-size:var(--fs-body-sm);align-items:center;gap:8px;display:flex}.welcome-social-row{border-top:1px solid var(--tf-border);align-items:center;gap:12px;padding:24px 0;display:flex}.welcome-social-row>.ui-icon{flex:none}.welcome-social-row>.ui-icon:last-child{width:16px;height:16px;margin-left:auto}.welcome-social-row strong{font-size:var(--fs-body)}.welcome-social-row p{font-size:var(--fs-body-sm);color:var(--tf-text-secondary);margin:4px 0 0}.welcome-start{border-radius:var(--tf-radius-card);background:var(--tf-surface);grid-template-columns:1fr 1fr;gap:32px;padding:40px;display:grid}.welcome-start ol{gap:24px;margin:0;padding:0;list-style:none;display:grid}.welcome-start li{align-items:start;gap:20px;display:flex}.welcome-start li>span{font-size:var(--fs-caption);color:var(--tf-text-secondary);padding-top:4px}.welcome-start h3{margin-bottom:8px}.welcome-start li p{font-size:var(--fs-body);color:var(--tf-text-secondary);margin:0}.welcome-faq{max-width:760px;margin:var(--welcome-gap) auto 0}.welcome-faq h2{font-size:28px}.welcome-faq details{border-bottom:1px solid var(--tf-border);padding:16px 0}.welcome-faq summary{cursor:pointer;align-content:center;min-height:44px;line-height:1.5;display:list-item}.welcome-faq details p{color:var(--tf-text-secondary);font-size:var(--fs-body);margin:12px 0 8px}.home-session-pending>p{min-height:160px;color:var(--tf-text-secondary);padding:40px 0}@media (min-width:768px) and (max-width:1079px){.welcome-hero{grid-template-columns:1fr 1fr;min-height:480px}.welcome-hero-art img{width:100%;margin:0}.welcome-path-panel{gap:24px;padding:24px}.welcome-match{grid-template-columns:1fr;padding:32px 0}.welcome-match-copy{max-width:520px}.welcome-teams,.welcome-connections{gap:24px}}@media (max-width:767px){.welcome-home{--welcome-gap:64px}.welcome-home h1{margin-bottom:20px;font-size:clamp(42px,11vw,64px)}.welcome-home h2{font-size:clamp(28px,7.5vw,38px)}.welcome-hero{flex-direction:column;min-height:0;display:flex}.welcome-hero-art{order:0;width:calc(100% + 32px);margin:0 -16px}.welcome-hero-art img{width:100%;max-width:100%;margin:0}.welcome-hero-copy{order:1;width:100%;padding:8px 0 0}.welcome-hero-copy .welcome-lead{max-width:440px}.welcome-hero-copy .button{width:100%;max-width:360px}.welcome-explore{margin-top:12px}.welcome-path-choice{grid-template-columns:1fr;gap:8px}.welcome-path-choice label>span{min-height:48px;padding:12px 16px}.welcome-path-panel{grid-template-columns:1fr;gap:28px;padding:20px 16px}.welcome-path-copy h3{font-size:24px}.welcome-path-copy .button{width:100%}.welcome-people,.welcome-teams,.welcome-connections,.welcome-start{grid-template-columns:1fr;gap:28px}.welcome-people-story{order:0}.welcome-featured-player{order:1;max-width:420px}.welcome-match{grid-template-columns:1fr;gap:28px;padding:32px 0}.welcome-match-example,.welcome-people-example,.welcome-social-example{padding:16px}.welcome-five-versus{gap:24px}.welcome-slot{gap:8px}.welcome-slot-person{display:none}.welcome-match-notes{grid-template-columns:1fr;gap:24px;margin:0}.welcome-team-example{padding:24px 16px}.welcome-team-positions{gap:4px}.welcome-team-positions span{overflow-wrap:anywhere;font-size:12px}.welcome-social-example{order:1}.welcome-start{padding:28px 20px}.welcome-start .button{width:100%}}@media (scripting:none){.home-session-pending>p{display:none}}.welcome-team-members{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.welcome-team-members>div{justify-items:center;gap:8px;max-width:80px;display:grid}.welcome-team-members img{object-fit:cover;border-radius:50%}.welcome-team-members span{font-size:var(--fs-caption);overflow-wrap:anywhere;text-align:center}.welcome-final-action{margin-top:32px}.welcome-feed{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.welcome-feed-example{background:var(--tf-bg);border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);padding:24px}.welcome-feed-example>p:not(.welcome-example-label){color:var(--tf-text-secondary);font-size:var(--fs-body)}.welcome-feed-example.welcome-feed-profile{background:0 0;border:0;padding:0}.welcome-feed-demo-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.welcome-feed-demo-actions>span{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);min-height:48px;font-size:var(--fs-body-sm);align-items:center;gap:8px;padding:12px;display:flex}.welcome-feed>div>p{color:var(--tf-text-secondary);font-size:16px}.welcome-feed ul{font-size:var(--fs-body);gap:12px;margin:24px 0;padding-left:20px;line-height:1.5;display:grid}.welcome-feed .welcome-section-note{font-size:var(--fs-body-sm);margin:20px 0 0}@media (max-width:767px){.welcome-feed{grid-template-columns:1fr;gap:28px}.welcome-feed>div:last-child{order:0}.welcome-feed-example{order:1;padding:20px 16px}}
.member-dashboard{padding:24px 0}.dashboard-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.dashboard-heading h1{margin:0 0 8px;font-size:32px;line-height:1.1}.dashboard-heading p{margin:0}.dashboard-account{min-width:0;max-width:40%;color:var(--tf-text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.dashboard-account>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.dashboard-section{min-width:0}.dashboard-section.panel{padding:20px}.dashboard-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dashboard-section-heading h2{margin:0;font-size:20px;line-height:1.2}.dashboard-section-heading .text-link{flex-shrink:0}.dashboard-section h3{overflow-wrap:anywhere;margin:0;font-size:16px}.dashboard-section p{margin:8px 0;line-height:1.5}.dashboard-section .text-link{align-items:center;gap:8px;min-height:44px;display:inline-flex}.dashboard-continue{grid-area:1/1}.dashboard-continue .dashboard-action-title{overflow-wrap:anywhere;margin:0 0 8px;font-size:28px;font-weight:650;line-height:1.2}.dashboard-game-state{color:var(--tf-text-secondary)}.dashboard-game time{font-variant-numeric:tabular-nums}.dashboard-continue>.button,.dashboard-continue>.button-row{margin-top:20px}.dashboard-attention{grid-area:1/2}.dashboard-attention.is-empty{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.dashboard-attention.is-empty .dashboard-section-heading{margin:0}.dashboard-attention.is-empty h2{font-size:14px}.dashboard-attention.is-empty p{margin:0;font-size:13px}.dashboard-players{grid-area:2/1}.dashboard-section-note{margin-top:-8px!important;margin-bottom:16px!important}.dashboard-preferences{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.dashboard-preferences p{margin:0}.dashboard-preferences .text-link{flex-shrink:0}.dashboard-player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-player{flex-direction:column;min-width:0;padding:16px;display:flex}.dashboard-person{align-items:center;gap:12px;min-width:0;display:flex}.dashboard-person>div{min-width:0}.dashboard-person h3{font-size:16px}.dashboard-player .dashboard-person h3 a{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;display:-webkit-box;overflow:hidden}.dashboard-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.dashboard-avatar-fallback{background:var(--tf-surface-selected);text-transform:uppercase;place-items:center;font-size:20px;display:grid}.dashboard-player .dashboard-person{align-items:center}.dashboard-player p{margin:4px 0;font-size:13px}.dashboard-player-rank{font-weight:600}.dashboard-player-facts{gap:8px;margin:12px 0;font-size:13px;line-height:1.5;display:grid}.dashboard-player-facts dt{color:var(--tf-text-secondary)}.dashboard-player-facts dd{overflow-wrap:anywhere;margin:0}.dashboard-player-lane{align-items:center;gap:8px;display:flex}.dashboard-player-lane img{flex-shrink:0}.dashboard-compatibility{margin:8px 0;font-size:13px}.dashboard-compatibility small{color:var(--tf-text-secondary);margin-top:4px;display:block}.dashboard-compatibility p{color:var(--tf-text-secondary)}.dashboard-player-link{margin-top:auto}.dashboard-event{min-height:44px;color:var(--tf-text);align-items:center;gap:12px;padding:8px 0;display:flex}.dashboard-event span{flex:1}.dashboard-event b{font-variant-numeric:tabular-nums}.dashboard-event>svg{flex-shrink:0;width:20px;height:20px}.dashboard-state p:first-child{margin-top:0}.dashboard-state .button{margin-top:12px}.dashboard-games{grid-area:3/1}.dashboard-team{grid-area:2/2}@media (max-width:1079px){.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:20px}.dashboard-grid>.dashboard-section{grid-area:auto/1}.dashboard-player .dashboard-person{flex-direction:row}}@media (max-width:767px){.member-dashboard{padding:16px 0}.dashboard-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.dashboard-heading h1{font-size:28px}.dashboard-account{display:none}.dashboard-section.panel{padding:20px}.dashboard-continue .dashboard-action-title{font-size:24px}.dashboard-player-grid{grid-template-columns:minmax(0,1fr);gap:12px}.dashboard-player{padding:20px}.dashboard-player .dashboard-person{flex-direction:row;align-items:center}.dashboard-compatibility{margin:8px 0 0}.dashboard-player p,.dashboard-player-facts{font-size:14px}.dashboard-preferences{display:block}.dashboard-preferences .text-link{margin-top:4px}.dashboard-section-heading{gap:8px}.dashboard-section-heading h2{font-size:20px}}
.header-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.header-action-trigger{border-radius:var(--control-radius);width:44px;height:44px;color:var(--tf-text);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid;position:relative}.header-action-trigger[aria-expanded=true]{background:var(--tf-surface-raised)}.header-action-trigger .ui-icon{width:24px;height:24px}.header-profile-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.header-action-count,.header-action-status{border-radius:var(--control-radius);background:var(--tf-text);min-width:16px;color:var(--tf-on-primary);font-size:var(--fs-caption);text-align:center;padding:0 4px;line-height:16px;position:absolute;top:0;right:0}.header-action-status{background:var(--tf-warning)}.header-popover{overscroll-behavior:contain;border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-card);background:var(--tf-surface);width:320px;max-width:calc(100vw - 16px);color:var(--tf-text);margin:0;padding:12px;position:fixed;inset:auto;overflow:auto}.header-popover h2{font-size:var(--fs-body-lg);margin:4px 8px}.header-popover-note{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);margin:4px 8px 12px}.header-menu-link{border-radius:var(--control-radius);width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.header-menu-link .ui-icon{flex:none}.header-menu-link>span{overflow-wrap:anywhere;min-width:0}.header-menu-link small{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);display:block}.header-notice-count{color:var(--tf-text-secondary);flex:none;margin-left:auto}.header-account-name{overflow-wrap:anywhere}.header-logout{border-top:1px solid var(--tf-border);margin-top:8px}.header-logout:disabled{color:var(--tf-text-disabled);cursor:wait}.header-logout-error{color:var(--tf-error);overflow-wrap:anywhere;margin:8px}@media (hover:hover) and (pointer:fine){.header-action-trigger:hover,.header-menu-link:hover{background:var(--tf-surface-hover)}}@media (max-width:1079px){.header-inner:has(.header-actions) .header-game{display:none}}@media (max-width:479px){.header-inner:has(.header-actions){padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left));gap:4px}.header-actions{gap:0}}