:root{--bg:var(--tf-bg);--panel:var(--tf-bg);--panel-2:var(--tf-surface);--line:var(--tf-border);--ink:var(--tf-text);--muted:var(--tf-text-secondary);--purple:var(--tf-text);--primary:var(--tf-text);--neon:var(--tf-text);--radius:16px;--content-width:1740px;--gutter:clamp(22px,2.8vw,48px);--font-ui:var(--tf-font);--font-display:var(--tf-font);font-family:var(--font-ui)}html{scrollbar-gutter:stable;scroll-padding-top:90px}body{background:var(--tf-surface);-webkit-font-smoothing:antialiased}button{font-family:var(--font-ui)}h1,h2,h3{font-family:var(--font-display)}h1{letter-spacing:-.045em;font-size:clamp(28px,3.2vw,48px);font-weight:900}h2{letter-spacing:-.035em;font-size:23px}p{line-height:1.65}a,button{touch-action:manipulation}[hidden]{display:none!important}.eyebrow{color:var(--tf-text-secondary);font:600 var(--fs-caption) var(--font-ui);letter-spacing:.12em}.panel{background:var(--tf-surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:none}.tag{max-width:100%;font:500 var(--fs-caption)/1.4 var(--font-ui);background:var(--tf-surface);border-color:var(--tf-border);color:var(--tf-text);overflow-wrap:anywhere;border-radius:10px}.tag.green{background:var(--tf-surface);border-color:var(--tf-border);color:var(--tf-success)}.tag.game-tag img{width:20px;height:20px}.brand{font-family:var(--font-display);letter-spacing:-1px;font-size:23px;font-weight:500}.brand img{object-fit:contain;width:38px;height:42px;display:block}.brand small{font:500 var(--fs-caption) var(--font-ui);letter-spacing:.16em;color:var(--muted);border:0;margin:3px 0 0;padding:0;display:block}.site-header{margin-left:var(--rail);background:color-mix(in srgb,var(--tf-bg) 91%,transparent);border-color:color-mix(in srgb,var(--tf-text) 9%,transparent)}.header-inner{max-width:none;min-height:72px;padding:0 var(--gutter);gap:20px}.app-body{width:calc(100% - var(--rail));max-width:var(--content-width);margin:0 auto 0 max(var(--rail),calc(var(--rail) + (100vw - var(--rail) - var(--content-width))/2));padding:0 var(--gutter)}#main{min-height:calc(100dvh - 270px);padding:0 0 60px}.environment-label{font-size:var(--fs-caption);color:var(--tf-warning);margin:0;padding:8px 0}.footer{border-color:var(--tf-surface);padding:30px 0}.footer .brand{font-size:21px}.footer .brand>img{width:28px;height:32px}.footer p,.footer>small{color:var(--tf-text-secondary)}.home-hero{isolation:isolate;min-height:640px;margin:0 calc(-1 * var(--gutter));padding:40px var(--gutter) 60px;align-items:center;display:flex;position:relative;overflow:hidden}.hero-scene{z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,var(--tf-bg) 26%);mask-image:linear-gradient(90deg,transparent,var(--tf-bg) 26%);position:absolute;inset:-24px 0 0 27%}.hero-scene>img{object-fit:cover;object-position:60% 23%;width:100%;height:100%}.hero-scene:after{content:"";background:var(--tf-surface);position:absolute;inset:0}.hero-copy{width:52%;max-width:650px}.hero-motto{font-size:var(--fs-caption);color:var(--tf-text);letter-spacing:.14em;margin:0 0 20px 10px;font-weight:600;line-height:1.5}.hero-copy h1{width:clamp(350px,35vw,550px);max-width:100%;margin-bottom:22px;line-height:0}.hero-copy h1 img{width:100%;height:auto;filter:drop-shadow(0 8px 9px color-mix(in srgb,var(--tf-bg) 65%,transparent));display:block}.hero-description{max-width:410px;font-size:var(--fs-body);color:var(--tf-text);text-shadow:none;margin:0 0 24px 10px}.hero-copy .button-row{gap:12px;margin-left:10px}.hero-copy .button{border-radius:16px;min-height:52px;padding:14px 20px}.hero-copy .home-cta{min-width:240px;font-size:var(--fs-body)}.home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-18px;display:grid;position:relative}.home-shortcut{min-height:88px;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);align-items:center;gap:16px;padding:18px 20px;display:flex}.home-shortcut>span{overflow-wrap:anywhere;min-width:0}.home-shortcut>.ui-icon:first-child{width:28px;height:28px;color:var(--tf-text)}.home-shortcut:nth-child(2)>.ui-icon:first-child{color:var(--tf-text)}.home-shortcut:nth-child(3)>.ui-icon:first-child{color:var(--tf-warning)}.home-shortcut:nth-child(4)>.ui-icon:first-child{color:var(--tf-success)}.home-shortcut>.ui-icon:last-child{width:14px;color:var(--tf-text-secondary);margin-left:auto}.home-shortcut b{font:700 var(--fs-body)/1.35 var(--font-display)}.home-shortcut small{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:5px;line-height:1.5;display:block}.home-shortcut:hover{border-color:var(--tf-border-control);background:var(--tf-surface)}.home-shortcut:focus-visible{outline-offset:3px;border-color:var(--tf-text)}.quick-search{align-items:center;gap:16px;margin-top:20px;padding:14px 16px;display:flex}.quick-search>b{white-space:nowrap;font-size:var(--fs-caption)}.quick-lanes{flex-wrap:wrap;gap:8px;display:flex}.quick-lanes label>span{border:1px solid var(--tf-border);background:var(--tf-surface);min-height:40px;font:500 var(--fs-caption) var(--font-ui);border-radius:10px;align-items:center;padding:8px 10px;display:inline-flex}.quick-search>.button{white-space:nowrap;margin-left:auto}.section{margin-top:36px}.section-title{margin-bottom:18px}.section-title>div{min-width:0}.section-title h2{text-wrap:balance;font-size:24px}.section-title p{font-size:var(--fs-body-sm);margin-top:7px}.text-link{color:var(--tf-text)}.home-columns{grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:20px;display:grid}.community-card{background:var(--tf-surface);flex-direction:column;justify-content:flex-end;min-height:400px;padding:26px;display:flex}.community-card h2{font-size:30px}.community-card>p:not(.eyebrow){color:var(--tf-text-secondary);font-size:var(--fs-caption);margin:12px 0 24px}.team-grid{gap:20px}.home-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-card-v9{min-width:0}.team-cover{background:var(--tf-surface);align-items:center;gap:12px;min-height:120px;padding:24px 20px;display:flex}.team-cover h2{overflow-wrap:anywhere;font-size:17px}.team-cover>div{min-width:0}.team-cover small{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.team-cover .team-emblem{width:58px;height:58px;font:800 15px var(--font-display);background:var(--tf-surface);border:1px solid color-mix(in srgb,var(--tf-text-secondary) 40%,transparent);border-radius:16px}.team-seats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.team-seats b{font-size:var(--fs-caption);align-items:center;gap:8px;display:flex}.team-card-v9 .card-content{padding:20px}.team-card-v9 .card-content>p{font-size:var(--fs-body-sm);color:var(--tf-text-secondary);overflow-wrap:anywhere;min-height:58px;margin-bottom:18px}.cta-banner{background:var(--tf-surface);justify-content:space-between;align-items:center;gap:20px;padding:32px;display:flex}.cta-banner h2{font-size:28px}.cta-banner p:not(.eyebrow){font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:8px}.filters{margin-bottom:22px}.filters .field>span{color:var(--tf-text-secondary)}.empty{color:var(--tf-text-secondary);padding:50px 20px}.empty h3{font-size:17px}.empty p{max-width:480px;font-size:var(--fs-body-sm);margin:10px auto 0}.loading-state{margin:28px 0}.swipe-stage{margin-top:25px}.discovery-filters{margin-top:20px}.discovery-filters>summary{padding:16px 20px}.discovery-filters .filters{margin:0}.design-shell[data-page=lobbies] .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-shell[data-page=lobbies] .team-grid>.card-content{padding-top:65px;position:relative}.design-shell[data-page=lobbies] .team-grid>.card-content:before{content:"";background:var(--tf-surface);border-bottom:1px solid color-mix(in srgb,var(--tf-border-control) 33%,transparent);height:40px;position:absolute;top:0;left:0;right:0}.design-shell[data-page=lobbies] .team-grid h2{font-size:20px}.design-shell[data-page=lobbies] .team-grid p{font-size:var(--fs-caption);overflow-wrap:anywhere}.design-shell[data-page=news] .team-grid>.card-content,.design-shell[data-page=tournaments] .team-grid>.card-content{background:var(--tf-surface);padding-top:145px}.design-shell:is([data-page=news],[data-page=tournaments]) .team-grid h2{margin:14px 0;font-size:21px}.article-content{max-width:900px;margin:auto}table{font-size:var(--fs-caption)}th{background:var(--tf-surface);color:var(--tf-text-secondary)}td{border-color:var(--tf-border)}tr:hover td{background:color-mix(in srgb,var(--tf-surface) 33%,transparent)}.messenger{border-color:var(--tf-border);background:var(--tf-bg)}.chat-header,.message-form{background:var(--tf-surface);border-color:var(--tf-border)}.message{background:var(--tf-surface);border-color:var(--tf-border);border-radius:16px 16px 16px 6px}.message.own{background:var(--tf-surface);border-color:var(--tf-border-control);border-radius:16px 16px 6px}.chat-history{background:var(--tf-surface)}.settings-section{scroll-margin-top:90px}.settings-section h2{font-size:21px}.setting-row{border-color:var(--tf-border)}.auth-card{background:var(--tf-surface);border-color:var(--tf-border-control);margin:34px auto}.toast{background:var(--tf-surface);border-color:var(--tf-text-secondary);color:var(--tf-text);border-radius:var(--tf-radius-control)}@media (max-width:1279px){.home-columns{grid-template-columns:1fr}.community-card{display:none}.home-shortcut{gap:8px;padding:14px}.home-shortcut b{font-size:var(--fs-body-sm)}.home-shortcut>.ui-icon:last-child{display:none}.home-shortcut small{font-size:var(--fs-caption)}.quick-search{flex-wrap:wrap}.quick-lanes{flex:1}.hero-copy{width:57%}.hero-copy .button{min-height:46px;padding:12px}.hero-copy .home-cta{min-width:190px;font-size:var(--fs-body-sm)}.design-shell[data-page=lobbies] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1079px){.home-hero{min-height:570px}.home-team-grid{grid-template-columns:1fr 1fr}.home-team-grid>.team-card-v9:last-child{grid-column:1/-1}}@media (max-width:767px){:root{--gutter:18px;--rail:0px}html{scroll-padding-top:65px}.site-header{margin:0}.header-inner{gap:12px;min-height:60px;padding:0 16px}.app-body{padding:0 var(--gutter);margin:0}#main{padding-bottom:35px}.environment-label{font-size:var(--fs-caption)}.footer{flex-wrap:wrap;gap:20px;padding:25px 0 125px}.footer .brand{font-size:20px}.footer nav{font-size:var(--fs-caption);flex-wrap:wrap}.footer>small{font-size:var(--fs-caption);width:100%}.home-hero{align-items:flex-start;min-height:650px;padding:26px 18px 32px}.hero-scene{inset:0 -30% 0 0;-webkit-mask-image:none;mask-image:none}.hero-scene>img{object-fit:cover;object-position:68% 20%}.hero-scene:after{background:var(--tf-surface)}.hero-copy{width:100%;max-width:none}.hero-motto{font-size:var(--fs-caption);letter-spacing:.1em;margin:0 0 210px 2px;line-height:1.4}.hero-copy h1{width:min(85%,390px);margin:0 0 16px}.hero-description{max-width:310px;font-size:var(--fs-caption);color:var(--tf-text);margin:0 0 18px 2px;line-height:1.5}.hero-copy .button-row{flex-wrap:wrap;gap:8px;margin:0}.hero-copy .button{min-height:46px;font-size:var(--fs-caption);border-radius:10px}.hero-copy .home-cta{min-width:0;font-size:var(--fs-body-sm);flex:1}.hero-copy .secondary{flex:1}.hero-copy .secondary>.ui-icon:last-child{display:none}.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.home-shortcut{gap:12px;min-height:72px;padding:12px}.home-shortcut>.ui-icon:first-child{width:24px;height:24px}.home-shortcut b,.home-shortcut small{font-size:var(--fs-caption)}.quick-search{gap:8px;margin-top:15px;padding:12px}.quick-search>b{font-size:var(--fs-caption)}.quick-lanes{flex-basis:100%;order:2;gap:8px}.quick-lanes label{flex:1;min-width:0}.quick-lanes label>span{font-size:var(--fs-caption);text-align:center;flex-direction:column;gap:4px;width:100%;height:100%;min-height:46px;padding:5px 2px}.quick-lanes .tag>img{width:18px;height:18px}.quick-search>.button{font-size:var(--fs-caption);min-height:44px;padding:8px 12px}.quick-search>.button>.ui-icon{display:none}.section{margin-top:28px}.section-title{align-items:start;gap:8px}.section-title h2{font-size:20px}.section-title p{font-size:var(--fs-caption)}.section-title .text-link{font-size:var(--fs-caption);white-space:nowrap;flex-shrink:0;padding-top:6px}.section-title .text-link>.ui-icon{width:13px}.home-team-grid,.design-shell[data-page=lobbies] .team-grid{grid-template-columns:1fr}.home-team-grid>.team-card-v9:last-child{grid-column:auto}.cta-banner{flex-direction:column;align-items:stretch;padding:24px}.cta-banner h2{font-size:24px}.filters{gap:12px;padding:16px}.filters .field{min-width:120px}.messenger{min-height:500px}.messenger .chat{min-width:0}.chat-header{flex-wrap:wrap;gap:8px;padding:15px}.message-form{gap:8px;padding:12px}.message-form .field{min-width:0}.message-form .button{padding:10px}.settings-section{scroll-margin-top:70px}}@media (max-width:479px){.hero-motto{margin-bottom:180px}.home-hero{min-height:600px}.hero-copy .button{font-size:var(--fs-caption);padding:10px}.quick-lanes{gap:4px}.quick-lanes label>span{font-size:var(--fs-caption);padding:5px 1px}}.hero-copy .home-cta>.ui-icon:last-child{transform:rotate(-90deg)}@media (max-width:767px){.environment-label{text-align:left;width:auto;max-width:none;display:block}}@media (min-width:768px){.compact .team-card-v9>.card-content{padding:14px}}.design-shell[data-page=tournaments] .team-grid>.card-content{background:var(--tf-surface)}.team-sort{flex:0 190px;min-width:140px}.team-sort select{font-size:var(--fs-caption);min-height:36px;padding:8px}@media (max-width:767px){.team-sort{flex:100%}}.page-intro{isolation:isolate;min-height:210px;margin:0 calc(-1 * var(--gutter)) 20px;padding:38px var(--gutter) 28px;background:var(--tf-surface);border:0;align-items:center;gap:24px;position:relative;overflow:hidden}.page-intro:after{content:"";z-index:-1;background:var(--tf-surface);position:absolute;inset:0}.page-intro>div{min-width:0;max-width:740px}.page-intro .eyebrow{font-size:var(--fs-caption);color:var(--tf-text-secondary);align-items:center;gap:8px;margin-bottom:18px;display:flex}.page-intro .eyebrow:before{content:"";background:var(--tf-text);width:22px;height:1px}.page-intro h1{letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;margin-bottom:14px;font-size:clamp(30px,3.3vw,46px)}.page-intro .muted{color:var(--tf-text-secondary);font-size:var(--fs-body);max-width:650px;line-height:1.65}.design-shell:is([data-page=teams],[data-page=myTeam],[data-page=tournaments]) .page-intro,.design-shell:is([data-page=lobbies],[data-page=news]) .page-intro,.design-shell:is([data-page=settings],[data-page=messages]) .page-intro{background:var(--tf-surface)}.catalog-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:20px;display:grid}.catalog-main{min-width:0}.catalog-filters{border:1px solid var(--line);border-radius:var(--tf-radius-control);background:var(--tf-bg)}.catalog-filters>summary{font-size:var(--fs-body-sm);cursor:pointer;padding:16px}.catalog-filters .filters{border:0;border-radius:0 0 12px 12px;gap:16px;margin:0;padding:16px;display:grid}.profile-reference{--profile-accent:var(--tf-text);--profile-success:var(--tf-success);flex-direction:column;padding-top:0;display:flex}.profile-masthead{isolation:isolate;min-height:240px;margin:0 calc(-1 * var(--gutter));padding:44px var(--gutter);order:0;align-items:center;display:flex;position:relative;overflow:hidden}.profile-masthead-art{z-index:-2;position:absolute;inset:0}.profile-masthead-art>img{object-fit:cover;object-position:center;width:100%;height:100%}.profile-masthead:after{content:"";z-index:-1;background:var(--tf-surface);position:absolute;inset:0}.profile-person{align-items:center;gap:24px;width:100%;display:flex}.profile-avatar-v3{flex-shrink:0;position:relative}.profile-avatar-v3>.avatar.large{border:2px solid var(--tf-text);background:var(--tf-surface);object-fit:cover;object-position:center;border-radius:50%;width:145px;height:145px;padding:3px}.profile-avatar-v3>.avatar-fallback.large{font-size:52px}.profile-avatar-level{color:var(--tf-warning);background:var(--tf-surface);border:1px solid var(--tf-text-secondary);font:700 var(--fs-caption) var(--font-ui);border-radius:6px;padding:3px 9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.profile-identity-copy{min-width:0}.profile-presence{font-size:var(--fs-caption);color:var(--tf-success);align-items:center;gap:8px;margin-bottom:7px;display:flex}.profile-identity-copy h1{font:800 39px/1.15 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:9px}.profile-account-id{color:var(--tf-text-secondary);font:400 var(--fs-caption)/1.5 var(--font-ui);letter-spacing:.02em;overflow-wrap:anywhere;margin:0}.profile-location{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:8px}.profile-identity-tags{gap:8px;margin:13px 0}.profile-primary-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-primary-actions>.button{font-size:var(--fs-caption);min-height:36px;padding:8px 13px}.profile-public-actions{position:relative}.profile-public-actions>div{background:var(--tf-surface);border-color:var(--tf-border-control);z-index:var(--z-floating)}.profile-summary-strip{border:1px solid var(--tf-border);background:var(--tf-surface);border-radius:10px;order:1;grid-template-columns:1.2fr 1.4fr 1fr 1.1fr .7fr;margin:0 0 18px;display:grid;overflow:hidden}.profile-summary-strip>article{border:0;border-right:1px solid color-mix(in srgb,var(--tf-border-control) 20%,transparent);background:0 0;border-radius:0;min-width:0;padding:22px 18px}.profile-summary-strip>article:last-child{border:0}.profile-summary-strip .profile-rank-card{text-align:left;grid-template-columns:51px minmax(0,1fr);align-content:center;gap:8px 12px;display:grid}.profile-summary-strip .profile-rank-card h2{font:500 var(--fs-caption)/1.4 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--tf-text-secondary);grid-column:2;margin:0}.profile-summary-strip .profile-rank-emblem{grid-area:1/1/3;place-items:center;width:51px;height:52px;margin:0;display:grid}.profile-summary-strip .profile-rank-emblem img{object-fit:contain;width:51px;height:52px}.profile-summary-strip .profile-rank-card>strong{font:800 var(--fs-caption)/1.4 var(--font-display);color:var(--tf-text);overflow-wrap:anywhere;grid-column:2;align-self:start}.profile-summary-strip .profile-rank-card>p{display:none}.profile-summary-metric{flex-direction:column;justify-content:center;gap:8px;display:flex}.profile-summary-metric>span{color:var(--tf-text-secondary);font-size:var(--fs-caption);line-height:1.4}.profile-summary-metric>strong{font:800 21px var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.profile-summary-metric.is-winrate>strong{color:var(--tf-success)}.profile-tabs-bar{border:0;border-bottom:1px solid color-mix(in srgb,var(--tf-text-secondary) 20%,transparent);background:0 0;border-radius:0;order:2;align-items:center;gap:12px;margin-bottom:0;padding:0;scroll-margin-top:85px;display:flex}.profile-tabs{gap:16px}.profile-tabs button{color:var(--tf-text-secondary);font:600 var(--fs-caption) var(--font-ui);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:8px;padding:13px 4px}.profile-tabs button[aria-selected=true]{border-color:var(--tf-text);color:var(--tf-text);background:0 0}.profile-tabs button>span{background:color-mix(in srgb,var(--tf-text) 11%,transparent);color:var(--tf-text);font:600 var(--fs-caption) var(--font-ui);border-radius:6px;padding:2px 5px}.profile-visibility-link{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-left:auto}.profile-update-row{order:3}.profile-update-row .profile-sync{border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:0;padding:10px 0 13px;display:flex}.profile-sync-caption{align-items:center;gap:8px;min-width:0;display:flex}.profile-sync-caption>div{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.profile-sync-caption span:not(.profile-status-dot){font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-sync-caption small{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.profile-sync-actions{gap:8px;margin:0}.profile-sync-actions .button{min-height:36px;font-size:var(--fs-caption);padding:8px 12px}.profile-sync-details summary{font-size:var(--fs-caption);color:var(--tf-text-secondary);cursor:pointer}.profile-sync-details>div{z-index:var(--z-nav);border:1px solid var(--tf-border-control);background:var(--tf-surface)}.profile-sync-message{width:100%;font-size:var(--fs-caption);color:var(--tf-text-secondary);padding:0}.profile-sync-message:empty{display:none}.profile-tab-panel{order:4}.profile-overview-columns{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.profile-main-column,.profile-side-column{flex-direction:column;gap:16px;min-width:0;display:flex}.profile-heroes-panel,.profile-side-panel,.profile-about-panel,.profile-battle-preview,.profile-detailed-panel{background:var(--tf-surface);border-color:var(--tf-border);padding:20px}.profile-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.profile-section-title h2{font:800 22px var(--font-display);letter-spacing:-.035em}.profile-section-title p{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:5px}.profile-text-button{color:var(--tf-text);font-size:var(--fs-caption);white-space:nowrap}.profile-text-button>.ui-icon{width:13px;height:13px}.profile-hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:8px;display:grid}.profile-hero-card{border:1px solid var(--tf-border);background:var(--tf-surface);border-radius:10px;min-width:0;overflow:hidden}.profile-hero-picture{background:var(--tf-surface);place-items:center;height:170px;display:grid;position:relative}.profile-hero-picture>img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.profile-hero-caption{padding:11px 9px}.profile-hero-caption h3{font:700 var(--fs-caption) var(--font-ui);overflow-wrap:anywhere}.profile-hero-caption>p{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:4px}.profile-hero-result{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:9px;display:flex}.profile-hero-result>b{color:var(--tf-success);font:700 var(--fs-caption) var(--font-ui)}.profile-hero-result>span{font:400 var(--fs-caption) var(--font-ui);color:var(--tf-text-secondary)}.profile-favorite{width:21px;height:21px;font-size:var(--fs-caption);color:var(--tf-text);background:color-mix(in srgb,var(--tf-surface) 73%,transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.profile-about-panel h2,.profile-side-panel h2,.profile-battle-preview h2{font:700 15px var(--font-display);margin-bottom:16px}.profile-about-panel>p{font-size:var(--fs-body-sm);color:var(--tf-text-secondary);overflow-wrap:anywhere}.profile-about-panel .tags{margin-bottom:0}.profile-mobile-bio{display:none}.profile-facts>div{border-color:color-mix(in srgb,var(--tf-border-control) 14%,transparent);font-size:var(--fs-caption)}.profile-facts dt{color:var(--tf-text-secondary)}.profile-facts dd{color:var(--tf-text)}.profile-class-list{gap:12px}.profile-class-row{grid-template-columns:95px 1fr 35px;align-items:center;gap:8px}.profile-class-row>span{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-class-row>b{font:700 var(--fs-caption) var(--font-ui);color:var(--tf-text);grid-area:1/3}.profile-class-row meter{grid-area:1/2}.profile-class-row meter::-webkit-meter-bar{background:var(--tf-border)}.profile-class-row meter::-webkit-meter-optimum-value{background:var(--tf-surface)}.profile-footnote{font-size:var(--fs-caption);color:var(--tf-text-secondary);line-height:1.6}.profile-preference h3{font:500 var(--fs-caption) var(--font-ui);color:var(--tf-text-secondary)}.profile-offers{font-size:var(--fs-caption);color:var(--tf-success)}.profile-stat-filters{border:1px solid var(--tf-border);background:var(--tf-bg);border-radius:10px;gap:12px;margin-bottom:20px;padding:12px}.profile-stat-filters .field{min-width:110px}.profile-stat-filters .field>span,.profile-stat-filters select,.profile-stat-filters .button{font-size:var(--fs-caption)}.profile-stat-filters .button{min-height:38px}.profile-hero-grid.is-detailed{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.profile-hero-grid.is-detailed .profile-hero-picture{height:170px}.profile-hero-grid.is-detailed .profile-hero-caption{padding:12px}.profile-hero-grid.is-detailed .profile-hero-caption h3{font-size:var(--fs-body-sm)}.profile-hero-detail{border-top:1px solid color-mix(in srgb,var(--tf-text-secondary) 13%,transparent);margin-top:12px;padding-top:9px}.profile-hero-detail summary{color:var(--tf-text-secondary);font-size:var(--fs-caption);cursor:pointer}.profile-hero-extra{font-size:var(--fs-caption);border:0;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:0;display:grid}.profile-hero-extra>span{color:var(--tf-text-secondary);gap:4px;display:grid}.profile-hero-extra b{color:var(--tf-text)}.profile-metric,.profile-battle-metric{background:var(--tf-surface);border-color:var(--tf-border)}.profile-metric span,.profile-battle-metric>span{color:var(--tf-text-secondary)}.profile-metric strong{color:var(--tf-text)}.profile-winrate .ring-value{stroke:var(--tf-text)}.profile-winrate .ring-track{stroke:var(--tf-border)}.profile-empty{text-align:center;color:var(--tf-text-secondary);padding:30px}.profile-empty h3{font-size:15px}.profile-empty p,.profile-data-note{font-size:var(--fs-caption);color:var(--tf-text-secondary)}@media (max-width:1279px){.catalog-layout{grid-template-columns:215px minmax(0,1fr);gap:16px}.profile-overview-columns{grid-template-columns:minmax(0,1fr) 260px}.profile-summary-strip>article{padding:18px 12px}.profile-summary-strip .profile-rank-card{grid-template-columns:42px minmax(0,1fr);gap:8px}.profile-summary-strip .profile-rank-emblem,.profile-summary-strip .profile-rank-emblem img{width:42px;height:46px}.profile-summary-metric>strong{font-size:18px}.profile-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-hero-grid:not(.is-detailed)>.profile-hero-card:nth-child(n+5){display:none}}@media (min-width:768px) and (max-width:1079px){:root{--rail:84px}.profile-overview-columns{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr 1fr;display:grid}.profile-summary-strip{grid-template-columns:1fr 1fr 1fr}.profile-summary-strip .profile-rank-card{grid-column:auto}.profile-summary-strip .profile-rank-card:nth-child(2),.profile-summary-strip .is-level{display:none}}@media (max-width:767px){:root{--rail:0px;--gutter:17px}html{scroll-padding-top:12px;scroll-padding-bottom:110px}.site-header{display:none}.app-body{padding:0 var(--gutter);margin:0}#main{min-height:calc(100dvh - 200px);padding-top:0}.environment-label{font-size:var(--fs-caption);padding:6px 0}.page-intro{text-align:left;background:0 0;border:0;flex-wrap:wrap;align-items:stretch;gap:12px;min-height:0;margin:0 0 16px;padding:24px 0 0;display:flex}.page-intro>div{width:100%}.page-intro:after,.page-intro .eyebrow{display:none}.page-intro h1{letter-spacing:-.04em;margin-bottom:8px;font-size:23px;line-height:1.2}.page-intro .muted{font-size:var(--fs-body-sm);line-height:1.6}.page-intro>.button{min-height:37px;font-size:var(--fs-caption);padding:8px 13px}.catalog-layout{display:block}.mobile-filter-reset{min-height:38px;font-size:var(--fs-caption);padding:8px;display:flex}.catalog-filters{margin-bottom:15px}.catalog-filters .filters{grid-template-columns:1fr 1fr}.catalog-main .team-grid{grid-template-columns:1fr}.profile-masthead{align-items:start;min-height:0;padding:168px 17px 16px;overflow:visible}.profile-masthead-art{height:220px;overflow:hidden}.profile-masthead-art>img{object-position:center 25%}.profile-masthead:after{background:var(--tf-surface)}.profile-person{align-items:start;gap:12px}.profile-avatar-v3>.avatar.large{border:2px solid var(--tf-text);border-radius:50%;width:78px;height:78px;padding:0}.profile-avatar-v3>.avatar-fallback.large{font-size:29px}.profile-avatar-level{font-size:var(--fs-caption);padding:2px 6px;bottom:-3px}.profile-identity-copy{flex:1;padding-top:5px}.profile-presence{font-size:var(--fs-caption);gap:4px;margin-bottom:4px;line-height:1.4}.profile-identity-copy h1{margin-bottom:8px;font-size:25px}.profile-account-id{font-size:var(--fs-caption)}.profile-location,.profile-identity-tags{display:none}.profile-primary-actions{margin-top:12px}.profile-primary-actions>.button{font-size:var(--fs-caption);gap:8px;min-height:44px;padding:9px 12px}.profile-primary-actions>.button>.ui-icon{width:13px;height:13px}.profile-tabs-bar{border-color:color-mix(in srgb,var(--tf-text-secondary) 21%,transparent);order:1;margin:4px 0 14px;scroll-margin-top:12px;display:block}.profile-tabs{justify-content:space-between;gap:0}.profile-tabs button{font-size:var(--fs-caption);flex:1;justify-content:center;padding:12px 4px}.profile-visibility-link{display:none}.profile-summary-strip{background:0 0;border:0;border-radius:0;order:2;grid-template-columns:1.5fr 1fr 1fr;gap:8px;margin:0 0 12px;overflow:visible}.profile-summary-strip>article{border:1px solid var(--tf-border);background:var(--tf-surface);border-radius:10px;min-height:88px;padding:14px 9px}.profile-summary-strip .profile-rank-card{grid-template-columns:41px minmax(0,1fr);gap:8px;padding:10px 7px}.profile-summary-strip .profile-rank-card h2{font-size:var(--fs-caption);grid-area:2/2;align-self:start}.profile-summary-strip .profile-rank-card>strong{font:700 var(--fs-caption)/1.35 var(--font-ui);grid-area:1/2;align-self:end}.profile-summary-strip .profile-rank-emblem,.profile-summary-strip .profile-rank-emblem img{width:41px;height:47px}.profile-summary-strip .profile-rank-card:nth-child(2),.profile-summary-strip .is-level{display:none}.profile-summary-metric{text-align:center;flex-direction:column-reverse;align-items:center;gap:8px}.profile-summary-metric>strong{font:800 var(--fs-body-sm) var(--font-ui)}.profile-summary-metric>span{font-size:var(--fs-caption)}.profile-reference:not([data-active-tab=overview]) .profile-summary-strip{display:none}.profile-update-row{order:3}.profile-update-row .profile-sync{gap:8px;padding:0 0 12px}.profile-sync-caption>div>span{display:none}.profile-sync-caption small{font-size:var(--fs-caption)}.profile-sync-actions .button{min-height:44px;font-size:var(--fs-caption);padding:9px 12px}.profile-sync-details summary{min-height:44px;font-size:var(--fs-caption);align-items:center;display:flex}.profile-sync-details>div{width:min(320px,100vw - 34px);left:auto;right:0}.profile-mobile-bio{font-size:var(--fs-body-sm);color:var(--tf-text);overflow-wrap:anywhere;margin:0 0 18px;line-height:1.65;display:block}.profile-overview-columns,.profile-main-column,.profile-side-column{flex-direction:column;gap:16px;display:flex}.profile-heroes-panel{background:0 0;border:0;padding:0}.profile-section-title{gap:8px;margin-bottom:12px}.profile-section-title h2{font:700 15px var(--font-ui);letter-spacing:0}.profile-section-title p,.profile-text-button{font-size:var(--fs-caption)}.profile-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-hero-grid:not(.is-detailed)>.profile-hero-card:nth-child(n+5){display:none}.profile-hero-card{background:0 0;border:0;overflow:visible}.profile-hero-picture{aspect-ratio:1/1.04;border-radius:10px;height:auto;overflow:hidden}.profile-hero-caption{padding:6px 0 0}.profile-hero-caption h3{font:600 var(--fs-caption)/1.4 var(--font-ui)}.profile-hero-caption>p{font-size:var(--fs-caption)}.profile-hero-result{gap:4px;margin-top:4px}.profile-hero-result>b{font:600 var(--fs-caption) var(--font-ui)}.profile-hero-result>span{display:none}.profile-favorite{width:16px;height:16px;font-size:var(--fs-caption);top:4px;right:4px}.profile-about-panel{display:none}.profile-side-panel,.profile-battle-preview,.profile-detailed-panel{padding:16px}.profile-main-column>.profile-side-panel{display:block}.profile-main-column>.profile-side-panel>.profile-facts{grid-template-columns:1fr;display:grid}.profile-preference{margin-bottom:14px}.profile-facts>div{font-size:var(--fs-caption)}.profile-stat-filters{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:11px;display:grid}.profile-stat-filters .field{min-width:0}.profile-stat-filters .field>span{font-size:var(--fs-caption)}.profile-stat-filters select{font-size:var(--fs-body-sm);padding:9px}.profile-stat-filters .button{min-height:44px;font-size:var(--fs-caption);padding:9px}.profile-hero-grid.is-detailed{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.profile-hero-grid.is-detailed .profile-hero-picture{aspect-ratio:4/5;height:auto}.profile-hero-grid.is-detailed .profile-hero-caption{padding:7px 0 0}.profile-hero-grid.is-detailed .profile-hero-caption h3{font-size:var(--fs-caption)}.profile-hero-grid.is-detailed .profile-hero-result>span{font-size:var(--fs-caption);display:block}.profile-hero-detail{font-size:var(--fs-caption);margin-top:7px;padding-top:6px}.profile-hero-detail summary{font-size:var(--fs-caption)}.profile-hero-detail .profile-facts>div{font-size:var(--fs-caption);flex-direction:column;align-items:start;gap:4px}.profile-hero-extra{font-size:var(--fs-caption);gap:4px}.profile-class-row{grid-template-columns:90px 1fr 35px}.profile-stat-summary{grid-template-columns:1fr}.profile-metric-grid,.profile-battle-grid{grid-template-columns:1fr 1fr}.home-hero{height:160.3vw;min-height:0;padding:0;display:block}.hero-scene{inset:0;-webkit-mask:none;mask:none}.hero-scene>img{object-fit:contain;object-position:top center;width:100%;height:auto}.hero-scene:after{background:var(--tf-surface)}.hero-copy{width:100%;max-width:none;position:absolute;inset:0}.hero-motto{font-size:clamp(var(--fs-caption),3.7vw,24px);letter-spacing:.1em;margin:0;line-height:1.3;position:absolute;top:23.4vw;left:6.8vw;transform:rotate(-5deg)}.hero-copy h1{width:72vw;max-width:none;margin:0;position:absolute;top:75vw;left:1.3vw}.hero-description{width:88vw;max-width:none;font-size:clamp(var(--fs-caption),3.5vw,24px);margin:0;line-height:1.34;position:absolute;top:125.5vw;left:6.3vw}.hero-copy .button-row{margin:0;display:block;position:absolute;top:144vw;left:5.2vw;right:5.2vw}.hero-copy .home-cta{width:100%;min-width:0;height:14.3vw;min-height:46px;font-size:clamp(var(--fs-caption),4.2vw,24px);border-radius:var(--tf-radius-card);padding:0 6vw}.hero-copy .secondary{display:none}.settings-section{scroll-margin-top:15px}}@media (max-width:479px){.profile-summary-strip{gap:8px}.profile-summary-strip .profile-rank-card{grid-template-columns:30px minmax(0,1fr)}.profile-summary-strip .profile-rank-emblem,.profile-summary-strip .profile-rank-emblem img{width:30px;height:38px}.profile-summary-metric>strong{font-size:var(--fs-caption)}.profile-hero-grid.is-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick-lanes label{cursor:pointer;position:relative}.quick-lanes input{opacity:0;width:1px;height:1px;position:absolute}.quick-lanes input:checked+span{background:var(--tf-surface);border-color:var(--tf-text);color:#fff}.quick-lanes input:focus-visible+span{outline:2px solid var(--neon);outline-offset:3px}.design-shell[data-page=leaderboard] .page-intro{background:var(--tf-surface)}@media (max-width:767px){.filter-sort-field{grid-column:1/-1;display:block}}.heading-accent{color:var(--tf-text);background:var(--tf-surface);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-intro{background-repeat:no-repeat;background-size:auto,110%}.team-card-v9 .team-cover{background:var(--tf-surface);min-height:135px}.team-card-v9 .team-emblem{background:var(--tf-surface);border-color:var(--tf-border)}.catalog-main .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-cover h2{font-size:var(--fs-body-lg)}.team-card-v9 .card-content>p{min-height:72px}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.room-card{flex-direction:column;align-items:stretch;min-width:0;padding:22px;display:flex}.room-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.room-icon{border-radius:var(--tf-radius-control);width:42px;height:42px;color:var(--tf-text);background:var(--tf-surface);place-items:center;margin-right:auto;display:grid}.room-card h2{font:800 19px var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere}.room-description{color:var(--tf-text-secondary);font-size:var(--fs-caption);overflow-wrap:anywhere;min-height:60px;margin-top:12px;line-height:1.7}.room-details{border-top:1px solid color-mix(in srgb,var(--tf-text-secondary) 17%,transparent);font-size:var(--fs-caption);justify-content:space-between;align-items:center;gap:8px;padding-top:16px;display:flex}.room-details b{align-items:center;gap:8px;display:flex}.room-details .ui-icon{width:16px;height:16px}.room-details>span{color:var(--tf-text-secondary)}.room-time{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:12px}.room-roster{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin:12px 0 16px}.room-roster summary{cursor:pointer;color:var(--tf-text-secondary)}.room-roster p{overflow-wrap:anywhere;margin-top:8px}.room-actions{gap:8px;margin-top:auto;display:grid}.room-actions .button{min-height:37px;font-size:var(--fs-caption)}.lobby-toolbar{background:var(--tf-bg)}@media (max-width:1279px){.catalog-main .team-grid,.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.catalog-main .team-grid,.room-grid{grid-template-columns:1fr}.room-card{padding:19px}.room-card h2{font-size:18px}.room-description{min-height:0}.lobby-toolbar{gap:8px;padding:13px}.lobby-toolbar .field{min-width:0}}.design-shell:is([data-page=messages],[data-page=friends]) .page-intro{background:0 0;min-height:150px;padding-top:30px;padding-bottom:16px}.design-shell:is([data-page=messages],[data-page=friends]) .page-intro h1{text-transform:none;font-size:32px}.design-shell:is([data-page=messages],[data-page=friends]) .page-intro .eyebrow{margin-bottom:10px}.social-messenger{grid-template-columns:minmax(265px,32%) minmax(0,1fr);height:clamp(480px,100dvh - 285px,780px);overflow:hidden}.conversation-sidebar{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.conversation-toolbar{padding:20px 16px 16px}.conversation-toolbar-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.conversation-toolbar h1{font:650 18px var(--font-ui);letter-spacing:0;align-items:center;gap:8px;margin:0;display:flex}.conversation-toolbar h1>span{color:var(--muted);font:500 var(--fs-caption) var(--font-ui)}.new-conversation{border:1px solid var(--tf-border-control);width:40px;height:40px;color:var(--tf-text);background:color-mix(in srgb,var(--tf-text-secondary) 13%,transparent);border-radius:10px;flex:none}.new-conversation:hover{background:color-mix(in srgb,var(--tf-text-secondary) 27%,transparent)}.conversation-title{min-width:0;margin-bottom:6px;display:flex}.conversation-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-messenger .chat-header{background:var(--tf-surface);flex-wrap:nowrap;flex-shrink:0;min-height:80px;padding:14px 22px}.chat-person{align-items:center;gap:12px;min-width:0;display:flex}.chat-person .avatar{border-radius:50%;flex:none}.chat-person>span{min-width:0}.chat-person b{white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-body);display:block;overflow:hidden}.chat-person small{color:var(--muted);font-size:var(--fs-caption);margin-top:4px;display:block}.chat-back{display:none}.social-menu{flex-shrink:0;position:relative}.social-menu summary{width:42px;height:42px;color:var(--tf-text-secondary);cursor:pointer;border-radius:10px;place-items:center;list-style:none;display:grid}.social-menu summary::-webkit-details-marker{display:none}.social-menu summary:hover,.social-menu[open] summary{background:color-mix(in srgb,var(--tf-text-secondary) 10%,transparent)}.social-menu summary:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.social-menu-content{z-index:var(--z-nav);border:1px solid var(--tf-border-control);background:var(--tf-surface);width:230px;box-shadow:none;border-radius:10px;gap:8px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.social-menu-content .button{text-align:left;justify-content:flex-start;width:100%}.social-messenger .chat-history{background:var(--tf-surface);overscroll-behavior:contain;gap:8px;min-height:0;max-height:none;padding:22px 28px}.chat-day{font-size:var(--fs-caption);color:var(--muted);align-self:center;margin:5px 0 12px}.social-messenger .message{background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:12px 12px 12px 6px;max-width:82%;padding:11px 15px 9px}.social-messenger .message.own{background:var(--tf-border);border-color:var(--tf-border-control);border-radius:12px 12px 6px}.social-messenger .message p{font-size:var(--fs-body);line-height:1.55}.social-messenger .message time{text-align:right;color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:5px}.chat-welcome,.chat-greeting{text-align:center;margin:auto;padding:30px}.chat-welcome>.ui-icon,.chat-greeting>.ui-icon{width:48px;height:48px;color:var(--tf-text);margin:0 auto 22px}.chat-welcome h2,.chat-greeting h2{margin-bottom:10px;font-size:19px}.chat-welcome p,.chat-greeting p{font-size:var(--fs-body-sm);margin-bottom:22px}.social-messenger .message-form{background:var(--tf-surface);flex-shrink:0;gap:8px;padding:14px 20px}.social-messenger .message-form .field{min-width:0;margin:0}.social-messenger .message-form .field>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.social-messenger .message-form textarea{height:62px;min-height:62px;max-height:140px;font-size:var(--fs-body);resize:vertical;padding:12px}.social-messenger .message-form .button{align-self:center;height:44px}.social-messenger .form-error{margin:0}.social-messenger .form-error:empty,.social-messenger .chat-status:empty{display:none}.social-messenger .chat-status{color:var(--tf-text);margin:0;padding:8px 20px}.chat-older{min-height:38px;font-size:var(--fs-caption);border-radius:0;flex-shrink:0}.social-friends{background:var(--tf-bg);width:100%;min-width:0}.design-shell[data-page=friends] .app-body{padding-left:0;padding-right:0}.friends-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:20px 24px;display:flex}.friends-toolbar .social-search{flex:1}.friends-toolbar [data-search-status]{font-size:var(--fs-caption)}.friends-toolbar [data-search-status]:empty{display:none}.friend-row{border-bottom:1px solid color-mix(in srgb,var(--tf-border) 60%,transparent);align-items:center;gap:20px;min-width:0;padding:24px;display:flex}.friend-row:last-child{border:0}.friend-avatar{flex:none}.friend-avatar .avatar.large{border-radius:50%;width:76px;height:76px;font-size:26px;display:flex}.friend-info{flex:1;min-width:0}.friend-info h2{font:650 var(--fs-body-lg) var(--font-ui);overflow-wrap:anywhere;margin:0 0 7px}.friend-game{color:var(--tf-text-secondary);font-size:var(--fs-caption);overflow-wrap:anywhere;margin:0}.friend-bio{color:var(--muted);font-size:var(--fs-caption);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;overflow:hidden}.friend-profile{font-size:var(--fs-caption);color:var(--tf-text);align-items:center;gap:8px;margin-top:10px;display:inline-flex}.friend-profile .ui-icon{width:13px;height:13px}.friend-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:300px;display:flex}.request-status{text-align:right;font-size:var(--fs-caption);flex-basis:100%}.social-status{font-size:var(--fs-caption);margin:0;padding:0 24px 12px}.social-status:empty{display:none}@media (max-width:1079px) and (min-width:768px){.social-messenger{grid-template-columns:265px minmax(0,1fr)}.friend-row{gap:16px;padding:20px}.friend-row-actions{max-width:190px}}@media (max-width:767px){.design-shell:is([data-page=messages],[data-page=friends]) .page-intro{min-height:0;padding:24px 0 0}.design-shell:is([data-page=messages],[data-page=friends]) .page-intro h1{font-size:25px}.social-messenger{height:auto;min-height:420px;display:block}.conversation-sidebar{border:0}.social-messenger:not(.has-conversation) .chat{display:none}.social-messenger.has-conversation{z-index:var(--z-drawer);inset:var(--chat-viewport-top,0px) 0 auto;height:calc(var(--chat-viewport-height,100dvh) - 96px - env(safe-area-inset-bottom,0px));border:0;border-radius:0;min-height:0;position:fixed}.social-messenger.has-conversation .conversation-sidebar{display:none}.social-messenger.has-conversation .chat{height:100%}:is(.design-shell[data-page=messages]:has(.has-conversation) .page-intro,.design-shell[data-page=messages]:has(.has-conversation) .footer){display:none}.social-messenger .chat-header{gap:8px;min-height:72px;padding:12px}.chat-person{flex:1;gap:8px}.chat-back{width:40px;height:44px;color:var(--tf-text);flex:none;place-items:center;display:grid}.chat-back .ui-icon{transform:rotate(180deg)}.social-messenger .chat-history{padding:16px 12px}.social-messenger .message{max-width:88%}.social-messenger .message-form{gap:8px;padding:10px}.social-messenger .message-form textarea{font-size:var(--fs-body-lg);height:54px;min-height:54px}.social-messenger .message-form .button{font-size:var(--fs-caption);padding:10px 12px}.keyboard-open .social-messenger.has-conversation{height:var(--chat-viewport-height,100dvh)}.friends-toolbar{flex-wrap:wrap;gap:8px;padding:14px}.friends-toolbar .social-search{flex-basis:100%}.friend-row{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:0 12px;padding:20px 14px;display:grid}.friend-avatar .avatar.large{width:56px;height:56px;font-size:21px}.friend-info h2{font-size:var(--fs-body);margin-top:2px}.friend-game,.friend-bio{font-size:var(--fs-caption)}.friend-profile{font-size:var(--fs-caption);margin-top:7px}.friend-row-actions{grid-column:2;justify-content:flex-start;gap:8px;max-width:none;margin-top:12px}.friend-row-actions .button{min-height:38px;font-size:var(--fs-caption);padding:8px 12px}.friend-row-actions .social-menu summary{height:38px}.friend-row-actions .social-menu-content{right:-5px}.request-status{text-align:left}}.design-shell:has(.workspace-messenger){flex-direction:column;height:100dvh;display:flex}.design-shell:has(.workspace-messenger) .site-header{flex-shrink:0}.design-shell:has(.workspace-messenger) .app-body{min-height:0;width:calc(100% - var(--rail));max-width:var(--content-width);margin:0 auto 0 max(var(--rail),calc(var(--rail) + (100vw - var(--rail) - var(--content-width))/2));flex-direction:column;flex:1;padding:0;display:flex}.design-shell:has(.workspace-messenger) #main{flex:1;min-height:0;padding:0;display:flex}.design-shell:has(.workspace-messenger) .footer{display:none}.design-shell:has(.workspace-messenger) .environment-label{flex:none;padding:8px 16px}.workspace-messenger{background:var(--tf-bg);border:0;border-radius:0;flex:1;height:100%;min-height:0}.conversation-status{font-size:var(--fs-caption);flex:none;margin:0;padding:0 16px 10px}.conversation-status:empty{display:none}.chat-permission{font-size:var(--fs-caption);color:var(--tf-text);background:var(--tf-surface);margin:0;padding:10px 18px}.chat-permission:empty{display:none}.chat-history{overflow-anchor:none}.route-status{z-index:var(--z-drawer);top:80px;right:var(--gutter);max-width:calc(100vw - var(--rail) - 32px);background:var(--panel);color:var(--muted);font-size:var(--fs-caption);pointer-events:none;border:0;border-radius:6px;padding:4px 8px;position:fixed}.initial-loading{color:var(--muted);font-size:var(--fs-body-sm);padding:28px}@media (max-width:767px){.route-status{top:auto;bottom:calc(102px + env(safe-area-inset-bottom,0px));font-size:var(--fs-caption);right:12px}}.messenger-state{justify-content:center;align-items:center;display:flex}.messenger-state>.panel{background:0 0;border:0;border-radius:0}.messenger-state-title,.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.friend-picker{flex-direction:column;min-height:0;display:flex}.friend-picker>.social-search{flex-shrink:0}.friend-picker-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.friend-picker-person{border:0;border-bottom:1px solid var(--line);width:100%;min-height:80px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:12px;padding:14px 8px;display:flex}.friend-picker-person:hover{background:color-mix(in srgb,var(--tf-text) 8%,transparent)}.friend-picker-person .avatar{border-radius:50%;flex:none;width:46px;height:46px}.friend-picker-person>span:not(.avatar){flex:1;min-width:0}.friend-picker-person b{font-size:var(--fs-body);overflow-wrap:anywhere;display:block}.friend-picker-person small{font-size:var(--fs-caption);color:var(--muted);margin-top:5px;display:block}.friend-picker-person>.ui-icon{width:17px;color:var(--tf-text-secondary);flex:none}.picker-status{font-size:var(--fs-caption);flex-shrink:0;margin:12px 0}.picker-status:empty,.friend-picker .form-error:empty{display:none}.friend-picker .form-error{flex-shrink:0;margin:12px 0 0}.friend-picker .empty{padding:30px 10px}.friend-picker-list>.button{margin:12px 0}@media (max-width:767px){.design-shell:has(.workspace-messenger) .app-body{width:100%;padding:0 0 calc(96px + env(safe-area-inset-bottom,0px));margin:0}.workspace-messenger:not(.has-conversation),.workspace-messenger .conversation-sidebar{height:100%}.workspace-messenger .conversation-list{overflow-y:auto}}:root{--rail:112px;--header-height:77px}html{scroll-padding-top:calc(var(--header-height) + 16px)}.site-header{background:color-mix(in srgb,var(--tf-bg) 91%,transparent);margin-left:0;display:block}.header-inner{gap:32px;max-width:none;min-height:76px;margin:0;padding:0 24px}.site-header .brand{flex:none;font-size:22px}.site-header .brand img{width:32px;height:36px}.header-signin{margin-left:auto}.settings-section{border-radius:var(--tf-radius-dialog)}.settings-section .button,.social-messenger .button,.social-messenger .message-form textarea{border-radius:var(--control-radius)}.social-messenger .new-conversation,.social-messenger .chat-back,.social-messenger .social-menu>summary{border-radius:16px}.footer{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:24px 32px;padding:32px 0;display:grid}.footer p{max-width:260px;font-size:var(--fs-caption)}.footer nav{font-size:var(--fs-caption);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:3px;display:flex}.footer nav a{align-items:center;min-height:32px;display:inline-flex}.footer>small{width:auto;font-size:var(--fs-caption);line-height:1.7}@media (max-width:1079px){.footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer>small{grid-column:1/-1}}@media (max-width:767px){:root{--rail:0px;--header-height:64px}.site-header{display:block}.header-inner{grid-template-rows:32px;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:12px;min-height:63px;padding:10px 16px;display:grid}.site-header .brand{grid-area:1/1;font-size:18px}.site-header .brand img{width:25px;height:30px}.header-signin{min-height:32px;font-size:var(--fs-caption);grid-area:1/2;padding:5px 12px}.footer{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 0 124px}.footer nav{gap:12px 24px}.footer nav a{min-height:36px}.design-shell:has(.workspace-messenger.has-conversation) .site-header{display:none}}.support-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.support-compose,.support-history,.support-detail,.support-management{border-radius:var(--tf-radius-dialog);min-width:0;padding:24px}.support-layout h2,.support-management h2{font-size:21px}.support-compose>p{font-size:var(--fs-body-sm);overflow-wrap:anywhere;margin-top:10px}.support-compose form{margin-top:22px}.support-compose textarea,.support-reply-form textarea{border-radius:16px;min-height:160px}.support-compose input,.support-compose select,.support-status-form select,.support-layout .button,.support-management .button{border-radius:16px}.support-compose form>.button{width:100%}.support-workspace{gap:24px;min-width:0;display:grid}.support-history .section-heading,.support-management>.section-heading{align-items:center;gap:12px;margin-bottom:16px}.support-ticket{border:1px solid var(--line);background:var(--tf-surface);overflow-wrap:anywhere;border-radius:16px;margin:10px 0;padding:16px;display:block}.support-ticket:hover{border-color:var(--tf-border-control)}.support-ticket.active{background:color-mix(in srgb,var(--tf-border) 50%,transparent);border-color:var(--tf-text-secondary)}.support-ticket h3{font-size:var(--fs-body);margin:10px 0 6px}.support-ticket p,.support-ticket>time{color:var(--muted);font-size:var(--fs-caption)}.support-ticket>time{margin-top:6px;display:block}.support-ticket-meta{font-size:var(--fs-caption);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.support-ticket-meta time{color:var(--muted);font-size:var(--fs-caption)}.support-status{border-radius:var(--tf-radius-card);min-height:25px;font-size:var(--fs-caption);background:color-mix(in srgb,var(--tf-border) 33%,transparent);color:var(--tf-text);white-space:nowrap;align-items:center;padding:3px 9px;display:inline-flex}.support-status-in_progress{background:color-mix(in srgb,var(--tf-border) 40%,transparent);color:var(--tf-warning)}.support-status-resolved{background:color-mix(in srgb,var(--tf-border) 40%,transparent);color:var(--tf-success)}.support-detail h2,.support-admin-detail>h2{overflow-wrap:anywhere;margin-top:16px}.support-detail-meta{font-size:var(--fs-caption);overflow-wrap:anywhere;margin-top:10px}.support-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-body);line-height:1.7}.support-description{border-bottom:1px solid var(--line);margin:22px 0;padding-bottom:24px}.support-replies{margin-top:18px}.support-reply{border:1px solid var(--tf-border);background:color-mix(in srgb,var(--tf-surface) 25%,transparent);border-radius:16px;margin-top:14px;padding:16px}.support-reply .support-text{margin-top:12px}.support-confirmation{background:color-mix(in srgb,var(--tf-surface) 20%,transparent);color:var(--tf-success);font-size:var(--fs-body-sm);border-radius:16px;margin:18px 0 0;padding:14px}.support-confirmation .text-link{margin-left:6px;text-decoration:underline;display:inline}.support-admin-layout{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:start;gap:24px;display:grid}.support-admin-detail{min-width:0}.support-status-form{border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:12px;margin-top:26px;padding-top:20px;display:flex}.support-status-form .field{flex:1;min-width:160px;margin:0}.support-status-form .form-error{flex-basis:100%}.support-status-form .form-error:empty{display:none}.support-reply-form{margin-top:24px}.support-management{margin-bottom:24px}.support-next{margin-top:12px}@media (max-width:1079px){.support-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.support-layout,.support-workspace{gap:16px}.support-compose,.support-history,.support-detail,.support-management{padding:20px 17px}.support-admin-layout{grid-template-columns:minmax(0,1fr);gap:24px}.support-compose input,.support-compose select,.support-compose textarea,.support-reply-form textarea{font-size:var(--fs-body-lg)}.support-status-form>.button,.support-reply-form>.button{width:100%}}.design-shell:has(.discovery-workspace){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.design-shell:has(.discovery-workspace) .app-body{flex-direction:column;flex:1;min-height:0;padding:14px 24px;display:flex}.design-shell:has(.discovery-workspace) #main{flex:1;min-height:0;padding:0;display:flex}.design-shell:has(.discovery-workspace) .footer{display:none}.discovery-workspace{flex-direction:column;flex:1;gap:12px;width:min(100%,880px);min-height:0;margin:auto;display:flex}.discovery-header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.discovery-header p{font-size:var(--fs-caption);letter-spacing:.13em;color:var(--tf-text-secondary);margin:0 0 4px}.discovery-header h1{font:700 24px/1.2 var(--font-ui);margin:0}.discovery-filter-button{min-height:44px}.discovery-frame{border:1px solid color-mix(in srgb,var(--tf-border-control) 44%,transparent);border-radius:var(--tf-radius-dialog);background:var(--tf-surface);min-height:0;box-shadow:none;flex-direction:column;flex:1;display:flex;overflow:hidden}.discovery-pager{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.discovery-pager::-webkit-scrollbar{display:none}.discovery-page{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.discovery-cover{background:var(--tf-surface);flex:42%;min-height:100px;position:relative;overflow:hidden}.discovery-cover-art{object-fit:cover;object-position:70% 28%;opacity:.9;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,var(--tf-bg) 60%,transparent);mask-image:linear-gradient(to bottom,var(--tf-bg) 60%,transparent);position:absolute}.discovery-cover:after{content:"";background:var(--tf-surface);pointer-events:none;position:absolute;inset:0}.discovery-identity{z-index:var(--z-content);align-items:center;gap:16px;max-width:80%;height:100%;padding:20px 24px 36px;display:flex;position:relative}.discovery-identity .avatar{object-fit:cover;border:2px solid var(--tf-text);border-radius:50%;flex:none;width:88px;height:88px}.discovery-identity h2{font:700 26px/1.2 var(--font-ui);overflow-wrap:anywhere;margin:0 0 8px}.discovery-identity p{font-size:var(--fs-caption);color:var(--tf-text);margin:0;line-height:1.6}.discovery-best-label{z-index:var(--z-overlay);color:var(--tf-text);font-size:var(--fs-caption);position:absolute;bottom:10px;right:20px}.discovery-overview-content{flex-direction:column;flex:0 auto;gap:12px;min-height:0;padding:0 24px 10px;display:flex;overflow-y:auto}.discovery-ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.discovery-rank{border:1px solid color-mix(in srgb,var(--tf-border-control) 25%,transparent);background:var(--tf-surface);border-radius:16px;grid-template-rows:auto auto auto;grid-template-columns:48px minmax(0,1fr);align-content:center;gap:4px 12px;min-width:0;padding:12px;display:grid}.discovery-rank>span:first-child{color:var(--tf-text-secondary);font-size:var(--fs-caption);grid-column:1/-1}.discovery-rank img,.discovery-rank-placeholder{object-fit:contain;grid-area:2/1/4;width:44px;height:44px}.discovery-rank strong{font-size:var(--fs-body);overflow-wrap:anywhere;grid-column:2;line-height:1.3}.discovery-rank>b{font-size:var(--fs-caption);color:var(--tf-text);grid-column:2}.discovery-compatibility{border:1px solid color-mix(in srgb,var(--tf-text-secondary) 52%,transparent);width:100%;color:var(--tf-text);background:var(--tf-surface);cursor:pointer;text-align:left;border-radius:16px;flex:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.discovery-compatibility>span:nth-child(2){flex:1}.discovery-compatibility strong,.discovery-compatibility small{display:block}.discovery-compatibility strong{font-size:var(--fs-body)}.discovery-compatibility small{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:3px}.discovery-score{background:var(--tf-surface);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.discovery-score b{background:var(--tf-surface);width:36px;height:36px;font-size:var(--fs-body-sm);border-radius:50%;place-items:center;display:grid}.discovery-bio{font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65}.discovery-overview .discovery-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.discovery-goals{flex-wrap:wrap;gap:8px;display:flex}.discovery-goals span{font-size:var(--fs-caption);color:var(--tf-text-secondary);background:color-mix(in srgb,var(--tf-border) 40%,transparent);border-radius:10px;padding:4px 8px}.discovery-page-link{width:100%;color:var(--tf-text);cursor:pointer;min-height:36px;font:500 var(--fs-caption) var(--font-ui);background:0 0;border:0;flex:none}.discovery-overview .discovery-page-link{margin-top:auto}.discovery-details{padding:8px 18px 0}.discovery-detail-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 6px 18px;overflow-y:auto}.discovery-detail-scroll h3{font-size:var(--fs-body);margin:0 0 10px}.discovery-detail-scroll h3 small{font-size:var(--fs-caption);color:var(--tf-text-secondary);font-weight:400}.discovery-stat-block{border:1px solid color-mix(in srgb,var(--tf-border-control) 27%,transparent);background:color-mix(in srgb,var(--tf-surface) 40%,transparent);border-radius:16px;margin-bottom:10px;padding:12px 14px}.discovery-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.discovery-stats div{gap:4px;display:grid}.discovery-stats b{color:var(--tf-text);font-size:24px}.discovery-stats span{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.discovery-extra-stats{font-size:var(--fs-caption);color:var(--tf-text-secondary);flex-wrap:wrap;gap:8px;margin:10px 0 0;display:flex}.discovery-extra-stats>span{margin-left:auto}.discovery-extra-stats small{font-size:var(--fs-caption)}.discovery-heroes,.discovery-social{border-top:1px solid color-mix(in srgb,var(--tf-border-control) 27%,transparent);margin-top:12px;padding-top:12px}.discovery-hero-row{background:var(--tf-surface);border-radius:var(--tf-radius-control);align-items:center;gap:12px;margin-bottom:8px;padding:8px;display:flex}.discovery-hero-row img{object-fit:cover;border-radius:10px;width:42px;height:42px}.discovery-hero-row>div:nth-child(2){flex:1}.discovery-hero-row strong,.discovery-hero-row b{font-size:var(--fs-caption);display:block}.discovery-hero-row small{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:3px;display:block}.discovery-detail-scroll details,.discovery-social p{font-size:var(--fs-caption);color:var(--tf-text-secondary);line-height:1.6}.discovery-social dl{font-size:var(--fs-caption);margin:0}.discovery-social dl>div{border-bottom:1px solid color-mix(in srgb,var(--tf-border-control) 20%,transparent);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.discovery-social dt{color:var(--tf-text-secondary)}.discovery-social dd{text-align:right;overflow-wrap:anywhere;max-width:70%;margin:0}.discovery-actions{border-top:1px solid color-mix(in srgb,var(--tf-border-control) 27%,transparent);background:var(--tf-surface);flex:none;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 18px;display:grid}.discovery-actions .button{min-width:0;min-height:44px;font-size:var(--fs-caption);padding:10px 8px}.discovery-swipe-status{font-size:var(--fs-caption);color:var(--tf-text);flex:none;margin:0;padding:0 12px}.discovery-swipe-status:empty{display:none}.discovery-empty{margin:auto}dialog.discovery-dialog[open]{width:min(600px,100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-card);background:var(--tf-surface);color:var(--tf-text);flex-direction:column;margin:auto;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.discovery-dialog::backdrop{background:color-mix(in srgb,var(--tf-bg) 73%,transparent)}.discovery-dialog-head{border-bottom:1px solid color-mix(in srgb,var(--tf-border-control) 27%,transparent);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.discovery-dialog-head h2{margin:0;font-size:18px}.discovery-dialog-head button{flex:none;width:44px;height:44px}.discovery-dialog>form{flex-direction:column;min-height:0;margin:0;display:flex;overflow:hidden}.discovery-dialog-body{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 20px;overflow-y:auto}.discovery-dialog-body .field{margin:12px 0}.discovery-dialog-body fieldset{min-width:0;margin:14px 0}.discovery-dialog-body .muted{font-size:var(--fs-caption);line-height:1.6}.discovery-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.discovery-dialog-footer{border-top:1px solid color-mix(in srgb,var(--tf-border-control) 27%,transparent);background:var(--tf-surface);flex:none;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.discovery-dialog-footer .button{min-height:44px;font-size:var(--fs-caption)}.discovery-criteria{padding:0;list-style:none}.discovery-criteria li{border-bottom:1px solid color-mix(in srgb,var(--tf-border-control) 33%,transparent);padding:12px 0}.discovery-criteria li>div{font-size:var(--fs-body-sm);justify-content:space-between;gap:12px;display:flex}.discovery-criteria p{font-size:var(--fs-caption);color:var(--tf-text-secondary);line-height:1.6}.profile-compatibility{width:min(100%,600px);margin:16px auto}.profile-feed-return{margin-bottom:12px;display:inline-flex}@media (max-width:767px){.design-shell:has(.discovery-workspace) .app-body{padding:8px 10px calc(96px + env(safe-area-inset-bottom,0px))}.discovery-workspace{gap:8px}.discovery-header{min-height:44px}.discovery-header h1{font-size:20px}.discovery-header p{display:none}.discovery-filter-button{width:44px;height:44px;padding:10px}.discovery-filter-button span{display:none}.discovery-frame{border-radius:16px}.discovery-cover{flex-basis:32%;min-height:84px}.discovery-identity{gap:8px;max-width:90%;padding:12px 14px 24px}.discovery-identity .avatar{width:62px;height:62px}.discovery-identity h2{margin-bottom:5px;font-size:20px}.discovery-identity p{font-size:var(--fs-caption);line-height:1.45}.discovery-best-label{font-size:var(--fs-caption);bottom:5px;right:12px}.discovery-overview-content{gap:8px;padding:0 12px 5px}.discovery-ranks{gap:8px}.discovery-rank{text-align:center;grid-template-rows:auto 32px auto auto;grid-template-columns:1fr;justify-items:center;gap:4px;padding:7px 3px}.discovery-rank>span:first-child{font-size:var(--fs-caption)}.discovery-rank img,.discovery-rank-placeholder{grid-area:2/1;width:32px;height:32px}.discovery-rank strong,.discovery-rank>b{font-size:var(--fs-caption);grid-column:1;line-height:1.3}.discovery-bio{font-size:var(--fs-caption);line-height:1.5}.discovery-goals span{font-size:var(--fs-caption);padding:3px 6px}.discovery-compatibility{gap:8px;padding:6px 10px}.discovery-compatibility strong{font-size:var(--fs-caption)}.discovery-score{width:36px;height:36px}.discovery-score b{width:30px;height:30px;font-size:var(--fs-caption)}.discovery-actions{gap:4px;padding:8px}.discovery-actions .button{font-size:var(--fs-caption);padding:8px 3px}.discovery-details{padding:4px 8px 0}.discovery-detail-scroll{padding:0 3px 12px}.discovery-stat-block{padding:10px}.discovery-stats b{font-size:22px}.discovery-extra-stats>span{margin-left:0}.discovery-dialog-head{padding:10px 12px}.discovery-dialog-head h2{font-size:17px}.discovery-dialog-body{padding:12px}.discovery-dialog-footer{gap:4px;padding:10px}.discovery-dialog-footer .button{font-size:var(--fs-caption);padding:8px}}@media (max-height:650px){.discovery-header p{display:none}.discovery-header h1{font-size:18px}.discovery-cover{flex:24%;min-height:65px}.discovery-identity .avatar{width:48px;height:48px}.discovery-identity{padding:8px 12px 20px}.discovery-identity h2{font-size:17px}.discovery-identity p{font-size:var(--fs-caption)}.discovery-overview-content{flex:auto;gap:8px}.discovery-rank{padding:5px}.discovery-compatibility{padding:5px 8px}.discovery-bio{font-size:var(--fs-caption)}.discovery-goals{display:none}}@media (prefers-reduced-motion:reduce){.discovery-pager{scroll-behavior:auto}}.discovery-tag-chips{border:0;flex-wrap:wrap;gap:8px;padding:0;display:flex}.discovery-tag-chips legend{font-size:var(--fs-body);margin:0 0 10px}.discovery-tag-chips label{cursor:pointer;position:relative}.discovery-tag-chips input{opacity:0;width:1px;height:1px;position:absolute}.discovery-tag-chips span{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-dialog);min-height:44px;font-size:var(--fs-caption);color:var(--tf-text-secondary);background:var(--tf-surface);align-items:center;padding:9px 13px;display:flex}.discovery-tag-chips input:checked+span{background:var(--tf-border-control);border-color:var(--tf-text);color:var(--tf-text)}.discovery-tag-chips input:focus-visible+span{outline:2px solid var(--tf-text);outline-offset:3px}.discovery-detail-tabs{flex:none;gap:8px;padding:0 3px 10px;display:flex}.discovery-detail-tabs button{border:1px solid color-mix(in srgb,var(--tf-border-control) 33%,transparent);min-width:0;min-height:40px;color:var(--tf-text-secondary);background:var(--tf-surface);font:500 var(--fs-caption) var(--font-ui);cursor:pointer;border-radius:10px;flex:1}.discovery-detail-tabs button[aria-selected=true]{background:var(--tf-border-control);color:var(--tf-text);border-color:var(--tf-text-secondary)}.discovery-detail-scroll [hidden]{display:none}@media (max-width:767px){.discovery-detail-tabs{gap:4px;padding-bottom:8px}.discovery-detail-tabs button{font-size:var(--fs-caption)}}@media (max-height:650px){.discovery-overview{display:block;overflow-y:auto}.discovery-overview .discovery-cover{height:96px;min-height:65px}.discovery-overview .discovery-overview-content{min-height:0;overflow:visible}.discovery-overview .discovery-page-link{min-height:40px}}.discovery-rank{text-align:center;grid-template-rows:auto 44px auto auto;grid-template-columns:1fr;justify-items:center}.discovery-rank img,.discovery-rank-placeholder{grid-area:2/1}.discovery-rank strong,.discovery-rank>b{grid-column:1}@media (max-width:767px){.discovery-best-label,.discovery-goals span,.discovery-extra-stats small{font-size:var(--fs-caption)}}.discovery-field-grid>.field,.discovery-dialog-body .field,.discovery-dialog-body input,.discovery-dialog-body select{box-sizing:border-box;min-width:0;max-width:100%}.discovery-field-grid input,.discovery-field-grid select{width:100%}.discovery-dialog-body{overflow-x:hidden}.design-shell:has(.discovery-workspace) .environment-label{flex:none;margin:0 0 6px}.design-shell:has(.discovery-workspace) #main{flex-direction:column;width:100%}.discovery-workspace{margin:0 auto}.discovery-rank{grid-template-rows:28px 44px 38px 18px}.discovery-rank>span:first-child,.discovery-rank strong{justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:767px){.discovery-rank{grid-template-rows:28px 32px 30px 16px}}.discovery-detail-scroll{overscroll-behavior-y:auto}@media (max-width:767px) and (max-height:450px){:is(.design-shell:has(.discovery-workspace) .site-header,.design-shell:has(.discovery-workspace) .environment-label){display:none}.design-shell:has(.discovery-workspace) .app-body{padding-top:6px}.discovery-workspace{gap:0;position:relative}.discovery-header{z-index:var(--z-sticky);min-height:44px;position:absolute;top:6px;right:10px}.discovery-header>div{display:none}.discovery-header .discovery-filter-button{background:color-mix(in srgb,var(--tf-surface) 94%,transparent)}.discovery-identity{max-width:calc(100% - 44px)}.discovery-details>.discovery-page-link{padding-right:52px}}.discovery-overview{overflow-y:auto}.discovery-overview-content{flex:none;overflow:visible}.discovery-cover-art{object-position:var(--hero-focus,50% 25%);filter:blur(12px);opacity:.4;width:100%;height:100%;inset:0;transform:scale(1.08);-webkit-mask-image:none;mask-image:none}.discovery-cover-portrait{object-fit:cover;object-position:var(--hero-focus,50% 25%);width:clamp(240px,40%,350px);height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,var(--tf-bg) 26%);mask-image:linear-gradient(90deg,transparent,var(--tf-bg) 26%);-webkit-mask-image:linear-gradient(90deg,transparent,var(--tf-bg) 26%);position:absolute;top:0;right:0}@media (max-width:767px){.discovery-cover{flex-basis:96px;min-height:96px}.discovery-cover-portrait{width:clamp(160px,40%,200px)}}@media (max-height:650px){.discovery-overview{display:flex}.discovery-overview .discovery-cover{flex:0 0 96px;height:96px;min-height:96px}}.discovery-overview,.discovery-detail-scroll{scrollbar-width:none}.discovery-overview::-webkit-scrollbar{display:none}.discovery-detail-scroll::-webkit-scrollbar{display:none}.discovery-cover{flex:1 0 100px;min-height:100px}.discovery-identity{padding:12px 20px 26px}.discovery-identity .avatar{width:68px;height:68px}.discovery-overview-content{gap:8px;padding:0 20px 6px}.discovery-rank{grid-template-rows:18px 36px 32px 16px;gap:4px;padding:7px 8px}.discovery-rank img,.discovery-rank-placeholder{width:36px;height:36px}.discovery-rank strong,.discovery-rank>b{font-size:var(--fs-caption)}.discovery-compatibility{padding:7px 12px}.discovery-bio{font-size:var(--fs-body-sm);line-height:1.5}.discovery-overview .discovery-page-link{min-height:36px}dialog.discovery-dialog.discovery-filter-dialog[open]{width:min(1120px,100vw - 48px)}.discovery-filter-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.discovery-filter-section{min-width:0}.discovery-filter-section h3{font-size:var(--fs-body);color:var(--tf-text);margin:0 0 12px}.discovery-filter-section .check-group{font-size:var(--fs-caption);gap:8px 12px;padding:10px}.discovery-filter-section .check-group label{min-height:26px}.discovery-filter-section .check-group legend{font-size:var(--fs-caption)}.discovery-filter-section>.check-label{align-items:center;gap:8px;min-height:44px;display:flex}.discovery-filter-section>[data-edit-search-tags]{width:100%;min-height:44px;font-size:var(--fs-caption);margin-top:10px}.discovery-filter-section .discovery-field-grid{gap:0 8px}.discovery-filter-section .field{gap:8px;margin:8px 0}.discovery-filter-section .field>span{font-size:var(--fs-caption);align-items:flex-end;min-height:28px;display:flex}.discovery-filter-section .field input,.discovery-filter-section .field select{min-height:40px;font-size:var(--fs-caption);padding:8px 10px}.discovery-filter-section .muted{font-size:var(--fs-caption);margin:8px 0;line-height:1.45}.discovery-filter-section input[name=availabilityZone]{width:100%}.discovery-filter-section .field:has([name=availabilityZone]){grid-column:1/-1}.discovery-dialog-body{scrollbar-width:thin;scrollbar-color:var(--tf-border-control) var(--tf-surface)}@media (min-width:768px) and (max-width:1079px){.discovery-filter-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-filter-section:last-child{grid-column:1/-1}}@media (max-width:767px){.discovery-cover{flex-basis:88px;min-height:88px}.discovery-identity{padding:10px 12px 22px}.discovery-identity .avatar{width:56px;height:56px}.discovery-overview-content{gap:8px;padding:0 10px 4px}.discovery-rank{grid-template-rows:26px 28px 28px 14px;padding:5px 3px}.discovery-rank img,.discovery-rank-placeholder{width:28px;height:28px}.discovery-rank strong,.discovery-rank>b{font-size:var(--fs-caption)}.discovery-compatibility{padding:5px 8px}.discovery-bio{font-size:var(--fs-caption)}dialog.discovery-dialog.discovery-filter-dialog[open]{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;border-radius:0;margin:0;inset:0}.discovery-filter-dialog>form{flex:1}html:has(dialog.discovery-filter-dialog[open]){scrollbar-gutter:auto}.discovery-filter-sections{grid-template-columns:1fr;gap:20px}.discovery-filter-section .field input,.discovery-filter-section .field select{font-size:var(--fs-body-lg);min-height:44px}.discovery-filter-section .field>span{font-size:var(--fs-caption)}.discovery-filter-section .check-group label{min-height:32px}}@media (max-height:650px){.discovery-overview .discovery-cover{flex:0 0 88px;height:88px;min-height:88px}}.profile-rank-stars{font-size:var(--fs-caption);color:var(--tf-text);margin-top:5px;display:block}.rank-star-count{vertical-align:middle;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.rank-star-count .rank-star-icon{flex:none;width:1.15em;height:1.15em}.profile-summary-strip .profile-rank-stars{min-width:0;font-size:var(--fs-caption);overflow-wrap:anywhere;grid-area:3/2;margin:0;line-height:1.3}.profile-summary-strip .profile-rank-card:has(.profile-rank-stars) .profile-rank-emblem{grid-row:1/4}.design-shell[data-page=lobbies] .lobby-detail{min-width:0;box-shadow:none;background:0 0;border:0;padding:0}.design-shell[data-page=lobbies] .lobby-detail .button{margin-top:0}.design-shell[data-page=lobbies] .lobby-detail h2{margin:0}.design-shell[data-page=lobbies] .lobby-back{color:var(--tf-text);margin-bottom:12px;display:inline-block}.design-shell[data-page=lobbies] .lobby-title{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.design-shell[data-page=lobbies] .lobby-title>div{min-width:0}.design-shell[data-page=lobbies] .lobby-title h1{font:800 clamp(24px,2.5vw,32px) var(--font-display);overflow-wrap:anywhere;margin:6px 0 8px}.design-shell[data-page=lobbies] .lobby-title p{overflow-wrap:anywhere;max-width:780px}.design-shell[data-page=lobbies] .lobby-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.design-shell[data-page=lobbies] .lobby-arena{grid-template-columns:minmax(260px,1fr) minmax(320px,1.35fr) minmax(260px,1fr);align-items:start;gap:16px;margin-top:12px;display:grid}.design-shell[data-page=lobbies] .lobby-arena>[data-lobby-team]{min-width:0}.design-shell[data-page=lobbies] .lobby-team,.design-shell[data-page=lobbies] .lobby-chat{min-width:0;padding:16px}.design-shell[data-page=lobbies] .lobby-team header,.design-shell[data-page=lobbies] .lobby-chat>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.design-shell[data-page=lobbies] .lobby-team h2,.design-shell[data-page=lobbies] .lobby-chat h2{font:700 17px var(--font-display)}.design-shell[data-page=lobbies] .lobby-team header>span{color:var(--tf-text-secondary);font-size:var(--fs-body-sm)}.design-shell[data-page=lobbies] .lobby-team-right header>span{color:var(--tf-text)}.design-shell[data-page=lobbies] .lobby-team ol{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.design-shell[data-page=lobbies] .lobby-slot{border:1px dashed color-mix(in srgb,var(--tf-text-secondary) 27%,transparent);min-width:0;min-height:68px;color:var(--tf-text-secondary);font-size:var(--fs-caption);border-radius:16px;grid-template-columns:28px 40px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.design-shell[data-page=lobbies] .lobby-slot.occupied{background:var(--tf-surface);border-style:solid}.design-shell[data-page=lobbies] .lobby-role-icon{background:var(--tf-surface);border-radius:10px;grid-area:1/1;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.design-shell[data-page=lobbies] .lobby-role-icon img{object-fit:contain;width:26px;height:26px}.design-shell[data-page=lobbies] .lobby-slot .avatar,.design-shell[data-page=lobbies] .lobby-avatar-empty{border-radius:var(--tf-radius-control);object-fit:cover;object-position:center;grid-area:1/2;width:40px;min-width:0;height:40px}.design-shell[data-page=lobbies] .lobby-avatar-empty{border:1px dashed var(--tf-border);background:var(--tf-surface);color:var(--tf-text-secondary);place-items:center;font-size:20px;display:grid}.design-shell[data-page=lobbies] .lobby-person{grid-area:1/3;min-width:0}.design-shell[data-page=lobbies] .lobby-person b{color:var(--tf-text);font-size:var(--fs-body-sm);white-space:nowrap;text-overflow:ellipsis;line-height:1.35;display:block;overflow:hidden}.design-shell[data-page=lobbies] .lobby-person small{font-size:var(--fs-caption);overflow-wrap:anywhere;margin-top:4px;line-height:1.4;display:block}.design-shell[data-page=lobbies] .lobby-vacancy{overflow-wrap:anywhere}.design-shell[data-page=lobbies] .lobby-slot:has(.lobby-member-manage){grid-template-columns:28px 40px minmax(0,1fr) 44px}.design-shell[data-page=lobbies] .lobby-slot .lobby-member-manage{grid-area:1/4;width:44px;height:44px;margin:0}.design-shell[data-page=lobbies] .lobby-slot-join{grid-column:2/-1;min-height:44px}.design-shell[data-page=lobbies] .lobby-detail .tournament-room{overflow-wrap:anywhere;padding:20px}.design-shell[data-page=lobbies] .tournament-room header{margin-bottom:12px}.design-shell[data-page=lobbies] .tournament-room .eyebrow{margin-bottom:6px}.design-shell[data-page=lobbies] .tournament-room .tournament-actions:not(:empty){margin-top:16px}.design-shell[data-page=lobbies] .lobby-detail .form-error:empty,.design-shell[data-page=lobbies] [data-lobby-status]:empty{display:none}.design-shell[data-page=lobbies] .lobby-chat{flex-direction:column;min-height:460px;scroll-margin-top:85px;display:flex}.design-shell[data-page=lobbies] .lobby-chat>header .muted{font-size:var(--fs-caption)}.design-shell[data-page=lobbies] .lobby-chat-access{font-size:var(--fs-caption);margin:14px 0;line-height:1.5}.design-shell[data-page=lobbies] .lobby-messages{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:12px;height:240px;min-height:160px;max-height:50dvh;display:flex;overflow:auto}.design-shell[data-page=lobbies] .lobby-message{background:color-mix(in srgb,var(--tf-border) 40%,transparent);border-radius:16px;padding:12px}.design-shell[data-page=lobbies] .lobby-message.own{background:color-mix(in srgb,var(--tf-border-control) 27%,transparent)}.design-shell[data-page=lobbies] .lobby-message header{font-size:var(--fs-caption);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.design-shell[data-page=lobbies] .lobby-message header b{overflow-wrap:anywhere;min-width:0}.design-shell[data-page=lobbies] .lobby-message time{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.design-shell[data-page=lobbies] .lobby-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-body-sm);margin-top:8px;line-height:1.6}.design-shell[data-page=lobbies] .lobby-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:18px;display:grid}.design-shell[data-page=lobbies] .lobby-composer textarea{resize:vertical;border:1px solid color-mix(in srgb,var(--tf-border-control) 40%,transparent);background:var(--tf-bg);width:100%;min-height:62px;max-height:160px;color:var(--tf-text);font:inherit;font-size:var(--fs-body-sm);border-radius:16px;padding:12px}.design-shell[data-page=lobbies] .lobby-composer [data-chat-error]{grid-column:1/-1}.design-shell[data-page=lobbies] .lobby-chat-jump{display:none}@media (max-width:1079px){.design-shell[data-page=lobbies] .lobby-arena{grid-template-columns:repeat(2,minmax(0,1fr))}.design-shell[data-page=lobbies] .lobby-chat{grid-area:2/1/auto/-1}.design-shell[data-page=lobbies] .lobby-chat-jump{flex:none;display:inline-flex}}@media (max-width:639px){.design-shell[data-page=lobbies] .lobby-title{display:block}.design-shell[data-page=lobbies] .lobby-chat-jump{margin-top:14px}.design-shell[data-page=lobbies] .lobby-arena{grid-template-columns:1fr;gap:12px}.design-shell[data-page=lobbies] .lobby-chat{grid-row:auto;min-height:480px}.design-shell[data-page=lobbies] .lobby-arena>[data-lobby-team=right]{grid-row:2}.design-shell[data-page=lobbies] .lobby-team,.design-shell[data-page=lobbies] .lobby-chat{padding:16px}.design-shell[data-page=lobbies] .lobby-composer{grid-template-columns:1fr}.design-shell[data-page=lobbies] .lobby-composer .button{width:100%}}.matchmaking-page{max-width:1000px;margin-inline:auto;padding:clamp(20px,4vw,38px)}dialog.matchmaking-dialog:not(.navigation-dialog){box-sizing:border-box;overscroll-behavior:contain;width:min(960px,100vw - 24px);max-width:960px;max-height:calc(100dvh - 24px);color:var(--text,var(--tf-text));background:var(--tf-surface);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-dialog);padding:0;overflow:auto}@media (max-width:639px){dialog.matchmaking-dialog:not(.navigation-dialog){border-radius:16px}}dialog.matchmaking-dialog[open]{display:block}.matchmaking-dialog::backdrop{background:color-mix(in srgb,var(--tf-bg) 75%,transparent)}.matchmaking-dialog-heading{padding:20px 26px 0}.matchmaking-dialog-heading h1{margin:4px 0 16px;font-size:clamp(22px,4vw,30px)}.matchmaking-title-row{align-items:center;gap:12px;min-height:44px;margin-bottom:12px;display:flex}.matchmaking-title-row h1{margin:0}.matchmaking-format{color:var(--tf-text-secondary);font-size:var(--fs-caption);letter-spacing:2px;flex:none;margin-left:auto}.matchmaking-dialog [data-matchmaking-content]{padding:0 26px 22px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-summary h2{margin:0 0 8px;font-size:18px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-summary p{font-size:var(--fs-body-sm);margin:6px 0;line-height:1.5}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-preview-note{color:var(--tf-text-secondary)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress-heading{color:var(--tf-text-secondary);font-size:var(--fs-caption);justify-content:space-between;align-items:center;gap:12px;margin:20px 0 8px;display:flex}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress-heading strong{color:var(--tf-text);font-size:var(--fs-body-lg);font-variant-numeric:tabular-nums}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress>span{background:var(--tf-border);border-radius:6px;height:5px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress>span.is-filled{background:var(--tf-surface);box-shadow:none}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-roster{grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);gap:12px;margin:24px 0 20px;display:grid}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team{min-width:0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-heading{justify-content:space-between;align-items:center;gap:8px;min-height:38px;margin-bottom:12px;display:flex}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-heading h3{margin:0;font-size:15px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-total{font-size:var(--fs-caption);color:var(--tf-text-secondary);justify-items:end;gap:4px;display:grid}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-total strong{font-size:var(--fs-body-sm);color:var(--tf-text);font-variant-numeric:tabular-nums}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot{border:1px solid var(--tf-border);background:var(--tf-surface);border-radius:16px;grid-template-rows:1fr;grid-template-columns:28px 42px minmax(0,1fr) 18px;align-items:center;gap:8px;height:72px;padding:10px;display:grid}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot.self{border-color:var(--tf-text-secondary);background:var(--tf-border)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot.vacant{background:var(--tf-surface)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-role-icon{background:var(--tf-surface);border-radius:10px;grid-area:1/1;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-role-icon img{object-fit:contain;width:26px;height:26px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot .avatar,:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-avatar-empty{border-radius:var(--tf-radius-control);background:var(--tf-border);width:42px;min-width:0;height:42px;font-size:var(--fs-body-lg);object-fit:cover;grid-area:1/2;justify-content:center;align-items:center;display:flex}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-avatar-empty{border:1px dashed var(--tf-border);color:var(--tf-text-secondary);background:var(--tf-surface);font-size:20px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-person{grid-area:1/3;min-width:0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-person b{min-width:0;font-size:var(--fs-body-sm);align-items:center;gap:8px;line-height:1.3;display:flex}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-self{color:var(--tf-text);font-size:var(--fs-caption);flex:none;font-weight:500}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-ready{color:var(--tf-text-secondary);grid-area:1/4;font-size:18px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-ready.is-ready{color:var(--tf-success)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding-top:50px;display:flex}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus:before,:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus:after{content:"";background:var(--tf-surface);flex:1;width:1px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus-badge{border:1px solid var(--tf-text-secondary);background:var(--tf-surface);width:58px;height:58px;box-shadow:none;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;transform:rotate(45deg)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus-badge span{color:var(--tf-text);letter-spacing:-3px;text-shadow:none;padding-right:4px;font-size:32px;font-style:italic;font-weight:800;transform:rotate(-45deg)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions .button{min-height:44px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-lease{font-size:var(--fs-caption);margin:14px 0 0;line-height:1.5}:is(.matchmaking-dialog,.matchmaking-page) .form-error:empty{display:none}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-deadline{border:1px solid var(--tf-text-secondary);border-radius:var(--tf-radius-control);padding:10px}@media (max-width:639px){.matchmaking-dialog-heading{padding:18px 16px 0}.matchmaking-dialog-heading .eyebrow{font-size:var(--fs-caption);margin:0}.matchmaking-dialog-heading h1{margin-bottom:12px;font-size:22px}.matchmaking-title-row{gap:8px}.matchmaking-title-row h1{margin:0}.matchmaking-format{font-size:var(--fs-caption);letter-spacing:0}.matchmaking-dialog [data-matchmaking-content]{padding:0 16px 18px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-roster{grid-template-columns:minmax(0,1fr);gap:12px;margin:18px 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus{flex-direction:row;gap:24px;padding:12px 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus:before,:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus:after{background:var(--tf-surface);width:auto;height:1px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-heading h3{font-size:var(--fs-body)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions{flex-direction:column;gap:8px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions .button{width:100%}}@media (max-width:767px),(max-height:600px){.matchmaking-dialog .matchmaking-actions{z-index:var(--z-overlay);background:var(--tf-surface);border-top:1px solid var(--tf-border);padding-block:12px;position:sticky;bottom:0}}@media (min-width:640px){.matchmaking-dialog-heading{padding:16px 24px 0}.matchmaking-dialog-heading h1{font-size:26px}.matchmaking-dialog [data-matchmaking-content]{padding:0 24px 16px}.matchmaking-dialog .matchmaking-summary p{font-size:var(--fs-caption);margin:4px 0;line-height:1.4}.matchmaking-dialog .matchmaking-progress-heading{margin:12px 0 6px}.matchmaking-dialog .matchmaking-roster{gap:12px;margin:16px 0 12px}.matchmaking-dialog .matchmaking-team-heading{min-height:32px;margin-bottom:8px}.matchmaking-dialog .matchmaking-team ol{gap:8px}.matchmaking-dialog .matchmaking-slot{grid-template-columns:28px 38px minmax(0,1fr) 18px;height:56px;padding:8px 10px}.matchmaking-dialog .matchmaking-slot .avatar,.matchmaking-dialog .matchmaking-avatar-empty{border-radius:10px;width:38px;height:38px}.matchmaking-dialog .matchmaking-versus{padding-top:40px}.matchmaking-dialog .matchmaking-actions{margin-top:8px}.matchmaking-dialog .matchmaking-lease{font-size:var(--fs-caption);margin-top:10px;line-height:1.4}.matchmaking-dialog .matchmaking-deadline{padding:8px 10px}}@media (min-width:640px) and (max-height:720px){.matchmaking-dialog-heading{padding-top:12px}.matchmaking-dialog-heading h1{font-size:24px}.matchmaking-dialog .matchmaking-title-row{min-height:38px;margin-bottom:8px}.matchmaking-dialog [data-matchmaking-content]{padding-bottom:12px}.matchmaking-dialog .matchmaking-progress-heading{margin-top:8px}.matchmaking-dialog .matchmaking-roster{margin:12px 0 8px}.matchmaking-dialog .matchmaking-team-heading{min-height:28px;margin-bottom:6px}.matchmaking-dialog .matchmaking-slot{grid-template-columns:28px 34px minmax(0,1fr) 18px;height:48px;padding-block:6px}.matchmaking-dialog .matchmaking-slot .avatar,.matchmaking-dialog .matchmaking-avatar-empty{border-radius:10px;width:34px;height:34px}.matchmaking-dialog .matchmaking-lease{margin-top:6px}}@media (min-width:640px) and (max-height:660px){.matchmaking-dialog .matchmaking-team ol{gap:4px}.matchmaking-dialog .matchmaking-slot{grid-template-columns:24px 32px minmax(0,1fr) 18px;height:44px;padding-block:5px}.matchmaking-dialog .matchmaking-role-icon{width:24px;height:24px}.matchmaking-dialog .matchmaking-role-icon img{width:22px;height:22px}.matchmaking-dialog .matchmaking-slot .avatar,.matchmaking-dialog .matchmaking-avatar-empty{width:32px;height:32px}}.support-compose fieldset,.admin-editor-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.support-compose fieldset>.button{width:100%}.support-filter{max-width:260px;margin-bottom:20px}.support-management .support-admin-layout{margin-top:16px}.admin-workspace{gap:24px;min-width:0;display:grid}.admin-workspace .support-management{margin-bottom:0}.admin-workspace .report-row{border-bottom:1px solid var(--tf-border);flex-wrap:wrap;align-items:end;gap:16px;padding:20px 0;display:flex}.admin-workspace .report-row>div{overflow-wrap:anywhere;flex:240px}.admin-workspace .report-row .field{flex:0 200px;margin:0}.admin-workspace .report-row>.form-error{flex-basis:100%}.admin-workspace .setting-row>div{overflow-wrap:anywhere;min-width:0}.admin-editor-dialog{border:1px solid var(--tf-border);border-radius:var(--tf-radius-dialog);background:var(--tf-surface);width:min(640px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--tf-text);margin:auto;padding:24px;overflow:auto}.admin-editor-dialog::backdrop{background:#000000b3}.admin-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-editor-dialog textarea{min-height:120px}.admin-editor-dialog .check{align-items:center;gap:12px;min-height:44px;margin:12px 0;display:flex}.admin-editor-dialog .check input{width:20px;height:20px}.admin-editor-dialog .form-error:empty,.support-compose .form-error:empty{display:none}.admin-editor-dialog fieldset:disabled{opacity:.75}@media (max-width:767px){.admin-workspace{gap:16px}.admin-workspace .section-heading{flex-wrap:wrap;gap:12px}.admin-workspace .report-row .field,.admin-workspace .report-row>.button{flex:100%}.admin-editor-dialog{padding:20px 17px}.admin-editor-dialog input,.admin-editor-dialog select,.admin-editor-dialog textarea{font-size:var(--fs-body-lg)}}
.design-shell[data-page=lobbies] .lobby-admin-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.design-shell[data-page=lobbies] .lobby-admin-actions>.muted{font-size:var(--fs-body);flex-basis:100%}.design-shell[data-page=lobbies] .lobby-member-manage{flex-shrink:0;min-width:44px;min-height:44px;margin-left:auto;font-size:24px}.lobby-admin-member-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}
.tournament-room{min-width:0;margin:20px 0}.tournament-room h2{margin:6px 0 12px}.tournament-room .tournament-actions{flex-wrap:wrap;gap:12px;display:flex}.tournament-room .tournament-scoreboard{min-width:0;margin:20px 0}.tournament-room table{border-collapse:collapse;text-align:left;width:100%;min-width:580px}.tournament-room th,.tournament-room td{border-bottom:1px solid var(--line);font-size:var(--fs-caption);padding:10px}.tournament-room tbody th{font-weight:500}.tournament-room tbody th small{margin-top:4px;display:block}.tournament-room .tournament-player{align-items:center;gap:8px;display:flex}.tournament-room .tournament-player img{object-fit:cover;border-radius:10px;flex:none}.tournament-room .tournament-roster-note{font-size:var(--fs-caption);line-height:1.6}@media (max-width:639px){.tournament-room .tournament-actions .button{width:100%}}
:root{--bg:var(--tf-bg);--panel:var(--tf-surface);--panel-2:var(--tf-surface-raised);--line:var(--tf-border);--ink:var(--tf-text);--muted:var(--tf-text-secondary);--purple:var(--tf-text);--primary:var(--tf-primary);--neon:var(--tf-focus);--font-ui:var(--tf-font);--font-display:var(--tf-font);--radius:20px;--content-width:1440px;--gutter:28px;--rail:248px;--header-height:72px;--control-height:44px;--control-target:44px;--control-radius:12px;--button-radius:12px;--field-radius:12px;--field-background:var(--tf-bg);--field-border:var(--tf-border-control);--field-focus-border:var(--tf-focus);--field-focus-ring:var(--tf-focus);--control-focus-color:var(--tf-focus);--close-focus-color:var(--tf-focus);--close-hover-background:var(--tf-surface-hover);--nav-active-background:var(--tf-surface-raised);--list-active-background:var(--tf-surface-raised);--list-active-border:var(--tf-border-control);font:var(--fs-body)/1.5 var(--tf-font)}html{scrollbar-gutter:stable;scroll-padding-top:88px}body{background:var(--bg)}body,button,input,select,textarea{font-family:var(--tf-font)}h1,h2,h3{font-family:var(--tf-font);font-weight:600}h1{letter-spacing:-.035em;font-size:32px;line-height:1.2}h2{letter-spacing:-.02em;font-size:20px}h3{font-size:var(--fs-body-lg);letter-spacing:-.01em}.heading-accent{color:inherit;-webkit-text-fill-color:currentColor;background:0 0}p{line-height:1.5}:focus-visible{outline:2px solid var(--tf-focus);outline-offset:3px}::selection{background:var(--tf-primary);color:var(--tf-on-primary)}.eyebrow{font:500 var(--fs-caption)/1.4 var(--tf-font);letter-spacing:.08em;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--tf-radius-card);box-shadow:none}.button{font-size:var(--fs-body);box-shadow:none;transition:transform var(--tf-motion-press),opacity var(--tf-motion-action);font-weight:550}.button.primary{background:var(--tf-primary);color:var(--tf-on-primary);box-shadow:none;border-color:#0000}.button.primary:hover:not(:disabled){background:var(--tf-primary-hover);border-color:#0000}.button.secondary{background:var(--tf-surface-raised);color:var(--ink);border-color:var(--line)}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled){background:var(--tf-surface-hover);border-color:var(--tf-border-control)}.button.ghost{color:var(--ink);border-color:var(--line);background:0 0}.button.danger{color:var(--tf-error);background:var(--tf-error-bg);border-color:var(--tf-error)}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)}.button.small{font-size:var(--fs-body-sm)}.icon-button{border-color:var(--line);color:var(--muted);background:0 0}.icon-button:hover{background:var(--tf-surface-hover);color:var(--ink)}input,select,textarea{color:var(--ink);background-color:var(--field-background);border-color:var(--field-border)}input::placeholder,textarea::placeholder{color:var(--tf-text-disabled)}input[type=checkbox],input[type=radio]{accent-color:var(--tf-primary)}.field>span{color:var(--muted);font-size:var(--fs-body-sm)}.discovery-field-grid{gap:16px}.tag{background:var(--tf-surface-raised);border-color:var(--line);color:var(--muted);font-size:var(--fs-caption);border-radius:6px}.tag.green{color:var(--tf-success);background:var(--tf-success-bg);border-color:#0000}.form-error{color:var(--tf-error)}.tabs{border-color:var(--line);gap:20px}.tabs a,.tabs button,.tab{color:var(--muted);background:0 0;border-radius:0}.tabs a.active,.tabs button.active,.tabs [aria-selected=true],.tab.active{color:var(--ink);border-color:var(--ink);box-shadow:none;background:0 0}.notice{background:var(--tf-surface-raised);border-color:var(--line);color:var(--muted)}.notice.warning{color:var(--tf-warning);background:var(--tf-warning-bg)}.notice.error{color:var(--tf-error);background:var(--tf-error-bg)}.toast{background:var(--tf-primary);color:var(--tf-on-primary);border-color:#0000;border-radius:16px}dialog:not(.navigation-dialog),#modal{background:var(--tf-surface);color:var(--ink);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-dialog);box-shadow:0 24px 80px #0008}dialog:has(.friend-picker){background:var(--tf-surface);color:var(--ink);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-dialog);box-shadow:0 24px 80px #0008}dialog::backdrop,.navigation-dialog::backdrop{background:var(--tf-overlay);-webkit-backdrop-filter:none;backdrop-filter:none}dialog .modal-head{border-color:var(--line)}dialog :is([data-close],[data-dialog-close],[data-menu-close]){color:var(--muted)}dialog :is([data-close],[data-dialog-close],[data-menu-close]):hover{color:var(--ink);border-color:var(--line)}dialog{scrollbar-color:var(--tf-border-control) var(--panel)}.empty{border:1px dashed var(--line);border-radius:var(--tf-radius-card);background:var(--panel);padding:40px 24px}.empty h3{font-size:18px}.loading-state{padding:48px 24px}.site-header{background:var(--bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;margin:0}.header-inner{gap:32px;max-width:1440px;min-height:72px;margin:auto;padding:0 28px;display:flex}.brand,.site-header .brand{font:650 23px/1 var(--tf-font);letter-spacing:-.045em;gap:8px}.brand img,.site-header .brand img,.footer .brand>img{width:32px;height:32px}.header-game{font-size:var(--fs-caption);letter-spacing:.08em;color:var(--muted);font-weight:550}.header-signin{margin-left:auto}.sidebar,.sidebar:hover{clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:216px;height:auto;max-height:calc(100dvh - 112px);box-shadow:none;--nav-row:clamp(26px,calc((100dvh - 238px) / var(--nav-items)),42px);background:0 0;border:0;border-radius:0;padding:0;transition:none;position:fixed;top:96px;left:max(28px,50vw - 692px);overflow:visible}.sidebar:has(:focus-visible){clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:216px;height:auto;max-height:calc(100dvh - 112px);box-shadow:none;--nav-row:clamp(26px,calc((100dvh - 238px) / var(--nav-items)),42px);background:0 0;border:0;border-radius:0;padding:0;transition:none;position:fixed;top:96px;left:max(28px,50vw - 692px);overflow:visible}.sidebar:before{content:none}.sidebar-groups{width:100%}.sidebar .nav-section{margin:0 0 18px}.sidebar .nav-section-label{opacity:1;height:auto;font-size:var(--fs-caption);color:var(--muted);margin:0 12px 8px;line-height:16px;display:block}.sidebar .nav-link,.sidebar:hover .nav-link{width:100%;min-height:var(--nav-row);height:var(--nav-row);border-radius:var(--tf-radius-control);font:500 var(--fs-body)/1.35 var(--tf-font);color:var(--muted);border:0;gap:12px;padding:0 12px;transition:none;overflow:visible}.sidebar:has(:focus-visible) .nav-link{width:100%;min-height:var(--nav-row);height:var(--nav-row);border-radius:var(--tf-radius-control);font:500 var(--fs-body)/1.35 var(--tf-font);color:var(--muted);border:0;gap:12px;padding:0 12px;transition:none;overflow:visible}.sidebar .nav-label{opacity:1;flex-shrink:1;min-width:0}.sidebar .nav-link.active,.drawer-groups .nav-link.active{background:var(--tf-surface-raised);color:var(--ink);box-shadow:none}.sidebar .nav-link.active>.ui-icon{color:inherit}.sidebar .nav-link:hover,.drawer-groups .nav-link:hover{background:var(--tf-surface-hover);color:var(--ink)}.sidebar .support-link{margin-top:8px}.sidebar .friend-count,.sidebar:hover .friend-count{margin-left:auto;position:static}.sidebar:has(:focus-visible) .friend-count{margin-left:auto;position:static}.friend-count{background:var(--tf-primary);color:var(--tf-on-primary)}.account-notification{background:var(--tf-success)}.app-body{width:calc(100% - 248px);max-width:1192px;margin:0 auto 0 max(248px,50vw - 472px);padding:0 28px}#main{min-height:calc(100dvh - 250px);padding:32px 0 64px}.environment-label{font-size:var(--fs-caption);color:var(--tf-warning);padding:8px 0 0}.route-status{background:var(--panel);color:var(--ink);border-color:var(--line)}.footer{border-color:var(--line);padding:32px 0}.footer p,.footer small,.footer>small{color:var(--muted)}.page-heading.page-intro,.design-shell .page-intro{background:0 0;border:0;align-items:center;min-height:0;margin:0 0 24px;padding:0;overflow:visible}.page-intro:after,.page-intro .eyebrow:before{content:none}.page-intro .eyebrow{font-size:var(--fs-caption);color:var(--muted);margin:0 0 10px}.page-intro h1{text-transform:none;letter-spacing:-.035em;text-wrap:initial;margin:0 0 10px;font-size:32px;font-weight:600}.page-intro .muted{color:var(--muted);font-size:var(--fs-body);line-height:1.5}.section{margin-top:40px}.section-title{margin-bottom:20px}.navigation-dialog{background:var(--tf-surface);border-color:var(--tf-border-control);box-shadow:0 24px 80px #0008}.drawer-heading{border-color:var(--line)}.drawer-brand,.drawer-expand{display:none}.drawer-groups .nav-link,.navigation-dialog .support-link{color:var(--muted)}.drawer-logout{color:var(--tf-error)}.navigation-dialog .drawer-logout{color:var(--tf-error);background:0 0}.drawer-groups .nav-section-label{color:var(--muted)}@media (min-width:768px) and (max-height:700px){.sidebar,.sidebar:hover{--nav-row:clamp(24px,calc((100dvh - 158px)/var(--nav-items)),36px);max-height:calc(100dvh - 92px);top:84px}.sidebar:has(:focus-visible){--nav-row:clamp(24px,calc((100dvh - 158px)/var(--nav-items)),36px);max-height:calc(100dvh - 92px);top:84px}.sidebar .nav-section{margin-bottom:6px}.sidebar .nav-section-label{display:none}.sidebar .support-link{margin-top:6px}}@media (min-width:768px) and (max-height:499px){.sidebar .sidebar-groups,.sidebar>.support-link{display:none}.sidebar .sidebar-more{min-height:44px;display:flex}}@media (min-width:768px) and (max-width:1079px){:root{--rail:216px;--gutter:20px}.sidebar,.sidebar:hover{width:176px;left:20px}.sidebar:has(:focus-visible){width:176px;left:20px}.sidebar .nav-link{font-size:var(--fs-body-sm)}.app-body{width:calc(100% - 216px);margin-left:216px;padding-inline:20px}}@media (max-width:767px){:root{--rail:0px;--gutter:16px;--header-height:64px;--mobile-nav-height:56px;--mobile-nav-gap:8px;--mobile-nav-clearance:calc(var(--mobile-nav-height) + var(--mobile-nav-gap) * 2 + env(safe-area-inset-bottom,0px));--mobile-nav-background:#14141499;--mobile-nav-border:#ffffff14;--mobile-nav-shadow:inset 0 1px 0 #ffffff0a,0 1px 2px #0006,0 8px 24px -12px #0009;--mobile-nav-hover-color:var(--muted);--mobile-nav-hover-background:transparent;--mobile-nav-close-hover-turn:0deg;--mobile-nav-close-hover-opacity:.85}.sidebar,.sidebar:hover{display:none}.sidebar:has(:focus-visible){display:none}.header-inner{gap:12px;min-height:64px;padding:0 16px;display:flex}.site-header .brand{font-size:21px}.site-header .brand img{width:28px;height:28px}.header-game{display:none}.header-signin{min-height:44px;font-size:var(--fs-body-sm);white-space:nowrap;flex-shrink:0;padding-inline:10px}.app-body{width:100%;max-width:none;margin:0;padding:0 16px}#main{padding:24px 0 36px}.page-intro h1{font-size:26px}.page-intro .muted{font-size:var(--fs-body)}.page-heading.page-intro,.design-shell .page-intro{margin:0 0 20px}.footer{margin-bottom:var(--mobile-nav-clearance);grid-template-columns:1fr;gap:20px}.footer>small{grid-column:auto}.mobile-nav{left:8px;right:8px;bottom:calc(var(--mobile-nav-gap) + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);max-width:380px;height:var(--mobile-nav-height);border:1px solid var(--mobile-nav-border);border-radius:var(--tf-radius-capsule);background:var(--mobile-nav-background);clip-path:none;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);min-height:0;box-shadow:var(--mobile-nav-shadow);align-items:center;gap:0;margin-inline:auto;padding:3px 8px;display:grid}.mobile-nav .nav-link{border-radius:var(--tf-radius-control);min-width:44px;height:48px;min-height:44px;color:var(--muted);background:0 0;gap:0;padding:12px 0}.mobile-nav .nav-link.active{color:var(--ink);background:0 0}.mobile-nav .nav-link:hover{color:var(--mobile-nav-hover-color);background:0 0}.mobile-nav .nav-link.active:hover{color:var(--ink)}.mobile-nav .nav-link:focus-visible{outline-offset:-2px}.mobile-nav .nav-link>.ui-icon{width:24px;height:24px}.mobile-nav .nav-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html:has(#navigation-dialog[open]){scrollbar-gutter:auto}.navigation-dialog{background:var(--panel);border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;inset:0;overflow:hidden}.navigation-dialog[open]{overflow:hidden}.navigation-dialog .drawer-heading{z-index:var(--z-content);min-height:64px;padding:max(10px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:var(--panel);border-bottom:1px solid var(--line);gap:16px;position:sticky;top:0}.navigation-dialog .drawer-title{min-width:0}.navigation-dialog .drawer-brand{display:block}.navigation-dialog .drawer-brand .brand{font-size:21px}.navigation-dialog .drawer-brand .brand img{width:28px;height:28px}.navigation-dialog .drawer-heading .drawer-title-text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navigation-dialog .drawer-heading .icon-button{color:var(--ink);border-radius:var(--tf-radius-control);background:0 0;border:0}.navigation-dialog .drawer-heading .icon-button:is(:hover,:focus-visible,:active){background:0 0;border-color:#0000}.navigation-dialog .drawer-heading [data-menu-close]>.ui-icon{stroke-width:2px;width:26px;height:26px}.navigation-dialog .drawer-heading [data-menu-close]:active{transform:none}.navigation-dialog [data-menu-close]>.ui-icon{opacity:.85;transform-origin:50%;transition:transform .15s,opacity .15s}.navigation-dialog[open] [data-menu-close]>.ui-icon{animation:.18s ease-out navigation-close-enter}.navigation-dialog [data-menu-close]:hover>.ui-icon{opacity:var(--mobile-nav-close-hover-opacity);transform:rotate(var(--mobile-nav-close-hover-turn))}.navigation-dialog [data-menu-close]:focus-visible>.ui-icon{opacity:1;transform:rotate(12deg)}.navigation-dialog [data-menu-close]:active>.ui-icon{opacity:1;transform:rotate(12deg)scale(.9)}@keyframes navigation-close-enter{0%{opacity:0;transform:rotate(-35deg)scale(.85)}to{opacity:.85;transform:rotate(0)scale(1)}}.navigation-dialog .drawer-body{overscroll-behavior-y:contain;padding:20px max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));scrollbar-width:thin;scrollbar-color:var(--tf-border-control) var(--panel);scroll-padding-block:8px;overflow-y:auto;container:none}.navigation-dialog .drawer-body[data-expanded=false]{overflow-y:hidden}.navigation-dialog .drawer-body::-webkit-scrollbar{width:5px}.navigation-dialog .drawer-body::-webkit-scrollbar-thumb{background:var(--tf-border-control);border-radius:10px}.navigation-dialog .drawer-body::-webkit-scrollbar-track{background:0 0}.navigation-dialog .drawer-body::-webkit-scrollbar-button{width:0;height:0;display:none}@supports selector(::-webkit-scrollbar){.navigation-dialog .drawer-body{scrollbar-color:auto;scrollbar-width:auto}}.navigation-dialog .drawer-expand{border-radius:var(--tf-radius-control);width:100%;min-height:56px;color:var(--muted);font:500 var(--fs-body-lg)/1.4 var(--tf-font);text-align:left;background:0 0;border:0;align-items:center;gap:12px;margin-top:4px;padding:12px;display:flex}.navigation-dialog .drawer-expand:hover{color:var(--mobile-nav-hover-color);background:0 0}.navigation-dialog .drawer-expand:is(:focus-visible,:active){color:var(--ink);background:0 0}.navigation-dialog .drawer-body>.button{margin-bottom:20px}.navigation-dialog .drawer-groups{display:block}.navigation-dialog .drawer-groups .nav-section{margin:0}.navigation-dialog .drawer-groups .nav-section+.nav-section{margin-top:4px}.navigation-dialog .drawer-groups .nav-section:first-child{margin-top:0}.navigation-dialog .drawer-groups .nav-section-label{display:none}.navigation-dialog .drawer-groups .nav-section>nav{flex-direction:column;gap:4px;display:flex}.navigation-dialog .drawer-groups .nav-link,.navigation-dialog .drawer-actions .nav-link{border-radius:var(--tf-radius-control);width:100%;min-height:56px;font:500 var(--fs-body-lg)/1.4 var(--tf-font);text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.navigation-dialog .nav-link>.ui-icon{width:24px;height:24px}.navigation-dialog .nav-label{overflow-wrap:anywhere;flex:1;min-width:0}.navigation-dialog .drawer-groups .friend-count{font-size:var(--fs-caption);flex:none;margin-left:auto;position:static}.navigation-dialog .drawer-actions{padding:8px max(16px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;gap:4px;margin:0;display:flex}.navigation-dialog .nav-link:focus-visible{outline-offset:-2px}.navigation-dialog .drawer-groups .nav-link:hover:not(.active){background:var(--mobile-nav-hover-background);color:var(--mobile-nav-hover-color)}.navigation-dialog .drawer-groups .nav-link.active:hover{background:var(--tf-surface-raised);color:var(--ink)}.navigation-dialog .drawer-actions .nav-link:hover:not(.active){background:var(--mobile-nav-hover-background)}.navigation-dialog .drawer-actions .support-link:hover:not(.active){color:var(--mobile-nav-hover-color)}.button.small,.icon-button{min-height:44px}.toast,.route-status{bottom:calc(var(--mobile-nav-clearance) + 8px)}}@media (max-width:767px) and (hover:hover) and (pointer:fine){:root{--mobile-nav-hover-color:var(--ink);--mobile-nav-hover-background:var(--tf-surface-hover);--mobile-nav-close-hover-turn:12deg;--mobile-nav-close-hover-opacity:1}}@media (min-width:480px) and (max-width:767px) and (max-height:499px){.navigation-dialog .drawer-actions{flex-direction:row}.navigation-dialog .drawer-actions .nav-link{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.navigation-dialog [data-menu-close]>.ui-icon{transform:none!important}}.design-shell .page-intro>.button{min-height:44px;font-size:var(--fs-body-sm)}
.players-workspace{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px;display:grid}.players-content{min-width:0}.players-content .page-intro .eyebrow{display:none}.players-catalog{display:block}.players-catalog .player-filters{background:var(--panel);border-radius:var(--tf-radius-card);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:16px;margin:0 0 24px;padding:20px;display:grid}.player-filters .field{min-width:0}.player-filters .filter-heading{align-items:center;display:flex}.lane-picker{border:0;min-width:0;margin:0;padding:0;display:grid}.lane-picker label{cursor:pointer;min-width:0;position:relative}.lane-picker input{opacity:0;width:1px;height:1px;position:absolute}.lane-choice{border:1px solid var(--line);text-align:center;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.lane-picker input:focus-visible+.lane-choice{outline:2px solid var(--tf-focus);outline-offset:3px}.player-filters .filter-heading{border:0;grid-area:1/2;padding:0}.player-filters .filter-heading h2{display:none}.player-filters .filter-heading .text-link{min-height:44px;font-size:var(--fs-caption)}.player-filters .filter-query{grid-area:1/1}.player-filters .filter-query .field>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.player-filters .lane-picker{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.player-filters .lane-picker legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.player-filters .lane-choice{background:var(--bg);border-color:var(--line);min-height:44px;font-size:var(--fs-caption);color:var(--muted);border-radius:10px;flex-direction:row}.player-filters .lane-choice>img,.player-filters .lane-choice>.ui-icon{width:18px;height:18px}.player-filters .lane-picker input:checked+.lane-choice{color:var(--tf-on-primary);background:var(--tf-primary);box-shadow:none;border-color:#0000}.player-filters .filter-controls{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:8px;display:grid}.player-filters .filter-controls .field>span{font-size:var(--fs-caption)}.player-filters .filter-toggle{align-self:end;width:44px;height:44px;display:inline-flex}.player-filters .filter-submit{grid-column:1/-1;justify-content:flex-end;display:flex}.player-filters .filter-submit .button{width:auto;font-size:var(--fs-body-sm)}.player-filters .mobile-filter-reset{display:none}.player-filters .player-filter-note{font-size:var(--fs-body-sm);overflow-wrap:anywhere;grid-column:1/-1;margin:0}.player-filter-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.player-filter-dialog .filter-advanced{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px;padding:0;display:grid}.player-filter-dialog .filter-sort-field{display:block}.player-filter-dialog .check-label{min-height:44px;font-size:var(--fs-body-sm)}.players-catalog .catalog-toolbar{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin:0 0 16px;padding:0;display:flex}.players-catalog .catalog-count{gap:4px;display:grid}.catalog-count b{font-size:var(--fs-body);font-weight:550}.catalog-count small{color:var(--muted)}.catalog-toolbar-end{align-items:center;gap:8px;display:flex}.player-sort-form{margin:0;display:flex}.catalog-toolbar-end .player-sort{width:auto;max-width:160px;font-size:var(--fs-caption);border-color:var(--line);min-height:44px}.view-switch{border-radius:var(--tf-radius-control);background:0 0;border:0;gap:4px;padding:0;display:flex}.view-switch .icon-button{border-radius:10px;width:44px;height:44px}.view-switch .selected{color:var(--ink);background:var(--tf-surface-selected)}.players-catalog .player-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}.player-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--tf-radius-card);width:100%;min-width:0;max-width:340px;overflow:hidden}.player-card small{margin:0}.player-presence,.profile-status-dot{background:var(--tf-success);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.player-cover{position:relative;overflow:hidden}.player-cover>img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.player-cover:after{content:"";position:absolute;inset:0}.player-online{z-index:var(--z-content);align-items:center;gap:4px;padding:4px 7px;display:flex;position:absolute}.player-online i{background:var(--tf-success);border-radius:50%;width:5px;height:5px}.player-card .identity{align-items:center;display:flex;position:relative}.player-card .identity>div{overflow-wrap:anywhere;min-width:0}.player-card .identity h3{align-items:center;gap:8px;margin:0;line-height:1.3;display:flex}.player-card .identity .muted{margin-top:5px;display:block}.player-meta,.player-rank{align-items:center;gap:8px;display:flex}.player-meta{justify-content:space-between}.player-rank{min-width:0}.player-rank>div{overflow-wrap:anywhere;min-width:0}.player-card .player-meta small{font-size:var(--fs-caption);margin-top:4px;display:block}.player-winrate{text-align:right}.player-card .player-meta .player-match-total{display:none}.player-card .player-traits{gap:4px;margin:10px 0}.player-card .player-traits:empty{display:none}.player-card .player-traits img{width:16px;height:16px}.player-card .card-bio{overflow-wrap:anywhere}.player-updated{display:block}.player-card:hover{border-color:var(--tf-border-control)}.player-card:focus-within{border-color:var(--tf-focus)}.player-cover{background:var(--tf-surface-raised);height:64px}.player-cover:after{background:linear-gradient(0deg,var(--panel),transparent)}.player-cover.abstract-cover{background:var(--tf-surface-raised);height:64px}.player-cover.abstract-cover:before{content:none}.player-online{font-size:var(--fs-caption);color:var(--muted);background:var(--bg);border-radius:6px;top:8px;left:auto;right:12px}.player-online.is-online{color:var(--tf-success)}.player-card>.card-content{padding:0 14px 14px}.player-card .identity{gap:8px;min-height:50px;margin-top:-14px}.player-card .identity>.avatar.large{border:2px solid var(--panel);background:var(--tf-surface-raised);flex-shrink:0;width:40px;height:40px;font-size:20px}.player-card .identity>div{padding-top:14px}.player-card .identity h3{font-size:15px;font-weight:600}.player-card .identity .muted{color:var(--muted);font-size:var(--fs-caption);line-height:1.5}.player-card .player-meta{gap:8px;margin:12px 0 10px}.player-card .player-rank b{font-size:var(--fs-caption);color:var(--ink);font-weight:550}.player-card .player-rank img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.player-card .player-winrate{flex-shrink:0}.player-card .player-winrate>b{font-size:var(--fs-body-lg);color:var(--ink);font-weight:550}.player-card .player-meta small{color:var(--muted)}.player-card .player-traits .tag{font-size:var(--fs-caption);padding:3px 6px}.player-card .card-bio{color:var(--muted);font-size:var(--fs-body);min-height:0;margin:10px 0;line-height:1.5}.player-card .player-updated{color:var(--muted);font-size:var(--fs-caption);margin:0 0 10px;line-height:1.5}.player-bottom{border-top:1px solid var(--line);padding-top:10px}.design-shell .team-card-v9>.card-content>.team-card-description{font-size:var(--fs-body)}.player-attribution{border:1px solid var(--line);min-height:20px;color:var(--muted);font-size:var(--fs-caption);border-radius:6px;align-items:center;margin-bottom:4px;padding:0 6px;line-height:1.5;display:inline-flex}.player-bottom .button.primary{width:fit-content;min-height:44px;font-size:var(--fs-caption);color:var(--ink);border-color:var(--line);background:0 0;margin-left:auto;padding:8px 10px;display:flex}.player-bottom .button.primary:hover{background:var(--tf-surface-hover);border-color:var(--tf-border-control)}.players-workspace>.catalog-cta{gap:24px;margin:0;padding:24px;display:grid;position:sticky;top:104px}.catalog-cta h2{margin:0 0 14px;font-size:22px;line-height:1.25}.catalog-cta p{color:var(--muted);font-size:var(--fs-body)}.player-grid.list-view{grid-template-columns:1fr}.list-view .player-card{max-width:none}.list-view .player-cover{display:none}.list-view .player-card>.card-content{grid-template-columns:minmax(0,1fr) 180px;gap:8px 16px;padding:14px;display:grid}.list-view .player-meta{grid-area:1/2/3}.list-view .player-traits{grid-column:1}.list-view .card-bio{grid-column:1/-1}.list-view .player-bottom{grid-column:2}.list-view .player-card .identity{margin:0}.list-view .player-card .identity>div{padding:0}.list-view .player-card .player-meta{margin:0}.list-view .player-bottom{border:0;padding:0}@media (max-width:1279px){.players-workspace{display:block}.players-workspace>.catalog-cta{display:none}}@media (max-width:767px){.players-catalog .player-filters{gap:12px;margin-bottom:20px;padding:16px}.player-filters .filter-query{display:block}.player-filters .filter-heading{display:flex}.player-filters .lane-choice{font-size:var(--fs-caption);flex-direction:column;gap:4px;padding:6px 2px}.player-filters .filter-controls{grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:8px}.player-filters .filter-controls .field{background:0 0;border:0;gap:8px;padding:0}.player-filters .filter-controls input,.player-filters .filter-controls select{border:1px solid var(--field-border);height:auto;min-height:44px;font-size:var(--fs-caption);padding:10px 6px}.player-filters .filter-controls select{padding-right:40px}.player-filters .filter-toggle{width:44px}.player-filters .filter-submit{display:flex}.player-filters .filter-submit .button{width:100%}.player-filter-dialog .filter-advanced{grid-template-columns:1fr}.players-catalog .player-grid{grid-template-columns:minmax(0,1fr);gap:12px}.players-catalog .catalog-toolbar{flex-wrap:wrap;gap:8px;display:flex}.catalog-toolbar-end{gap:4px;margin-left:auto}.catalog-toolbar-end .player-sort{max-width:130px;min-height:44px}.view-switch .icon-button{width:44px;min-height:44px}.player-card .identity h3{font-size:var(--fs-body-lg)}.player-bottom .button.primary{min-height:44px}.list-view .player-card>.card-content{display:block}.list-view .player-card .player-meta{margin:16px 0}}