.social-message-entry{flex-direction:column;flex:none;width:100%;min-width:0;display:flex}.social-message-entry .message{align-self:flex-start}.social-message-entry .message.own{align-self:flex-end}.social-message-entry .chat-day{align-self:center}.social-dialog{border:1px solid var(--line);border-radius:var(--tf-radius-card);background:var(--panel);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);font-family:var(--tf-font);padding:24px;overflow:auto}.social-dialog::backdrop{background:var(--tf-overlay)}.social-dialog>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.social-dialog h2{margin:0;font-size:20px}.social-dialog .social-search{width:100%}.social-dialog .friend-picker-list{max-height:55dvh;margin-top:12px;overflow:auto}.social-dialog .conversation{width:100%;color:inherit;text-align:left}.social-messenger .message-form>[role=alert]:empty{display:none}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) .site-header{flex:none}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) .app-body{min-height:0;width:calc(100% - var(--rail));max-width:calc(1440px - var(--rail));margin:0 auto 0 max(var(--rail),calc((100vw - 1440px)/2 + var(--rail)));padding:0 var(--gutter) 24px;flex-direction:column;flex:1;display:flex}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) #main{flex:1;width:100%;min-height:0;padding:16px 0 0;display:flex}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) .footer{display:none}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) .environment-label{flex:none;margin:0;padding:8px 0 0}.discovery-workspace{gap:16px;width:min(100%,1000px);margin:0 auto}.discovery-header{min-height:48px;position:static}.discovery-header>div{display:block}.discovery-header p{font-size:var(--fs-caption);color:var(--muted);letter-spacing:.08em;margin:0 0 4px}.discovery-header h1{font:600 26px/1.2 var(--tf-font);letter-spacing:-.03em}.discovery-header .discovery-filter-button{background:var(--panel);width:auto;padding:10px 16px}.discovery-filter-button span{display:inline}.discovery-frame{border:1px solid var(--line);border-radius:var(--tf-radius-card);background:var(--panel)}.discovery-empty{width:min(100%,560px);padding:24px}.discovery-empty .empty{background:0 0;border:0;padding:32px 16px}.discovery-pager{scroll-snap-type:y mandatory}.discovery-page{box-sizing:border-box;height:100%;min-height:100%}.discovery-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.discovery-cover,.discovery-overview .discovery-cover{background:var(--tf-bg);border-right:1px solid var(--line);border-bottom:0;height:100%;min-height:0;position:relative}.discovery-cover:after{content:none}.discovery-cover-art{object-fit:contain;object-position:center;opacity:1;filter:none;width:100%;height:100%;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.discovery-cover-portrait{display:none}.discovery-best-label{border:1px solid var(--line);width:fit-content;max-width:calc(100% - 24px);color:var(--ink);background:var(--panel);font-size:var(--fs-caption);border-radius:6px;padding:6px 10px;bottom:12px;left:12px;right:12px}.discovery-overview-content{scrollbar-width:thin;flex-direction:column;gap:16px;min-height:0;padding:24px;display:flex;overflow-y:auto}.discovery-identity{gap:12px;max-width:none;height:auto;padding:0;position:static}.discovery-identity .avatar{border:1px solid var(--line);width:64px;height:64px}.discovery-identity h2{font:600 26px/1.15 var(--tf-font);letter-spacing:-.03em;margin:0 0 6px}.discovery-identity p{color:var(--muted);font-size:var(--fs-caption);line-height:1.5}.discovery-ranks{gap:12px}.discovery-rank{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;grid-template-rows:auto auto auto;grid-template-columns:36px minmax(0,1fr);align-content:start;justify-items:start;gap:4px 8px;padding:12px 0}.discovery-rank>span:first-child{font-size:var(--fs-caption);grid-column:1/-1;justify-content:start}.discovery-rank img,.discovery-rank-placeholder{grid-area:2/1/4;width:36px;height:36px}.discovery-rank strong{font-size:var(--fs-body-sm);grid-area:2/2;justify-content:start}.discovery-rank>b{font-size:var(--fs-caption);grid-area:3/2}.discovery-compatibility{border-color:var(--line);border-radius:var(--tf-radius-control);background:var(--tf-surface-raised);min-height:64px;padding:10px 12px}.discovery-compatibility strong{font-size:var(--fs-body)}.discovery-compatibility small{font-size:var(--fs-caption)}.discovery-score{border:1px solid var(--tf-border-control);background:var(--panel)}.discovery-score b{background:0 0}.discovery-bio{font-size:var(--fs-body);line-height:1.6}.discovery-overview .discovery-bio{-webkit-line-clamp:unset;display:block;overflow:visible}.discovery-goals{gap:8px;display:flex}.discovery-goals span{border:1px solid var(--line);font-size:var(--fs-caption);background:0 0;border-radius:6px;padding:4px 8px}.discovery-page-link,.discovery-overview .discovery-page-link{min-height:44px;font:500 var(--fs-body-sm) var(--tf-font)}.discovery-overview .discovery-page-link{border-top:1px solid var(--line);margin-top:auto}.discovery-details>.discovery-page-link{padding-inline:0}.discovery-details{background:var(--panel);padding:12px 24px 0}.discovery-detail-tabs{border-bottom:1px solid var(--line);gap:0;margin-bottom:20px;padding:0}.discovery-detail-tabs button{min-height:44px;color:var(--muted);font:500 var(--fs-body-sm) var(--tf-font);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 12px}.discovery-detail-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);background:0 0}.discovery-detail-scroll{scrollbar-width:thin;padding:0 0 24px}.discovery-stat-block{border-color:var(--line);border-radius:var(--tf-radius-control);background:var(--tf-bg);margin-bottom:16px;padding:20px}.discovery-stats{padding-top:10px}.discovery-stats b{font-size:30px;font-weight:550}.discovery-stats span,.discovery-extra-stats{font-size:var(--fs-caption)}.discovery-heroes,.discovery-social{border-color:var(--line)}.discovery-hero-row{border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:12px 0}.discovery-social dl>div{border-color:var(--line);padding:12px 0}.discovery-detail-scroll details summary{cursor:pointer;align-content:center;min-height:44px}.discovery-actions{border-color:var(--line);grid-template-columns:1fr 1fr auto;gap:12px;padding:16px 20px}.discovery-actions .button{min-height:44px;font-size:var(--fs-body-sm);padding:10px 18px}.discovery-swipe-status:not(:empty){color:var(--muted);padding:0 20px 12px}dialog.discovery-dialog{font-family:var(--tf-font)}.discovery-dialog-head,.discovery-dialog-footer{border-color:var(--line)}.discovery-dialog::backdrop{background:var(--tf-overlay)}.discovery-filter-section .field input,.discovery-filter-section .field select{min-height:44px}.discovery-filter-section .check-group label{min-height:36px}.discovery-tag-chips span{background:var(--tf-bg);border-radius:10px}.discovery-tag-chips input:checked+span{color:var(--tf-on-primary);background:var(--tf-primary);border-color:var(--tf-primary)}.discovery-lane-filter{border:0;flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.discovery-lane-filter legend{color:var(--muted);font-size:var(--fs-caption)}.discovery-lane-filter label{cursor:pointer;position:relative}.discovery-lane-filter input{opacity:0;width:1px;height:1px;position:absolute}.discovery-lane-filter label>span{border:1px solid var(--line);background:var(--tf-bg);border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.discovery-lane-filter img{object-fit:contain;width:28px;height:28px}.discovery-lane-filter input:checked+span{background:var(--tf-surface-selected);border-color:var(--ink)}.discovery-lane-filter input:focus-visible+span{outline:2px solid var(--tf-focus);outline-offset:3px}.social-workspace{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.social-section-tabs{flex:none;gap:24px;margin:0 0 16px;padding:0;display:flex}.social-section-tab{min-height:48px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.social-section-tab.active{color:var(--ink);border-color:var(--ink)}.social-section-content{flex:1;min-width:0;min-height:0;display:flex}.social-section-content[data-social-section=friends]{scrollbar-width:thin;display:block;overflow-y:auto}.social-section-content>.social-friends{width:100%;max-width:none}.nav-link .chat-friend-notification{background:var(--tf-primary);border-radius:50%;flex:none;width:7px;height:7px}.chat-friend-notification[hidden]{display:none}.sidebar .chat-friend-notification{margin-left:4px}.design-shell[data-page=friends] .app-body{padding-inline:var(--gutter)}.social-friends{border:1px solid var(--line);border-radius:var(--tf-radius-card);background:var(--panel);max-width:1000px}.social-friends .friends-tabs{gap:28px;padding:0 24px}.social-friends .friend-tab{min-height:64px;font-size:var(--fs-body);flex-direction:row;gap:8px}.friend-tab-count{background:var(--tf-surface-raised);color:var(--muted);font-size:var(--fs-caption);border-radius:6px}.friend-tab.active .friend-tab-count{background:var(--tf-primary);color:var(--tf-on-primary)}.friends-toolbar{gap:16px;padding:18px 24px}.friends-toolbar .social-search{max-width:480px}.friend-row{border-color:var(--line);gap:16px;padding:20px 24px}.friend-avatar .avatar.large{border:1px solid var(--line);width:56px;height:56px;font-size:20px}.friend-info h2{font:600 var(--fs-body-lg)/1.3 var(--tf-font);margin-bottom:5px}.friend-game,.friend-bio{font-size:var(--fs-caption)}.friend-profile{min-height:28px;color:var(--muted);margin-top:6px}.friend-profile:hover{color:var(--ink)}.friend-row-actions{gap:8px;max-width:300px}.social-menu summary{border-radius:var(--tf-radius-control);width:44px;height:44px}.social-menu-content{border-color:var(--tf-border-control);border-radius:var(--tf-radius-control);background:var(--panel)}.request-status{font-size:var(--fs-caption)}.social-friends>.social-status{padding:12px 24px}.social-friends .empty{background:0 0;margin:20px 24px}.workspace-messenger.social-messenger{border:1px solid var(--line);border-radius:var(--tf-radius-card);background:var(--panel);flex:1;grid-template-columns:minmax(260px,32%) minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.workspace-messenger .conversation-sidebar{background:var(--panel);border-right:1px solid var(--line);min-height:0}.conversation-toolbar{border-bottom:1px solid var(--line);padding:20px 16px 16px}.conversation-toolbar h1{font:600 20px/1.3 var(--tf-font);letter-spacing:-.025em}.conversation-toolbar .new-conversation{border:1px solid var(--line);border-radius:var(--tf-radius-control);background:var(--tf-surface-raised);width:44px;height:44px}.workspace-messenger .conversation-list{scrollbar-width:thin;min-height:0;padding:8px;overflow-y:auto}.social-messenger .conversation{border-radius:var(--tf-radius-control);gap:12px;margin:0 0 4px;padding:14px 12px}.social-messenger .conversation.active{background:var(--tf-surface-raised);border-color:var(--tf-border-control)}.social-messenger .conversation .avatar{border:1px solid var(--line);background:var(--tf-bg);place-items:center;display:grid}.conversation-copy{flex:1;min-width:0}.social-messenger .conversation small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);display:block;overflow:hidden}.social-messenger .conversation .unread{background:var(--tf-primary);color:var(--tf-on-primary)}.workspace-messenger .chat{background:var(--tf-bg);flex-direction:column;height:100%;min-height:0;display:flex}.social-messenger .chat-header{border-color:var(--line);background:var(--panel);min-height:88px;padding:16px 24px}.chat-person b{font-size:var(--fs-body)}.chat-person small{font-size:var(--fs-caption)}.chat-person .avatar{border:1px solid var(--line);background:var(--tf-bg);place-items:center;width:44px;height:44px;font-size:17px;display:grid}.social-messenger .chat-history{background:var(--tf-bg);flex:1;gap:12px;min-height:0;max-height:none;padding:24px}.social-messenger .message{border-color:var(--line);background:var(--panel);border-radius:16px 16px 16px 6px;padding:12px 16px}.social-messenger .message.own{color:var(--ink);background:var(--tf-surface-selected);border-color:var(--tf-border-control);border-radius:16px 16px 6px;align-self:flex-end}.social-messenger .message p{font-size:var(--fs-body)}.social-messenger .message time{color:var(--muted);font-size:var(--fs-caption);display:block}.chat-day{font-size:var(--fs-caption);margin:0 0 8px;padding:4px 10px}.chat-older{min-height:44px}.social-messenger .message-form{background:var(--panel);border-color:var(--line);gap:12px;padding:16px 20px}.social-messenger .message-form textarea{border-radius:var(--tf-radius-control);height:52px;min-height:52px;font-size:var(--fs-body);resize:none;padding:12px;line-height:1.4;overflow-y:auto}.social-messenger .message-form .button{min-height:44px;font-size:var(--fs-body-sm);padding:10px 16px}.chat-permission{color:var(--tf-warning);background:var(--tf-warning-bg);padding:12px 20px}.chat-welcome,.chat-greeting{max-width:400px;padding:32px}.chat-welcome>.ui-icon,.chat-greeting>.ui-icon{color:var(--muted);width:40px;height:40px}.conversation-sidebar .empty{background:0 0;margin:16px;padding:28px 12px}.messenger-state{background:var(--panel);border:1px solid var(--line);border-radius:var(--tf-radius-card)}.design-shell[data-page=settings] .page-intro{background:0 0}.settings-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:960px;display:grid}.settings-tabs{border-bottom:1px solid var(--line);flex-wrap:nowrap;gap:24px;min-width:0;padding:0;display:flex;overflow-x:auto}.settings-tabs [role=tab]{min-height:52px;color:var(--muted);font:500 var(--fs-body) var(--tf-font);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0}.settings-tabs [role=tab]:hover{color:var(--ink);background:0 0}.settings-tabs [role=tab][aria-selected=true]{color:var(--ink);border-color:var(--ink);background:0 0}.settings-section{border-radius:var(--tf-radius-card);min-width:0;padding:32px}.settings-section[hidden]{display:none}.settings-section h2{font-size:22px}.settings-section>p{max-width:640px;font-size:var(--fs-body);margin-bottom:20px}.settings-section>[data-device-form]{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.settings-section>[data-device-form]>.button{margin-top:12px}.settings-section .check-label{align-items:center;min-height:44px}.settings-section .setting-row{border-color:var(--line);gap:20px;padding:20px 0}.settings-section .setting-row small{line-height:1.7;font-size:var(--fs-caption);margin-top:8px}.settings-section .setting-row b{font-size:var(--fs-body)}.settings-section .setting-row>:first-child{overflow-wrap:anywhere;min-width:0}.settings-section hr{margin:32px 0}.settings-section .button-row{gap:12px}.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-card);min-width:0;padding:24px}.support-layout h2,.support-management h2{font-size:20px}.support-compose form{gap:16px;margin-top:24px;display:grid}.support-compose form>.field{min-width:0;margin:0}.support-compose textarea,.support-reply-form textarea{border-radius:var(--tf-radius-control);min-height:180px}.support-compose input,.support-compose select,.support-status-form select,.support-layout .button,.support-management .button{border-radius:var(--tf-radius-control)}.support-workspace{gap:24px}.support-history .section-heading,.support-management>.section-heading{align-items:center;gap:16px;margin-bottom:16px}.support-history .section-heading>.button,.support-management>.section-heading>.button{white-space:nowrap;flex:none}.support-history .section-heading>h2,.support-management>.section-heading>h2{min-width:0}.support-ticket{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:16px}.support-ticket:hover{background:var(--tf-surface-hover)}.support-ticket.active{background:var(--tf-surface-raised);border-color:var(--tf-border-control);box-shadow:inset 3px 0 var(--ink)}.support-ticket h3{margin:8px 0;font-size:15px}.support-ticket p,.support-ticket>time{font-size:var(--fs-caption)}.support-status{background:var(--tf-surface-raised);min-height:26px;color:var(--muted);border-radius:6px}.support-status-in_progress{color:var(--tf-warning);background:var(--tf-warning-bg)}.support-status-resolved{color:var(--tf-success);background:var(--tf-success-bg)}.support-text{font-size:var(--fs-body);line-height:1.7}.support-reply{border-color:var(--line);border-radius:var(--tf-radius-control);background:var(--tf-bg);padding:20px}.support-confirmation{color:var(--tf-success);border:1px solid var(--tf-success);border-radius:var(--tf-radius-control);background:var(--tf-success-bg);padding:16px}.support-detail .empty{border:0;padding:32px 8px}.admin-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.admin-workspace>.support-management,.admin-reports{grid-column:1/-1;margin:0}.admin-content{min-width:0;padding:24px}.admin-content .section-heading{align-items:center;gap:12px}.admin-content .setting-row{border-color:var(--line);gap:16px;padding:20px 0}.admin-content .setting-row>div{overflow-wrap:anywhere;min-width:0}.admin-content .setting-row small{color:var(--muted);font-size:var(--fs-caption);margin-top:6px}.admin-reports{padding:24px}.admin-reports .report-row{border-color:var(--line);grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto;align-items:end;gap:16px;padding:24px 0;display:grid}.admin-reports .report-row>div{min-width:0}.admin-reports .report-row .field{margin:0}.admin-reports .report-row .form-error{grid-area:2/1/auto/-1;margin:0}.admin-reports .report-row .form-error:empty{display:none}.admin-reports .report-row .muted{font-size:var(--fs-caption);overflow-wrap:anywhere}.support-admin-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:24px}.support-admin-detail{border-left:1px solid var(--line);padding-left:24px}.support-status-form{gap:12px}.support-reply-form{gap:16px;display:grid}.support-reply-form>.field{margin:0}.support-reply-form>.button{justify-self:start}.support-management>.form-error:empty{display:none}@media (min-width:768px) and (max-width:1079px){.workspace-messenger.social-messenger{grid-template-columns:250px minmax(0,1fr)}.social-messenger .message-form{gap:8px;padding:12px}.social-messenger .message-form .button{padding-inline:12px}.discovery-overview{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.discovery-overview-content{gap:12px;padding:20px}.discovery-identity h2{font-size:22px}.discovery-identity .avatar{width:52px;height:52px}.friend-row-actions{max-width:210px}.support-layout{grid-template-columns:minmax(0,1fr)}.support-workspace{grid-template-columns:minmax(0,1fr);display:grid}.admin-workspace{grid-template-columns:minmax(0,1fr)}.support-admin-layout{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:20px}.support-admin-detail{padding-left:20px}}@media (max-width:767px){.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) .app-body{width:100%;max-width:none;padding:0 0 var(--mobile-nav-clearance);margin:0}.design-shell:has(:is(.workspace-messenger,.social-workspace,.discovery-workspace)) #main{padding:0}.social-section-tabs{gap:24px;margin:0;padding:0 16px}.social-section-tab{min-height:52px}.social-section-content>.social-friends{border:0;border-radius:0}.mobile-nav .chat-friend-notification{position:absolute;top:8px;left:calc(50% - 18px)}.design-shell:has(.discovery-workspace) .site-header{display:block}.design-shell:has(.discovery-workspace) .environment-label{display:none}.discovery-workspace{gap:0;width:100%}.discovery-header{gap:12px;min-height:60px;padding:8px 16px}.discovery-header p{display:none}.discovery-header h1{font-size:20px}.discovery-header .discovery-filter-button{width:auto;min-height:44px;padding:10px 12px}.discovery-frame{border-inline:0;border-radius:0}.discovery-overview{flex-direction:column;display:flex;overflow-y:auto}.discovery-cover,.discovery-overview .discovery-cover{border-right:0;border-bottom:1px solid var(--line);flex:1 0 28%;height:auto;min-height:110px;max-height:230px}.discovery-best-label{font-size:var(--fs-caption);padding:4px 8px;bottom:8px;left:12px}.discovery-overview-content{flex:none;gap:12px;padding:16px;overflow:visible}.discovery-identity{gap:12px;max-width:none;padding:0}.discovery-identity .avatar{width:48px;height:48px}.discovery-identity h2{margin-bottom:4px;font-size:22px}.discovery-identity p{font-size:var(--fs-caption);line-height:1.45}.discovery-rank{grid-template-columns:32px minmax(0,1fr);gap:4px 8px;padding:8px 0}.discovery-rank img,.discovery-rank-placeholder{width:32px;height:32px}.discovery-rank strong,.discovery-rank>b{font-size:var(--fs-caption)}.discovery-compatibility{min-height:56px;padding:8px 10px}.discovery-score{width:36px;height:36px}.discovery-score b{width:30px;height:30px}.discovery-compatibility strong{font-size:var(--fs-body-sm)}.discovery-compatibility small{font-size:var(--fs-caption)}.discovery-bio{font-size:var(--fs-body-sm)}.discovery-goals{display:flex}.discovery-actions{grid-template-columns:1fr 1fr auto;gap:8px;padding:12px}.discovery-actions .button{min-height:44px;font-size:var(--fs-caption);padding:10px 8px}.discovery-details{padding:8px 16px 0}.discovery-detail-tabs{margin-bottom:16px}.discovery-detail-tabs button{font-size:var(--fs-caption);padding-inline:6px}.discovery-stat-block{padding:16px}.discovery-extra-stats>span{margin-left:0}.discovery-dialog-footer{flex-wrap:wrap}.discovery-filter-section .check-group label{min-height:44px}.discovery-filter-sections{grid-template-columns:minmax(0,1fr)}.discovery-filter-section:last-child{grid-column:auto}dialog.discovery-dialog.discovery-filter-dialog[open]{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);border:0;border-radius:0;margin:0;inset:0}.discovery-filter-dialog>form{flex:1}.discovery-filter-section .field input,.discovery-filter-section .field select{min-height:44px;font-size:var(--fs-body-lg)}.discovery-filter-section .field>span{min-height:0;font-size:var(--fs-caption)}.design-shell[data-page=friends] .app-body{padding-inline:16px}.social-friends{border-radius:16px}.social-friends .friends-tabs{gap:12px;padding:0 12px;display:flex}.social-friends .friend-tab{min-height:58px;font-size:var(--fs-caption);flex-direction:column;flex:1;gap:4px;padding:8px 0}.friend-tab-count{min-width:20px;font-size:var(--fs-caption);padding:1px 5px}.friends-toolbar{padding:16px}.friends-toolbar .social-search{max-width:none}.friend-row{grid-template-columns:44px minmax(0,1fr);gap:0 12px;padding:20px 16px;display:grid}.friend-avatar .avatar.large{width:44px;height:44px;font-size:17px}.friend-info h2{font-size:15px}.friend-profile{min-height:44px;margin-top:0}.friend-row-actions{grid-column:2;justify-content:flex-start;gap:8px;max-width:none;margin-top:8px}.friend-row-actions .button{min-height:44px;font-size:var(--fs-caption);padding:10px 12px}.friend-row-actions .social-menu summary{height:44px}.request-status{text-align:left}.social-friends .empty{margin:16px;padding:32px 12px}.workspace-messenger.social-messenger{border:0;border-radius:0;height:100%;min-height:0;display:block}.workspace-messenger .conversation-sidebar{border:0;height:100%}.conversation-toolbar{padding:20px 16px 16px}.workspace-messenger .conversation-list{overflow-y:auto}.social-messenger:not(.has-conversation) .chat{display:none}.design-shell:has(.workspace-messenger.has-conversation) .site-header{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) - var(--mobile-nav-clearance));border:0;border-radius:0;min-height:0;position:fixed}.keyboard-open .social-messenger.has-conversation{height:var(--chat-viewport-height,100dvh)}.social-messenger.has-conversation .conversation-sidebar{display:none}.social-messenger.has-conversation .chat{height:100%;display:flex}.social-messenger .chat-header{gap:8px;min-height:72px;padding:12px}.chat-back{place-items:center;width:44px;height:44px;display:grid}.chat-person{flex:1;gap:8px}.chat-person .avatar{width:40px;height:40px}.social-messenger .chat-history{padding:16px}.social-messenger .message{max-width:88%}.social-messenger .message-form{gap:8px;padding:12px}.social-messenger .message-form textarea{font-size:var(--fs-body-lg);height:52px;min-height:52px}.social-messenger .message-form .button{font-size:var(--fs-caption);padding:10px 12px}.settings-layout{gap:20px}.settings-tabs{gap:24px;max-width:100%}.settings-tabs [role=tab]{min-height:52px;font-size:var(--fs-body-sm);padding-inline:0}.settings-section{border-radius:16px;padding:24px 20px}.settings-section h2{font-size:20px}.settings-section .setting-row{flex-wrap:wrap;align-items:flex-start;gap:12px}.settings-section .setting-row>div{flex:160px}.settings-section .setting-row .button{flex:none}.support-layout,.support-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.support-compose,.support-history,.support-detail,.support-management{border-radius:16px;padding:24px 20px}.support-compose input,.support-compose select,.support-compose textarea,.support-reply-form textarea{font-size:var(--fs-body-lg)}.support-layout h2,.support-management h2{font-size:20px}.support-ticket{padding:16px 12px}.support-reply{padding:16px}.admin-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.admin-content,.admin-reports{padding:24px 20px}.admin-reports .report-row{grid-template-columns:minmax(0,1fr);gap:16px}.admin-reports .report-row .form-error{grid-area:auto/1}.support-admin-layout{grid-template-columns:minmax(0,1fr);gap:24px}.support-admin-detail{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.support-status-form>.button,.support-reply-form>.button{width:100%}}@media (max-height:650px){.discovery-header p{display:none}.discovery-overview .discovery-overview-content{gap:12px;overflow-y:auto}.discovery-overview .discovery-cover{min-height:80px}.discovery-goals{display:flex}}@media (min-width:768px) and (max-height:499px){.design-shell:has(.discovery-workspace) .app-body{padding-bottom:12px}.design-shell:has(.discovery-workspace) #main{padding-top:8px}.discovery-workspace{gap:8px}.discovery-header{min-height:44px}.discovery-overview .discovery-overview-content{gap:8px;padding:12px 16px}.discovery-identity .avatar{width:40px;height:40px}.discovery-identity h2{margin-bottom:3px;font-size:20px}.discovery-rank{grid-template-columns:28px minmax(0,1fr);padding:6px 0}.discovery-rank img,.discovery-rank-placeholder{width:28px;height:28px}.discovery-actions{padding:12px 16px}.discovery-details{grid-template-rows:44px minmax(0,1fr);grid-template-columns:100px minmax(0,1fr);gap:8px 12px;padding:8px 16px 0;display:grid}.discovery-details>.discovery-page-link{grid-area:1/1}.discovery-details>.discovery-detail-tabs{grid-area:1/2;margin:0}.discovery-details>.discovery-detail-tabs button{font-size:var(--fs-caption);padding-inline:6px}.discovery-details>.discovery-detail-scroll{grid-area:2/1/auto/-1;padding-bottom:12px}.discovery-details .discovery-heroes,.discovery-details .discovery-social{border-top:0;margin-top:0;padding-top:0}.discovery-details .discovery-hero-row{padding:8px 0}}
.design-shell:has(.discovery-workspace){height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}.design-shell:has(.discovery-workspace) .site-header{flex:none;display:block}.design-shell:has(.discovery-workspace) .app-body{flex:1;min-height:0;padding-top:8px;padding-bottom:12px}.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:8px;width:min(100%,1000px);min-width:0;min-height:0;display:flex}.discovery-workspace .discovery-header{flex:none;align-items:center;gap:12px;min-height:44px;padding:0;display:flex;position:static}.discovery-header h1{margin:0;font-size:22px}.discovery-header .discovery-filter-button{min-height:44px;padding:8px 12px}.discovery-workspace .discovery-frame{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.discovery-workspace .discovery-pager{scroll-snap-type:none;touch-action:pan-y;flex:1;grid-template-rows:80px 44px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.discovery-player-heading{min-width:0;padding:12px 20px}.discovery-workspace .discovery-identity{align-items:center;gap:12px;max-width:none;height:100%;padding:0;display:flex;position:static}.discovery-identity>div{min-width:0}.discovery-workspace .discovery-identity .avatar{object-fit:cover;border:0;border-radius:50%;flex:none;width:56px;height:56px}.discovery-workspace .discovery-identity .avatar-fallback{background:var(--tf-surface-selected);place-items:center;font-size:20px;font-weight:600;display:grid}.discovery-workspace .discovery-identity h2{-webkit-line-clamp:1;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:22px;line-height:1.25;display:-webkit-box;overflow:hidden}.discovery-workspace .discovery-identity p{text-overflow:ellipsis;white-space:nowrap;color:var(--tf-text-secondary);font-size:var(--fs-body-sm);margin:4px 0 0;line-height:1.3;overflow:hidden}.discovery-identity .is-online{color:var(--tf-success)}.discovery-workspace .discovery-detail-tabs{flex:none;gap:0;height:44px;min-height:44px;margin:0;padding:0 16px;display:flex}.discovery-workspace .discovery-detail-tabs button{min-width:0;height:44px;min-height:44px;font-size:var(--fs-body-sm);white-space:nowrap;flex:1;padding:8px 4px}.discovery-panel-area{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.discovery-workspace .discovery-panel{overscroll-behavior:contain;scroll-snap-align:none;scrollbar-width:thin;grid-area:1/1;height:100%;min-height:0;padding:20px;display:block;overflow:auto}.discovery-workspace .discovery-panel[hidden]{display:none}.discovery-workspace .discovery-overview{padding:0}.discovery-overview-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:100%;display:grid}.discovery-overview-layout.has-art{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.discovery-workspace .discovery-cover{border:0;border-right:1px solid var(--tf-border);background:var(--tf-bg);grid-area:1/1/3;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:auto;min-height:0;max-height:none;margin:0;display:grid;position:relative;overflow:hidden}.discovery-cover-media{min-height:0;position:relative}.discovery-workspace .discovery-cover-art{object-fit:contain;object-position:center;opacity:1;filter:none;width:100%;height:100%;display:block;position:absolute;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.discovery-cover figcaption{min-width:0;color:var(--tf-text-secondary);font-size:var(--fs-caption);overflow-wrap:anywhere;grid-row:2;padding:8px 12px;line-height:1.4}.discovery-workspace .discovery-overview-content{flex-direction:column;gap:12px;min-height:0;padding:16px 20px;display:flex;overflow:visible}.discovery-workspace .discovery-ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 20px 0;display:grid}.discovery-overview-layout.has-art>.discovery-ranks{grid-area:1/2}.discovery-overview-layout.has-art>.discovery-overview-content{grid-area:2/2}.discovery-workspace .discovery-rank{border:0;grid-template-rows:auto auto auto;grid-template-columns:36px minmax(0,1fr);align-content:start;gap:4px 8px;padding:0}.discovery-workspace .discovery-rank>span:first-child{font-size:var(--fs-caption)}.discovery-workspace .discovery-rank img,.discovery-workspace .discovery-rank-placeholder{width:36px;height:36px}.discovery-workspace .discovery-rank strong{font-size:var(--fs-body-sm)}.discovery-summary-facts{font-size:var(--fs-body-sm);gap:8px;margin:0;line-height:1.45;display:grid}.discovery-summary-facts>div{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.discovery-summary-facts dt{color:var(--tf-text-secondary)}.discovery-summary-facts dd{overflow-wrap:anywhere;margin:0}.discovery-workspace .discovery-compatibility{gap:8px;min-height:52px;padding:8px 12px}.discovery-workspace .discovery-compatibility strong{font-size:var(--fs-body-sm)}.discovery-workspace .discovery-score{width:36px;height:36px}.discovery-workspace .discovery-bio{-webkit-line-clamp:2;font-size:var(--fs-body-sm);-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.discovery-demo{color:var(--tf-warning);font-size:var(--fs-caption);margin:0;line-height:1.4}.discovery-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.discovery-workspace .discovery-stat-block{margin:0;padding:16px}.discovery-workspace .discovery-details :is(.discovery-heroes,.discovery-social){border:0;margin:0;padding:0}.discovery-workspace .discovery-details h3{font-size:var(--fs-body-lg);margin-top:0}.discovery-workspace .discovery-details p{overflow-wrap:anywhere}.discovery-workspace .discovery-details details>summary{cursor:pointer;align-content:center;min-height:44px}.discovery-workspace .discovery-actions{background:var(--tf-surface);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 12px;display:grid;position:static}.discovery-workspace .discovery-actions:after{content:none}.discovery-actions .button{min-width:0;height:48px;min-height:48px;font-size:var(--fs-body-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px;line-height:1.3;display:inline-flex}.discovery-actions .ui-icon{flex:none;width:18px;height:18px}.discovery-actions .button>span{margin:0}.discovery-actions .discovery-pass-icon{transform:rotate(180deg)}.discovery-feedback{height:36px;min-height:36px;color:var(--tf-text-secondary);font-size:var(--fs-caption);scrollbar-width:thin;flex:none;padding:0 12px;line-height:1.4;overflow:auto}.discovery-feedback:has(button){height:64px;min-height:64px}.discovery-workspace .discovery-swipe-status{margin:0;padding:0}.discovery-feedback>p{margin:0}.discovery-frame>.panel[role]{flex:1;justify-content:safe center;width:100%;min-height:0;overflow:auto}.discovery-dialog .discovery-tag-chips label,.discovery-dialog .check{min-height:44px}.discovery-dialog .check{align-items:center;gap:8px;display:flex}.discovery-dialog .discovery-dialog-footer{flex-wrap:wrap}.discovery-filter-sections>.discovery-filter-intro{grid-column:1/-1;margin:0}.discovery-filter-intro a{color:var(--tf-text);text-underline-offset:3px;text-decoration:underline}.discovery-return-link{margin-bottom:16px}@media (max-width:767px){.design-shell:has(.discovery-workspace) .app-body{padding:4px 8px calc(var(--mobile-nav-clearance) + 4px)}.design-shell:has(.discovery-workspace) #main{padding:0}.discovery-workspace{gap:4px}.discovery-workspace .discovery-header{min-height:48px;padding:0 4px}.discovery-header h1{font-size:20px}.discovery-workspace .discovery-frame{border:1px solid var(--tf-border);border-radius:var(--tf-radius-card)}.discovery-workspace .discovery-pager{grid-template-rows:72px 44px minmax(0,1fr)}.discovery-player-heading{padding:8px 12px}.discovery-workspace .discovery-identity .avatar{width:48px;height:48px}.discovery-workspace .discovery-identity h2{font-size:20px}.discovery-workspace .discovery-identity p{font-size:var(--fs-caption)}.discovery-workspace .discovery-detail-tabs{padding:0 8px}.discovery-workspace .discovery-panel{padding:12px}.discovery-workspace .discovery-overview{padding:0}.discovery-overview-layout.has-art{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr)}.discovery-workspace .discovery-cover{border-bottom:1px solid var(--tf-border);grid-row:1;height:128px}.discovery-overview-layout.has-art>.discovery-ranks{grid-area:1/2;align-content:center}.discovery-overview-layout.has-art>.discovery-overview-content{grid-area:2/1/auto/-1}.discovery-workspace .discovery-overview-content{gap:12px;padding:12px}.discovery-workspace .discovery-ranks{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 12px 0}.discovery-workspace .discovery-rank{grid-template-columns:28px minmax(0,1fr);gap:4px 8px}.discovery-workspace .discovery-rank img,.discovery-workspace .discovery-rank-placeholder{width:28px;height:28px}.discovery-cover figcaption{padding:8px}.discovery-summary-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.discovery-summary-facts>div{grid-template-columns:minmax(0,1fr);gap:0}.discovery-stat-grid{grid-template-columns:minmax(0,1fr);gap:12px}.discovery-workspace .discovery-actions{gap:4px;padding:8px}.discovery-actions .button{height:44px;min-height:44px;font-size:var(--fs-caption);gap:4px;padding:6px 4px}.discovery-actions .ui-icon{width:16px;height:16px}.discovery-workspace .discovery-compatibility{padding:8px}}@media (max-height:600px){.discovery-workspace:has(.discovery-pager){gap:0;position:relative}.discovery-workspace:has(.discovery-pager) .discovery-header{min-height:44px;z-index:var(--z-controls);position:absolute;top:4px;right:8px}.discovery-workspace:has(.discovery-pager) .discovery-header>div{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.discovery-workspace:has(.discovery-pager) .discovery-filter-button{width:44px;height:44px;padding:8px}.discovery-workspace:has(.discovery-pager) .discovery-filter-button span{display:none}.discovery-workspace .discovery-pager{grid-template-rows:52px 44px minmax(0,1fr)}.discovery-player-heading{padding:4px 64px 4px 12px}.discovery-workspace .discovery-identity .avatar{width:40px;height:40px}.discovery-workspace .discovery-identity h2{font-size:18px}.discovery-workspace .discovery-actions{padding:4px 8px}.discovery-actions .button{height:44px;min-height:44px}.discovery-feedback{height:20px;min-height:20px}}
.home-hero{border:1px solid var(--line);border-radius:var(--tf-radius-dialog);background:var(--panel);height:auto;min-height:350px;margin:0 0 24px;padding:36px;display:flex;overflow:hidden}.hero-scene{inset:0 0 0 48%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%);mask-image:linear-gradient(90deg,#0000,#000 25%)}.hero-scene>img{object-fit:cover;object-position:60% 20%;width:100%;height:100%}.hero-scene:after{background:linear-gradient(90deg,var(--panel),transparent 60%)}.hero-copy{width:65%;max-width:640px;position:relative;inset:auto}.hero-motto{font-size:var(--fs-caption);letter-spacing:.1em;color:var(--muted);margin:0 0 20px;line-height:1.5;position:static;transform:none}.hero-motto br{display:none}.hero-motto br:after{content:" "}.hero-copy h1{letter-spacing:-.045em;width:auto;max-width:12ch;margin:0 0 20px;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.05;position:static}.hero-description{width:auto;max-width:430px;font-size:var(--fs-body);color:var(--muted);margin:0;line-height:1.5;position:static}.hero-copy .button-row{gap:8px;margin:24px 0 0;display:flex;position:static}.hero-copy .button,.hero-copy .home-cta{border-radius:var(--tf-radius-control);min-width:0;height:auto;min-height:48px;font-size:var(--fs-body);padding:12px 16px}.home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.home-shortcut{gap:12px;min-height:96px;padding:20px 16px}.home-shortcut>.ui-icon:first-child,.home-shortcut:nth-child(n)>.ui-icon:first-child{width:24px;height:24px;color:var(--muted)}.home-shortcut b{font-size:var(--fs-body);font-weight:550}.home-shortcut small{color:var(--muted);font-size:var(--fs-caption)}.home-shortcut:hover{background:var(--tf-surface-hover);border-color:var(--tf-border-control)}.quick-search{background:var(--panel);flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 0;padding:16px 20px;display:flex}.quick-search>b{font-size:var(--fs-body);white-space:nowrap;flex-shrink:0}.quick-lanes{flex:1;min-width:min(100%,304px)}.quick-lanes .lane-picker{flex-wrap:wrap;gap:8px;display:flex}.quick-lanes .lane-picker legend{display:block}.quick-lanes .lane-picker label{flex:1 0 44px;display:block}.quick-lanes .lane-choice{background:var(--bg);border-radius:10px;min-height:44px}.quick-lanes .lane-choice img{object-fit:contain;width:25px;height:25px}.quick-lanes input:checked+.lane-choice{background:var(--tf-primary);color:var(--tf-on-primary)}.player-carousel{min-width:0}.carousel-controls{justify-content:flex-end;align-items:center;gap:8px;margin:-4px 0 12px;display:flex}.carousel-controls .icon-button{border:1px solid var(--line);border-radius:var(--tf-radius-control);width:44px;height:44px}.carousel-controls [data-carousel-prev] .ui-icon{transform:rotate(90deg)}.carousel-controls [data-carousel-next] .ui-icon{transform:rotate(-90deg)}.carousel-controls .carousel-rotation{min-width:100px;min-height:44px;font-size:var(--fs-body-sm)}.carousel-position{min-width:48px;color:var(--muted);font-size:var(--fs-body-sm);text-align:center;font-variant-numeric:tabular-nums}.player-carousel-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:280px;grid-auto-flow:column;align-items:stretch;gap:12px;padding:3px 3px 14px;scroll-padding-inline:3px;display:grid;position:relative;overflow-x:auto}.player-carousel-track::-webkit-scrollbar{display:none}.player-carousel-track:focus-visible{outline:2px solid var(--tf-focus);outline-offset:3px;border-radius:var(--tf-radius-card)}.player-carousel-slide{scroll-snap-align:start;flex-direction:column;min-width:0;display:flex}.player-carousel .player-card{flex-direction:column;flex:1;max-width:none;display:flex}.player-carousel .player-card>.card-content{flex-direction:column;flex:1;display:flex}.player-carousel .player-bottom{margin-top:auto}.carousel-viewport{min-width:0;position:relative}.carousel-viewport:after{content:"";background:linear-gradient(90deg,transparent,var(--tf-bg));pointer-events:none;width:48px;position:absolute;inset:3px 0 14px auto}.home-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-banner{background:var(--panel);border-radius:var(--tf-radius-card);padding:28px}.cta-banner:after,.cta-banner:before{content:none}.cta-banner h2{font-size:28px}@media (max-width:1079px){.home-shortcuts,.home-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.home-hero{height:auto;min-height:0;margin:0 0 20px;padding:24px}.hero-scene{opacity:.35;height:auto;inset:0 0 0 35%;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 85%);mask-image:linear-gradient(#000 0% 30%,#0000 85%)}.hero-scene>img{object-fit:cover;object-position:60% 20%;height:100%}.hero-copy{width:100%;position:relative;inset:auto}.hero-copy h1{width:auto;font-size:40px}.hero-motto{font-size:var(--fs-caption)}.hero-description{font-size:var(--fs-body);max-width:none}.hero-copy .button-row{flex-direction:column;align-items:stretch;display:flex}.hero-copy .home-cta,.hero-copy .secondary{width:100%;font-size:var(--fs-body);height:auto;min-height:48px;padding:12px;display:flex}.home-shortcuts{gap:8px}.home-shortcut{grid-template-columns:24px 1fr;gap:8px;padding:16px;display:grid}.home-shortcut span{grid-column:1/-1}.home-shortcut>.ui-icon:last-child{grid-area:1/2}.quick-search{gap:12px;padding:16px}.quick-lanes{flex:auto;width:100%;min-width:0}.quick-search>.button{width:100%}.home-team-grid{grid-template-columns:1fr}.player-carousel-track{grid-auto-columns:min(310px,100% - 24px);gap:12px}.carousel-controls{justify-content:flex-start}.section-title{align-items:start}.section-title h2{font-size:22px}.section-title .text-link{font-size:var(--fs-caption);flex-shrink:0}.cta-banner{padding:24px}.cta-banner h2{font-size:24px}}.quick-lanes .lane-choice>.ui-icon{display:none}
.design-shell[data-page=login] #main{max-width:520px;margin-block:auto;margin-inline:auto;padding-top:48px}.design-shell[data-page=login] .page-intro{display:block}.design-shell[data-page=login] .page-intro .eyebrow{font-size:var(--fs-caption);display:block}.design-shell[data-page=login] .page-intro h1{margin:14px 0;font-size:32px}.auth-card{border-radius:var(--tf-radius-dialog);width:100%;max-width:none;margin-block:0;margin-inline:auto;padding:28px}.auth-card form{gap:20px;display:grid}.auth-card .field{min-width:0}.auth-card .field input{min-height:48px;font-size:var(--fs-body-lg)}.auth-card .muted{font-size:var(--fs-body-sm);line-height:1.6}.auth-card>p{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.auth-card .notice{border-radius:var(--tf-radius-control);padding:14px}.auth-card .auth-field-error{color:var(--tf-error);font-size:var(--fs-body-sm);line-height:1.6}.auth-id-help{border-top:1px solid var(--line);margin:16px 0 0;padding-top:12px}.auth-id-help>summary{min-height:44px;color:var(--tf-text);font-size:var(--fs-body-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;list-style:none;display:flex}.auth-id-help>summary::-webkit-details-marker{display:none}.auth-id-help>summary:focus-visible{outline:2px solid var(--tf-focus);outline-offset:4px;border-radius:var(--tf-radius-control)}.auth-id-help>summary .ui-icon{flex:none}.auth-id-help[open]>summary .ui-icon{transform:rotate(180deg)}.auth-id-help-body{padding-top:8px}.auth-id-help-body>p{margin:0 0 12px}.auth-id-help figure{margin:16px 0 0}.auth-id-help figcaption{margin-top:12px}.auth-id-help img{border-radius:var(--tf-radius-control);width:100%;height:auto;display:block}.auth-id-help a:focus-visible{outline:2px solid var(--tf-focus);outline-offset:4px}@media (max-width:767px){.design-shell[data-page=login] #main{padding-top:24px}.design-shell[data-page=login] .page-intro h1{font-size:28px}.auth-card{padding:20px}}
.profile-reference{--profile-accent:var(--tf-text);--profile-success:var(--tf-success)}.profile-header{border:1px solid var(--line);border-radius:var(--tf-radius-card);background:var(--panel);order:0;margin-bottom:24px}.profile-masthead{background:0 0;border:0;border-radius:0;align-items:flex-end;min-height:340px;margin:0;padding:100px 28px 28px;display:flex;overflow:visible}.profile-masthead:after{content:none}.profile-masthead:has(.profile-public-actions[open]){z-index:var(--z-overlay)}.profile-masthead>.profile-cover-art{border-radius:20px 20px 0 0}.profile-cover-art{background:var(--tf-surface-raised);height:100%;position:absolute;inset:0;overflow:hidden}.profile-masthead>.profile-cover-art:after{content:"";background:linear-gradient(0deg,var(--tf-surface),#0a0a0a99 60%,#0a0a0a33);position:absolute;inset:0}.profile-cover-pattern{width:100%;height:100%;color:var(--tf-border-subtle);display:block}.profile-cover-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-cover-edit{z-index:var(--z-overlay);background:var(--tf-surface);color:var(--tf-text);border-color:var(--tf-border-control);position:absolute;top:16px;right:16px}.profile-cover-preview{border-radius:var(--tf-radius-control);height:160px;margin-bottom:20px;position:relative;overflow:hidden}.profile-cover-preview .profile-cover-art{height:100%}.profile-cover-dialog input[type=file]{width:100%;min-height:44px;padding:8px}.profile-cover-dialog input::file-selector-button{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);min-height:36px;color:var(--tf-text);background:var(--tf-surface-raised);font:inherit;cursor:pointer;margin-right:8px;padding:4px 12px}.profile-cover-dialog .form-error{min-height:20px}.profile-reference .profile-compatibility{order:1;width:100%;margin:0 0 20px}.profile-reference .profile-compatibility:empty{display:none}.profile-compatibility .discovery-compatibility{width:100%}.profile-person{z-index:var(--z-content);align-items:flex-start;gap:20px;width:100%;position:relative}.profile-avatar-v3>.avatar.large{border:6px solid var(--panel);background:var(--tf-surface-raised);border-radius:50%;width:88px;height:88px;padding:0}.profile-avatar-v3>.avatar-fallback.large{font-size:32px}.profile-avatar-level{border-color:var(--line);background:var(--tf-surface-raised);color:var(--muted);font-size:var(--fs-caption)}.profile-identity-copy{flex:1;padding-top:8px}.profile-identity-copy h1{margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.2}.profile-header-team{font-size:var(--fs-body-sm);color:var(--tf-text);align-items:center;gap:8px;margin:12px 0;display:flex}.profile-header-team .ui-icon{flex:none}.profile-header-team a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.profile-presence{font-size:var(--fs-caption);color:var(--muted);margin:0 0 8px}.account-preferences-dialog{border-radius:var(--tf-radius-dialog);width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden}.account-preferences-dialog[open]{flex-direction:column;display:flex}.account-dialog-heading{border-bottom:1px solid var(--tf-border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.account-dialog-heading h2{margin:0;font-size:22px}.account-dialog-heading .icon-button{flex:none;min-width:44px;min-height:44px}.account-preferences-dialog>form{min-height:0;padding:24px;overflow-y:auto}.account-editor-fields{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.account-check-group{border:0;min-width:0;margin:0;padding:0}.account-check-group legend{margin-bottom:8px}.account-check-group .checks{flex-wrap:wrap;gap:8px 16px;display:flex}.account-check-group .check,.account-editor-fields>.check{align-items:center;gap:8px;min-height:44px;display:flex}.account-preferences-dialog .field{min-width:0}.account-preferences-dialog .form-error{color:var(--tf-error)}.profile-preference-actions .button{width:100%}.account-delete-dialog{border-radius:var(--tf-radius-dialog);width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px)}.settings-layout .settings-tabs{position:relative}.settings-layout .settings-section>form{margin-top:20px}.settings-layout .setting-row small{margin-top:8px;display:block}@media (max-width:479px){.account-dialog-heading,.account-preferences-dialog>form{padding:16px}.account-preferences-dialog .discovery-field-grid{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){body:has(.account-preferences-dialog[open],.account-delete-dialog[open]) .mobile-nav{display:none}}.profile-account-id,.profile-location{font-size:var(--fs-caption);color:var(--muted)}.profile-location{margin-top:8px;display:block}.profile-identity-tags{margin:16px 0;display:flex}.profile-primary-actions{gap:8px}.profile-primary-actions>.button{min-height:44px;font-size:var(--fs-body-sm);padding:10px 14px}.profile-summary-strip{background:0 0;border:0;border-radius:0;order:1;grid-template-columns:1.25fr 1.25fr 1fr 1fr .65fr;margin:0;padding:0 16px 20px}.profile-summary-strip>article{border:0;border-right:1px solid var(--line);background:0 0;padding:12px}.profile-reference .profile-summary-strip .profile-rank-card{display:grid}.profile-summary-strip .profile-rank-card{grid-template-columns:40px minmax(0,1fr);gap:4px 8px}.profile-summary-strip .profile-rank-emblem,.profile-summary-strip .profile-rank-emblem img{width:40px;height:44px}.profile-summary-strip .profile-rank-card h2{font-size:var(--fs-caption);grid-area:1/2}.profile-summary-strip .profile-rank-card>strong{font-size:var(--fs-caption);grid-area:2/2;font-weight:550}.profile-summary-strip .profile-rank-stars{font-size:var(--fs-caption);grid-area:3/2;margin:0}.profile-summary-strip .is-level{display:flex}.profile-summary-metric{gap:8px}.profile-summary-metric>strong{color:var(--ink);font-size:22px;font-weight:550}.profile-summary-metric.is-winrate>strong{color:var(--ink)}.profile-tabs-bar{border-bottom:1px solid var(--line);order:2;margin:0;padding:0}.profile-tabs{gap:24px}.profile-tabs button{font-size:var(--fs-body);min-height:48px;padding:12px 0;font-weight:500}.profile-tabs button[aria-selected=true]{border-color:var(--tf-primary)}.profile-tabs a[role=tab]{min-height:48px;color:var(--muted);font-size:var(--fs-body);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-weight:500;text-decoration:none;display:inline-flex}.profile-tabs a[role=tab][aria-selected=true]{border-color:var(--tf-primary);color:var(--ink)}.profile-tabs a[role=tab]>span{background:var(--tf-surface-raised);color:var(--ink);font-size:var(--fs-caption);border-radius:6px;padding:2px 5px}.player-action-dialog{border-radius:var(--tf-radius-dialog);width:min(100% - 32px,540px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.player-action-dialog form{gap:16px;display:grid}.profile-reference .profile-side-panel,.profile-reference .profile-about-panel,.profile-reference .profile-detailed-panel{font-size:var(--fs-body)}.profile-visibility-link{font-size:var(--fs-caption)}.profile-update-row{order:3;padding:12px 0}.profile-tab-panel{order:4}.profile-overview-columns{grid-template-columns:minmax(0,1fr) 260px;gap:24px;display:grid}.profile-main-column,.profile-side-column{flex-direction:column;gap:20px;display:flex}.profile-heroes-panel,.profile-side-panel,.profile-about-panel,.profile-battle-preview,.profile-detailed-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--tf-radius-card);padding:24px;display:block}.profile-section-title h2,.profile-side-panel h2,.profile-about-panel h2,.profile-battle-preview h2{font-size:18px;font-weight:550}.profile-section-title p,.profile-footnote{font-size:var(--fs-caption);color:var(--muted);line-height:1.5}.profile-section-title{margin-bottom:20px}.profile-text-button{color:var(--ink);font-size:var(--fs-caption);min-height:36px}.profile-hero-grid,.profile-hero-grid.is-detailed{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:12px;overflow:visible}.profile-hero-grid:not(.is-detailed)>.profile-hero-card:nth-child(n+5){display:block}.profile-hero-card{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);background:0 0}.profile-hero-trigger{width:100%;min-width:0;color:var(--tf-text);border-radius:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.profile-hero-trigger:hover{background:var(--tf-surface-raised)}.profile-hero-thumb{border-radius:var(--tf-radius-control);background:var(--tf-surface-raised);width:64px;height:80px;display:block;position:relative;overflow:hidden}.profile-hero-thumb>img{object-fit:cover;width:100%;height:100%;display:block}.profile-hero-copy{min-width:0;font-size:var(--fs-caption);color:var(--tf-text-secondary);flex-direction:column;gap:8px;display:flex}.profile-hero-copy>strong{font-size:var(--fs-body);color:var(--tf-text);overflow-wrap:anywhere;font-weight:550;line-height:1.3}.profile-hero-values{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.profile-hero-values>span:first-child{color:var(--tf-text)}.profile-hero-dialog{border-radius:var(--tf-radius-dialog);width:min(960px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden}.profile-hero-dialog[open]{flex-direction:column;display:flex}.profile-hero-dialog .account-dialog-heading .profile-footnote{margin:8px 0 0}.profile-hero-dialog-body{overscroll-behavior:contain;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);align-items:start;gap:24px;min-height:0;padding:24px;display:grid;overflow-y:auto}.profile-hero-dialog-body:not(:has(.profile-hero-full-art)){grid-template-columns:minmax(0,1fr)}.profile-hero-full-art{border-radius:var(--tf-radius-control);justify-content:center;align-items:flex-start;min-width:0;margin:0;display:flex;overflow:hidden}.profile-hero-full-art>img{object-fit:contain;border-radius:inherit;width:100%;max-width:100%;height:auto;max-height:520px;display:block}.profile-hero-detail-stats{min-width:0}.profile-hero-detail-stats>.profile-footnote:first-child{margin:0 0 16px}.profile-hero-dialog .profile-stat-key-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}.profile-hero-dialog .profile-stat-key-values dd{font-size:24px}.profile-hero-dialog .profile-stat-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-mobile-bio{display:none}.profile-about-panel>p{font-size:var(--fs-body);color:var(--muted);margin:16px 0;line-height:1.6}.profile-facts>div{font-size:var(--fs-body-sm);border-color:var(--line);padding-block:10px}.profile-filter-control{flex:none}.profile-filter-control>.button{min-height:44px}.profile-stat-dialog{border-radius:var(--tf-radius-dialog);background:var(--tf-surface);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);margin:0;padding:0;position:fixed;inset:auto;overflow:auto}.profile-stat-dialog::backdrop{background:0 0}.profile-stat-dialog .account-dialog-heading{padding:16px 20px}.profile-stat-dialog .account-dialog-heading h2{font-size:18px}.profile-stat-dialog .profile-stat-filters{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:16px;margin:0;padding:20px;display:flex}.profile-stat-dialog .profile-stat-filters .field{min-width:0}.profile-stat-dialog .profile-stat-filters select,.profile-stat-dialog .profile-stat-filters .button{min-height:44px;font-size:var(--fs-body-sm)}.profile-stat-dialog .form-footer{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:8px 0 0;display:flex}.profile-stat-key-values{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:24px 0 28px;display:grid}.profile-stat-key-values>div{min-width:0}.profile-stat-key-values dt{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);margin-bottom:8px}.profile-stat-key-values dd{color:var(--tf-text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:550}.profile-stat-groups{border-top:1px solid var(--tf-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:20px;display:grid}.profile-stat-group h3{font-size:var(--fs-body);margin:0 0 12px;font-weight:550}.profile-stat-group dl{margin:0}.profile-stat-group dl>div{border-bottom:1px solid var(--tf-border);font-size:var(--fs-body-sm);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.profile-stat-group dt{color:var(--tf-text-secondary)}.profile-stat-group dd{color:var(--tf-text);font-variant-numeric:tabular-nums;margin:0}.profile-metric,.profile-battle-metric{background:var(--tf-bg);border-color:var(--line);border-radius:16px}.profile-metric strong{font-weight:550}.player-rank-stars{color:var(--tf-warning);font-size:var(--fs-caption);align-items:center;gap:4px;margin-top:4px;display:flex}.player-rank-stars .rank-star-icon{width:14px;height:14px}@media (max-width:1079px){.profile-summary-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-summary-strip>article{grid-column:span 2}.profile-summary-strip .profile-rank-card{grid-column:span 3;padding-bottom:20px}.profile-overview-columns{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:767px){.profile-header{margin-bottom:20px}.profile-masthead{min-height:360px;margin:0;padding:80px 20px 24px}.profile-cover-edit{top:12px;right:12px}.profile-person{display:block}.profile-avatar-v3{width:80px}.profile-avatar-v3>.avatar.large{width:80px;height:80px}.profile-identity-copy{padding:16px 0 0}.profile-identity-copy h1{font-size:28px}.profile-primary-actions{margin-top:16px}.profile-summary-strip{border:0;border-radius:0;gap:8px;margin:0;padding:0 12px 16px}.profile-reference:not([data-active-tab=overview]) .profile-summary-strip{display:grid}.profile-summary-strip>article{background:0 0;border:0;min-height:0;padding:12px 6px}.profile-summary-strip .profile-rank-card{grid-template-columns:36px minmax(0,1fr);gap:4px;padding:12px 6px}.profile-summary-strip .profile-rank-emblem,.profile-summary-strip .profile-rank-emblem img{width:36px;height:42px}.profile-summary-metric{text-align:left;border-top:1px solid var(--line);flex-direction:column;align-items:start}.profile-summary-metric>span{min-height:32px;font-size:var(--fs-caption)}.profile-summary-metric>strong{font-size:20px}.profile-tabs-bar{order:2;display:block}.profile-tabs{gap:20px}.profile-tabs button{font-size:var(--fs-body);flex:1}.profile-tabs a[role=tab]{flex:1}.profile-visibility-link{min-height:32px;margin:8px 0;display:inline-flex}.profile-overview-columns{flex-direction:column;display:flex}.profile-main-column,.profile-side-column{display:contents}.profile-play-panel{order:0}.profile-about-panel{order:1}.profile-heroes-panel{order:2}.profile-team-panel{order:3}.profile-heroes-panel,.profile-side-panel,.profile-about-panel,.profile-battle-preview,.profile-detailed-panel{padding:20px}.profile-hero-grid,.profile-hero-grid.is-detailed{grid-template-columns:minmax(0,1fr);gap:12px}.profile-hero-dialog .account-dialog-heading,.profile-hero-dialog-body{padding:20px}.profile-hero-dialog-body{grid-template-columns:minmax(0,1fr);gap:20px}.profile-hero-full-art{justify-self:center;max-width:100%}.profile-hero-full-art>img{width:auto;max-height:220px}.profile-hero-dialog .profile-stat-key-values{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero-dialog .profile-stat-groups{grid-template-columns:minmax(0,1fr)}.profile-section-title{flex-wrap:wrap;gap:8px}.profile-section-title h2{font-size:18px}.profile-stat-dialog{width:100%;max-width:none;max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;inset:auto 0 0}.profile-stat-dialog::backdrop{background:#0009}.profile-stat-key-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.profile-stat-key-values dd{font-size:24px}.profile-stat-groups{grid-template-columns:minmax(0,1fr);gap:24px}.profile-sync-caption>div>span{display:block}}
.account-preferences-dialog select{text-overflow:ellipsis;width:100%;min-width:0}.account-preferences-dialog>p,.account-preferences-dialog>div[role=alert]{padding:24px}.account-language-options .checks{overscroll-behavior:contain;max-height:240px;padding:4px;overflow-y:auto}.account-language-options .check{flex:180px}.account-check-group .check span{overflow-wrap:anywhere}.account-preference-section{gap:16px;min-width:0;display:grid}.account-preference-section[hidden]{display:none}.account-preference-section>.check{align-items:center;gap:8px;min-height:44px;display:flex}.account-language-picker{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);min-width:0;padding:12px}.account-language-picker summary{cursor:pointer;overflow-wrap:anywhere;min-height:44px}.account-language-picker summary>span{margin-left:8px}.account-language-picker[open] summary{margin-bottom:16px}.account-language-picker summary:focus-visible{outline:2px solid var(--tf-focus);outline-offset:4px}.account-goal-options .checks{gap:8px}.account-goal-options .check{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);cursor:pointer;min-height:44px;padding:8px 12px}.account-goal-options .check:has(input:checked){background:var(--tf-surface-selected);border-color:var(--tf-text)}.account-goal-options .check:has(input:focus-visible){outline:2px solid var(--tf-focus);outline-offset:2px}.account-onboarding-progress progress{width:100%;accent-color:var(--tf-text)}.account-onboarding-progress h3{margin:16px 0}.account-onboarding-dialog .form-footer{background:var(--tf-surface);padding:16px 0;position:sticky;bottom:-24px}.account-onboarding-escape{border-top:1px solid var(--tf-border);flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;padding:12px 24px;display:flex}.account-onboarding-escape a,.account-onboarding-escape button{align-items:center;min-height:44px;display:inline-flex}.account-onboarding-escape button{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);color:var(--tf-text);background:0 0;padding:0 12px}.account-onboarding-escape p{width:100%;margin:0}@media (max-width:479px){.account-onboarding-dialog .form-footer{flex-wrap:wrap;bottom:-16px}.account-onboarding-escape{gap:0 12px;padding:8px 16px}}
.design-shell[data-page=lobbies] .lobby-toolbar{border-radius:var(--tf-radius-card);gap:16px;margin-bottom:24px;padding:20px;display:flex}.lobby-toolbar .field{min-width:0}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.room-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--tf-radius-card);flex-direction:column;gap:16px;padding:24px;display:flex}.room-card h2{font:600 22px/1.3 var(--tf-font);margin:0}.room-card .room-description{min-height:42px;color:var(--muted);font-size:var(--fs-body);margin:0;line-height:1.5}.room-head{gap:8px}.room-icon{background:var(--tf-surface-raised);border-color:var(--line);border-radius:var(--tf-radius-control);width:40px;height:40px;color:var(--ink)}.room-details{border-color:var(--line);font-size:var(--fs-body-sm);margin-top:auto;padding-top:16px}.room-time{color:var(--muted);font-size:var(--fs-caption);margin:0}.room-actions{gap:8px;margin:0;display:flex}.room-actions .button{min-height:44px;font-size:var(--fs-body-sm)}.design-shell[data-page=lobbies] .lobby-detail{background:0 0;border:0;padding:0}.design-shell[data-page=lobbies] .lobby-arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.design-shell[data-page=lobbies] .lobby-arena>[data-lobby-team=right]{grid-area:1/2}.design-shell[data-page=lobbies] .lobby-team{padding:20px}.design-shell[data-page=lobbies] .lobby-team header{border-bottom:1px solid var(--line);padding:0 0 16px}.design-shell[data-page=lobbies] .lobby-team h2,.design-shell[data-page=lobbies] .lobby-chat h2{font:550 20px/1.4 var(--tf-font)}.design-shell[data-page=lobbies] .lobby-team ol{gap:0;margin:0 0 16px}.design-shell[data-page=lobbies] .lobby-slot{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;height:auto;min-height:76px;padding:12px 0}.design-shell[data-page=lobbies] .lobby-slot:last-child{border-bottom:0}.design-shell[data-page=lobbies] .lobby-person b{font-size:var(--fs-body);font-weight:550}.design-shell[data-page=lobbies] .lobby-person small{font-size:var(--fs-caption);color:var(--muted)}.design-shell[data-page=lobbies] .lobby-avatar-empty{border-color:var(--tf-border-control);background:0 0}.design-shell[data-page=lobbies] .lobby-role-icon{background:0 0}.design-shell[data-page=lobbies] .lobby-slot-join{border-radius:var(--tf-radius-control);min-height:44px}.design-shell[data-page=lobbies] .lobby-chat{grid-area:2/1/auto/-1;min-height:400px;padding:24px}.design-shell[data-page=lobbies] .lobby-chat>header{border-bottom:1px solid var(--line);padding-bottom:16px}.design-shell[data-page=lobbies] .lobby-chat-jump{display:inline-flex}.design-shell[data-page=lobbies] .lobby-messages{min-height:120px;max-height:420px;padding:8px 0}.design-shell[data-page=lobbies] .lobby-message{background:var(--tf-surface-raised);border:1px solid var(--line);border-radius:16px;max-width:85%;padding:14px 16px}.design-shell[data-page=lobbies] .lobby-message.own{background:var(--tf-surface-selected);border-color:var(--tf-border-control)}.design-shell[data-page=lobbies] .lobby-message p{font-size:var(--fs-body)}.design-shell[data-page=lobbies] .lobby-composer{border-color:var(--line);gap:12px;padding-top:16px}.design-shell[data-page=lobbies] .lobby-composer textarea{font-size:var(--fs-body);border-radius:var(--tf-radius-control);background:var(--bg)}.lobby-admin-controls,.tournament-room{background:var(--panel);border-color:var(--line);border-radius:16px}@media (min-width:1080px){.design-shell[data-page=lobbies] .lobby-slot{grid-template-columns:28px 40px minmax(0,1fr) 80px}.design-shell[data-page=lobbies] .lobby-slot-join{grid-area:1/4;padding-inline:10px}}@media (max-width:1079px){.design-shell[data-page=lobbies] .lobby-arena{grid-template-columns:1fr}.design-shell[data-page=lobbies] .lobby-arena>[data-lobby-team=right]{grid-area:2/1}.design-shell[data-page=lobbies] .lobby-chat{grid-area:3/1}.room-grid{grid-template-columns:1fr}}@media (max-width:767px){.design-shell[data-page=lobbies] .lobby-toolbar{flex-wrap:wrap;gap:12px;padding:16px}.lobby-toolbar .field{flex:100px}.lobby-toolbar>.button{width:100%}.room-grid{grid-template-columns:1fr;gap:16px}.room-card{padding:20px}.room-actions{flex-wrap:wrap}.room-actions .button{flex:130px}.design-shell[data-page=lobbies] .lobby-arena{grid-template-columns:1fr;gap:16px}.design-shell[data-page=lobbies] .lobby-arena>[data-lobby-team=right]{grid-area:2/1}.design-shell[data-page=lobbies] .lobby-chat{grid-area:3/1;padding:20px}.design-shell[data-page=lobbies] .lobby-team{padding:16px}.design-shell[data-page=lobbies] .lobby-composer{grid-template-columns:1fr;display:grid}.design-shell[data-page=lobbies] .lobby-message{max-width:95%}}.room-actions .button.primary:disabled{opacity:.6;cursor:not-allowed}.lobby-form-dialog{width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--tf-radius-dialog);padding:24px;overflow:auto}.lobby-form-dialog::backdrop{background:color-mix(in srgb,var(--bg) 75%,transparent)}.lobby-form-dialog .field{gap:8px;margin-block:16px;display:grid}.lobby-form-dialog .form-footer{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.lobby-form-dialog h2{font-size:22px}.design-shell[data-page=lobbies] .lobby-person{min-width:0}.design-shell[data-page=lobbies] .lobby-person b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@media (min-width:768px){dialog.matchmaking-dialog .matchmaking-roster{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:12px;margin:16px 0 12px}dialog.matchmaking-dialog .matchmaking-versus{padding-top:40px;display:flex}dialog.matchmaking-dialog .matchmaking-team{padding:12px}dialog.matchmaking-dialog .matchmaking-team ol{gap:0}dialog.matchmaking-dialog .matchmaking-slot{height:52px;min-height:52px;padding-block:6px}dialog.matchmaking-dialog .matchmaking-actions{margin-top:8px;padding-top:12px}dialog.matchmaking-dialog .matchmaking-actions .button{min-height:44px}dialog.matchmaking-dialog .matchmaking-team-heading{min-height:28px;margin-bottom:6px;padding-bottom:8px}}@media (min-width:768px) and (max-height:720px){dialog.matchmaking-dialog .matchmaking-slot{height:44px;min-height:44px}dialog.matchmaking-dialog .matchmaking-summary p{font-size:var(--fs-caption);margin:4px 0}dialog.matchmaking-dialog .matchmaking-progress-heading{margin-top:8px}dialog.matchmaking-dialog .matchmaking-roster{margin-block:10px}dialog.matchmaking-dialog .matchmaking-lease{margin-top:6px}dialog.matchmaking-dialog .matchmaking-dialog-heading{padding-top:12px}dialog.matchmaking-dialog [data-matchmaking-content]{padding-bottom:12px}}
.matchmaking-page{border-radius:var(--tf-radius-card);width:100%;max-width:1000px;margin:0;padding:28px}.matchmaking-page>header{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-summary h2{font-size:22px;font-weight:550}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-summary p{font-size:var(--fs-body);color:var(--muted);line-height:1.6}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-versus{display:none}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-heading{border-bottom:1px solid var(--line);padding-bottom:12px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team-heading h3{font-size:17px;font-weight:550}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team ol{gap:0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;height:auto;min-height:64px;padding:10px 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot:last-child{border-bottom:0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot.self{background:var(--tf-surface-raised);border-radius:10px;padding-inline:8px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot.vacant{background:0 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-avatar-empty{border-color:var(--tf-border-control);background:0 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-role-icon{background:0 0}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress{gap:8px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress>span{background:var(--tf-border)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-progress>span.is-filled{background:var(--tf-primary)}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-deadline{border-color:var(--tf-border-control);color:var(--ink);background:var(--tf-surface-raised);padding:14px 16px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions .button{font-size:var(--fs-body);min-height:48px}dialog.matchmaking-dialog:not(.navigation-dialog){border-color:var(--tf-border-control);background:var(--panel)}.matchmaking-dialog-heading{padding:24px 24px 0}.matchmaking-dialog [data-matchmaking-content]{padding:0 24px 24px}.matchmaking-search-form{margin-top:24px}.matchmaking-search-form fieldset{border:0;min-width:0;padding:0}.matchmaking-search-form legend{font-size:var(--fs-body);margin-bottom:8px;font-weight:550}.matchmaking-lane-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px 24px;display:grid}.matchmaking-lane-fields select{width:100%;min-width:0;min-height:48px}.matchmaking-assessment p{overflow-wrap:anywhere;margin-block:8px}@media (min-width:768px) and (max-height:660px){dialog.matchmaking-dialog .matchmaking-summary p{line-height:1.4}}@media (max-width:767px){.matchmaking-lane-fields{grid-template-columns:1fr}.matchmaking-page{padding:20px}.matchmaking-title-row h1{font-size:24px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-roster{grid-template-columns:1fr;gap:16px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-team{padding:12px}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-actions{flex-direction:column;margin-top:16px;padding-top:16px}.matchmaking-dialog .matchmaking-actions{z-index:var(--z-overlay);background:var(--panel);padding-block:12px;position:sticky;bottom:0}.matchmaking-dialog-heading{padding:20px 16px 0}.matchmaking-dialog [data-matchmaking-content]{padding:0 16px 16px}}
:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-slot-note{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:4px;line-height:1.3;display:block}:is(.matchmaking-dialog,.matchmaking-page) .matchmaking-vacancy{white-space:nowrap;color:var(--tf-text-secondary);font-size:var(--fs-body-sm);align-items:baseline;display:inline-flex}.matchmaking-search-dots{width:16px;margin-left:2px;display:inline-flex}.matchmaking-search-dots span{opacity:.25;animation:2.4s ease-in-out infinite queue-search-text}.matchmaking-search-dots span:nth-child(2){animation-delay:.2s}.matchmaking-search-dots span:nth-child(3){animation-delay:.4s}@keyframes queue-search-text{0%,75%,to{opacity:.25}35%{opacity:1}}@media (prefers-reduced-motion:reduce){.matchmaking-search-dots span{opacity:1;animation:none}}dialog.matchmaking-dialog[open]:not(.navigation-dialog){inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}dialog.matchmaking-dialog .matchmaking-dialog-heading{flex:none;padding:24px 24px 0}dialog.matchmaking-dialog .matchmaking-title-row{min-height:36px;margin-bottom:16px}dialog.matchmaking-dialog .matchmaking-title-row h1{font-size:26px;font-weight:600}dialog.matchmaking-dialog .matchmaking-format{letter-spacing:0}dialog.matchmaking-dialog [data-matchmaking-content]{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 24px 8px;overflow:auto}dialog.matchmaking-dialog .matchmaking-summary p{font-size:var(--fs-body);margin:0 0 8px;line-height:1.5}dialog.matchmaking-dialog .matchmaking-summary p[role=status]{color:var(--tf-text)}dialog.matchmaking-dialog .matchmaking-search-details{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);margin-top:12px}dialog.matchmaking-dialog .matchmaking-search-details summary{cursor:pointer;align-content:center;min-height:44px;display:list-item}dialog.matchmaking-dialog .matchmaking-progress-heading{margin-top:12px}dialog.matchmaking-dialog .matchmaking-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 8px}dialog.matchmaking-dialog .matchmaking-team{background:0 0;border:0;border-radius:0;padding:0}dialog.matchmaking-dialog .matchmaking-team-heading{border:0;min-height:36px;margin:0 0 8px;padding:0 4px}dialog.matchmaking-dialog .matchmaking-team-heading h3{font-size:var(--fs-body-lg)}dialog.matchmaking-dialog .matchmaking-team ol{gap:4px}dialog.matchmaking-dialog .matchmaking-slot{border-radius:var(--tf-radius-control);background:var(--tf-bg);border:0;grid-template-columns:28px 40px minmax(0,1fr);gap:12px;height:64px;min-height:64px;padding:8px 12px}dialog.matchmaking-dialog .matchmaking-slot.self{border-radius:var(--tf-radius-control);background:var(--tf-surface-raised);border:0;padding:8px 12px}dialog.matchmaking-dialog .matchmaking-slot.vacant{background:0 0}dialog.matchmaking-dialog .matchmaking-slot .avatar,dialog.matchmaking-dialog .matchmaking-avatar-empty{border-radius:var(--tf-radius-control);width:40px;height:40px}dialog.matchmaking-dialog .matchmaking-avatar-empty{border:1px dashed var(--tf-border);background:0 0}dialog.matchmaking-dialog .matchmaking-role-icon{width:28px;height:28px}dialog.matchmaking-dialog .matchmaking-role-icon img{width:26px;height:26px}dialog.matchmaking-dialog .matchmaking-self{background:var(--tf-border);color:var(--tf-text);border-radius:6px;padding:2px 6px}.matchmaking-dialog-footer{background:var(--tf-bg);flex:none;align-items:center;gap:24px;padding:16px 24px;display:flex}.matchmaking-footer-status{overflow-wrap:anywhere;min-width:0;max-height:28dvh;overflow:auto}.matchmaking-footer-status .form-error{font-size:var(--fs-body-sm);margin:0 0 8px}.matchmaking-dialog-footer .matchmaking-lease{max-width:420px;font-size:var(--fs-caption);margin:0}.matchmaking-dialog-footer .button{flex:none;min-height:48px;margin-left:auto}@media (min-width:768px) and (max-height:720px){dialog.matchmaking-dialog .matchmaking-dialog-heading{padding-top:12px}dialog.matchmaking-dialog .matchmaking-title-row{min-height:32px;margin-bottom:8px}dialog.matchmaking-dialog .matchmaking-title-row h1{font-size:24px}dialog.matchmaking-dialog .matchmaking-summary p{font-size:var(--fs-body-sm);margin:0 0 4px;line-height:1.4}dialog.matchmaking-dialog .matchmaking-search-details{margin-top:4px}dialog.matchmaking-dialog .matchmaking-progress-heading{margin-top:8px}dialog.matchmaking-dialog .matchmaking-roster{margin:12px 0 8px}dialog.matchmaking-dialog .matchmaking-team-heading{min-height:28px;margin-bottom:6px}dialog.matchmaking-dialog .matchmaking-slot,dialog.matchmaking-dialog .matchmaking-slot.self{grid-template-columns:28px 32px minmax(0,1fr);height:44px;min-height:44px;padding-block:6px}dialog.matchmaking-dialog .matchmaking-slot .avatar,dialog.matchmaking-dialog .matchmaking-avatar-empty{width:32px;height:32px}dialog.matchmaking-dialog .matchmaking-slot-note{margin-top:2px}.matchmaking-dialog-footer{padding-block:8px}}@media (max-width:767px){dialog.matchmaking-dialog[open]:not(.navigation-dialog){width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:var(--tf-radius-dialog)}dialog.matchmaking-dialog .matchmaking-dialog-heading{padding:20px 16px 0}dialog.matchmaking-dialog .matchmaking-title-row{gap:8px}dialog.matchmaking-dialog .matchmaking-title-row h1{font-size:22px}dialog.matchmaking-dialog [data-matchmaking-content]{padding:0 16px 8px}dialog.matchmaking-dialog .matchmaking-roster{grid-template-columns:1fr;gap:20px}dialog.matchmaking-dialog .matchmaking-slot{grid-template-columns:26px 36px minmax(0,1fr);gap:8px;height:60px;min-height:60px;padding-inline:8px}dialog.matchmaking-dialog .matchmaking-slot.self{padding-inline:8px}dialog.matchmaking-dialog .matchmaking-slot .avatar,dialog.matchmaking-dialog .matchmaking-avatar-empty{width:36px;height:36px}.matchmaking-dialog-footer{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px;display:flex}.matchmaking-dialog-footer .button{width:100%;margin:0}}@media (max-height:500px){dialog.matchmaking-dialog .matchmaking-dialog-heading{padding-top:12px}dialog.matchmaking-dialog .matchmaking-title-row{margin-bottom:8px}.matchmaking-dialog-footer{gap:8px;padding-block:8px}}
.practice-workspace{gap:24px;width:100%;max-width:1100px;display:grid}.practice-heading,.practice-card-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.practice-heading h1{margin-bottom:12px}.practice-heading p{max-width:700px;line-height:1.6}.practice-list{gap:16px;display:grid}.practice-card,.practice-editor{border-radius:var(--tf-radius-card);overflow-wrap:anywhere;min-width:0;padding:24px}.practice-card p,.practice-note{margin-block:12px;line-height:1.6}.practice-card h2,.practice-card h3{margin-bottom:12px}.practice-card .button,.practice-editor .button{min-height:44px;margin-top:12px}.practice-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.practice-actions .button{margin-top:0}.practice-fields,.practice-lineups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.practice-editor fieldset,.practice-roster-picker{border:0;min-width:0;margin-block:20px;padding:0}.practice-roster-picker legend{margin-bottom:8px;font-weight:550}.practice-roster-picker>label{align-items:center;gap:12px;min-height:44px;display:flex}.practice-roster-picker input{flex:none;width:20px;height:20px}.practice-fields input,.practice-fields select,.practice-card input{width:100%;min-width:0;min-height:48px}.practice-card details,.practice-card summary{margin-block:12px}.practice-card summary{cursor:pointer;min-height:44px;padding-block:12px}.practice-member{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:12px;display:flex}.practice-notices{padding:0;list-style:none}.practice-notices li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.practice-notices small{color:var(--muted);margin-top:8px;display:block}@media (max-width:767px){.practice-heading,.practice-card-top{flex-direction:column;gap:16px}.practice-fields,.practice-lineups{grid-template-columns:1fr}.practice-card,.practice-editor{padding:20px}.practice-heading h1{font-size:28px}.practice-actions .button{white-space:normal;max-width:100%}}
.design-shell:is([data-page=teams],[data-page=myTeam]) .page-intro{background:0 0}.design-shell:is([data-page=teams],[data-page=myTeam]) .page-intro>div{min-width:0}.design-shell:is([data-page=teams],[data-page=myTeam]) .page-intro h1{overflow-wrap:anywhere}.teams-catalog{min-width:0}.teams-catalog .team-filters{grid-template-columns:minmax(0,1fr) auto;gap:20px;margin:0 0 24px;padding:24px;display:grid}.team-filter-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}.teams-catalog .team-filters .field{min-width:0}.team-filter-actions{grid-area:1/2;align-self:end;gap:8px;display:flex}.teams-catalog .lane-picker{border:0;grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.teams-catalog .lane-picker legend{color:var(--muted);font-size:var(--fs-body-sm);margin-bottom:10px;padding:0}.teams-catalog .lane-picker label{cursor:pointer;min-width:0;position:relative}.teams-catalog .lane-picker input{opacity:0;width:1px;height:1px;position:absolute}.teams-catalog .lane-choice{border:1px solid var(--line);border-radius:var(--tf-radius-control);background:var(--bg);min-height:44px;color:var(--muted);font-size:var(--fs-body-sm);justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.teams-catalog .lane-choice>img,.teams-catalog .lane-choice>.ui-icon{width:22px;height:22px}.teams-catalog .lane-picker input:checked+.lane-choice{color:var(--tf-on-primary);background:var(--tf-primary);box-shadow:none;border-color:#0000}.teams-catalog .lane-picker input:focus-visible+.lane-choice{outline:2px solid var(--tf-focus);outline-offset:3px}.teams-catalog .team-catalog-toolbar{background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;padding:0;display:flex}.team-catalog-toolbar>div{gap:4px;display:grid}.team-catalog-toolbar b{font-size:var(--fs-body);font-weight:550}.team-catalog-toolbar small{color:var(--muted);font-size:var(--fs-caption)}.team-catalog-toolbar .team-sort{flex:0 215px;min-width:0}.team-catalog-toolbar .team-sort select{min-height:44px;font-size:var(--fs-body-sm);padding:10px 40px 10px 12px}.teams-catalog .teams-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.teams-results:empty{display:none}.design-shell .team-card-v9{flex-direction:column;min-width:0;display:flex;overflow:hidden}.design-shell .team-card-v9 .team-cover{background:0 0;align-items:center;gap:16px;min-height:0;padding:24px 24px 0}.design-shell .team-card-v9 .team-emblem{border:1px solid var(--line);background:var(--tf-surface-raised);width:72px;height:72px;color:var(--ink);font:650 var(--fs-body)/1.2 var(--tf-font);overflow-wrap:anywhere;text-align:center;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:4px;display:flex}.design-shell .team-card-v9 .team-identity{flex-direction:column;gap:8px;min-width:0;display:flex}.design-shell .team-card-v9 .team-identity>small{color:var(--muted);font-size:var(--fs-caption);overflow-wrap:anywhere;line-height:1.4}.design-shell .team-card-v9 .team-cover :is(h2,h3){letter-spacing:-.5px;overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:600;line-height:1.2}.design-shell .team-card-v9 .team-cover :is(h2,h3)>a{align-items:center;min-height:44px;display:flex}.design-shell .team-card-v9 .card-content{flex-direction:column;flex:1;gap:20px;padding:20px 24px 24px;display:flex}.design-shell .team-card-v9 .team-card-description{min-height:0;color:var(--muted);font-size:var(--fs-body);overflow-wrap:anywhere;flex:1;margin:0;line-height:1.6}.design-shell .team-card-v9 .team-seats{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.design-shell .team-card-v9 .team-roster-count{align-items:center;gap:12px;display:flex}.design-shell .team-card-v9 .team-roster-count>.ui-icon{width:24px;height:24px;color:var(--muted)}.design-shell .team-card-v9 .team-roster-count>div{gap:4px;display:grid}.design-shell .team-card-v9 .team-roster-count small,.design-shell .team-card-v9 .team-card-lanes>small{color:var(--muted);font-size:var(--fs-caption);line-height:1.4}.design-shell .team-card-v9 .team-seats b{font-variant-numeric:tabular-nums;letter-spacing:-.3px;font-size:20px;font-weight:550;line-height:1.15;display:block}.design-shell .team-card-v9 .team-seats>.tag{white-space:normal;max-width:100%;font-size:var(--fs-caption)}.design-shell .team-card-v9 .team-card-lanes{gap:8px;display:grid}.design-shell .team-card-v9 .tags{gap:8px;margin:0}.design-shell .team-card-v9 .tags>.tag{white-space:normal;overflow-wrap:anywhere;max-width:100%}.design-shell .team-card-v9 .team-card-action{min-height:48px;font-size:var(--fs-body-sm);justify-content:space-between;gap:12px;margin-top:auto}.design-shell .team-card-v9 .team-card-action>span{min-width:0;margin:0}.design-shell .team-card-v9 .team-card-action>.ui-icon{flex:none}.design-shell .home-team-grid .team-cover{gap:12px}.design-shell .home-team-grid .team-emblem{width:60px;height:60px;font-size:var(--fs-caption);border-radius:16px}.design-shell .home-team-grid .team-cover h3{font-size:21px}.team-profile-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.team-profile-main{min-width:0}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-section{min-width:0;margin:0 0 24px;padding:28px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-section>h2{margin:0 0 20px;font-size:20px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary{gap:24px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary>div:first-child{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px 16px;display:grid}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary h2{grid-column:2;align-self:end;margin:0;font-size:26px;line-height:1.25}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary .muted{grid-column:2;align-self:start;margin:0}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-tag{border:1px solid var(--line);background:var(--tf-surface-raised);width:64px;height:64px;font:600 var(--fs-caption)/1.25 var(--tf-font);overflow-wrap:anywhere;text-align:center;border-radius:16px;grid-area:1/1/3;justify-content:center;align-items:center;margin:0;padding:6px;display:flex}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-capacity{gap:4px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-capacity strong{font-variant-numeric:tabular-nums;color:var(--ink);font-size:28px;font-weight:600}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-capacity span{font-size:var(--fs-caption)}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-description{color:var(--muted);font-size:var(--fs-body);margin:24px 0 20px;line-height:1.65}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-overview .tags{gap:8px;margin:0}.design-shell:is([data-page=teams],[data-page=myTeam]) .member-row{gap:12px;min-width:0;padding:18px 0}.design-shell:is([data-page=teams],[data-page=myTeam]) .member-row:first-child{padding-top:0}.design-shell:is([data-page=teams],[data-page=myTeam]) .member-row:last-child{border-bottom:0}.design-shell:is([data-page=teams],[data-page=myTeam]) .member-row .avatar{flex:none;width:44px;height:44px}.design-shell:is([data-page=teams],[data-page=myTeam]) .member-row .avatar-fallback{background:var(--tf-surface-raised);border:1px solid var(--line);font-weight:550}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-person{font-size:var(--fs-body);line-height:1.4}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-roster-section>.muted{border-top:1px solid var(--line);font-size:var(--fs-body-sm);padding-top:18px}.team-profile-layout .team-join-panel{min-width:0;padding:24px;position:sticky;top:96px}.team-join-panel .button-row{flex-direction:column;align-items:stretch;gap:12px;margin:0;display:flex}.team-join-panel .button-row>.tag{white-space:normal;align-self:start;max-width:100%}.team-join-panel .muted{font-size:var(--fs-body)}.design-shell[data-page=myTeam] .team-start{padding:32px}.team-start .empty{background:0 0;border:0;padding:16px 0 24px}.team-start .empty>span{display:none}.team-start .empty h3{margin:0 0 12px;font-size:24px}.team-start .empty p{max-width:480px;margin-inline:auto}.team-start .team-empty-actions{gap:12px;margin:0}.design-shell[data-page=myTeam] .my-team-tabs{border-bottom:1px solid var(--line);background:0 0;flex-wrap:wrap;gap:20px;margin:8px 0 24px;padding:0;display:flex}.design-shell[data-page=myTeam] .my-team-tabs .button{min-height:48px;color:var(--muted);box-shadow:none;font-size:var(--fs-body);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0}.design-shell[data-page=myTeam] .my-team-tabs [aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.my-team-tabs .button>span{background:var(--tf-surface-raised);min-width:22px;color:var(--ink);font-size:var(--fs-caption);border-radius:6px;justify-content:center;align-items:center;margin:0;padding:1px 5px;display:inline-flex}.my-team-content{min-width:0}.design-shell[data-page=myTeam] .team-member-actions{gap:8px}.design-shell[data-page=myTeam] .team-personal-columns,.design-shell[data-page=myTeam] .team-management-grid{gap:20px}.design-shell[data-page=myTeam] .team-request-row{padding:20px 0}.design-shell[data-page=myTeam] .team-request-row:last-child{padding-bottom:0}.design-shell[data-page=myTeam] .team-request-row .muted{font-size:var(--fs-body-sm)}.design-shell[data-page=myTeam] .team-management-grid p{color:var(--muted);font-size:var(--fs-body);line-height:1.6}.design-shell[data-page=myTeam] .team-management-grid .team-danger-zone{border-color:var(--tf-border)}.design-shell[data-page=myTeam] .team-danger-zone h2{color:var(--tf-error)}.design-shell[data-page=myTeam] [data-my-team-status]:empty{display:none}.design-shell.compact .team-card-v9 .team-cover{padding:20px 20px 0}.design-shell.compact .team-card-v9 .card-content{gap:16px;padding:18px 20px 20px}.design-shell.compact:is([data-page=teams],[data-page=myTeam]) .team-section{padding:20px}@media (max-width:1079px){.teams-catalog .team-filters{grid-template-columns:1fr}.team-filter-actions{grid-area:auto/1;justify-content:flex-end}.team-profile-layout{grid-template-columns:minmax(0,1fr);gap:0}.team-profile-layout .team-join-panel{margin-bottom:24px;position:static}.team-join-panel .button-row{flex-flow:wrap;align-items:center}.design-shell[data-page=myTeam] .team-roster .team-member-actions{flex-basis:100%;margin-left:56px}}@media (min-width:768px) and (max-width:1079px){.teams-catalog .teams-results,.design-shell[data-page=myTeam] .team-personal-columns,.design-shell[data-page=myTeam] .team-management-grid{grid-template-columns:1fr}.design-shell[data-page=myTeam] .team-management-grid .team-danger-zone{grid-column:auto}}@media (max-width:767px){.design-shell:is([data-page=teams],[data-page=myTeam]) .page-intro{align-items:flex-start;gap:16px}.design-shell:is([data-page=teams],[data-page=myTeam]) .page-intro>.button{align-self:flex-start}.teams-catalog .team-filters{gap:16px;margin-bottom:20px;padding:18px}.team-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-filter-actions{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.team-filter-actions .button{font-size:var(--fs-body-sm);padding-inline:12px}.teams-catalog .lane-picker{gap:4px}.teams-catalog .lane-choice{font-size:var(--fs-caption);gap:4px;padding:7px 3px}.teams-catalog .lane-choice>img{width:22px;height:22px}.teams-catalog .lane-choice>.ui-icon{display:none}.teams-catalog .team-catalog-toolbar{align-items:flex-start;gap:12px}.team-catalog-toolbar .team-sort{flex:100%}.teams-catalog .teams-results{grid-template-columns:1fr;gap:16px}.design-shell .team-card-v9 .team-cover{gap:12px;padding:20px 20px 0}.design-shell .team-card-v9 .team-emblem{width:64px;height:64px;font-size:var(--fs-caption);border-radius:16px}.design-shell .team-card-v9 .team-cover :is(h2,h3){font-size:22px}.design-shell .team-card-v9 .card-content{gap:16px;padding:18px 20px 20px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-section{margin-bottom:20px;padding:20px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary>div:first-child{grid-template-columns:52px minmax(0,1fr);column-gap:12px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-tag{width:52px;height:52px;font-size:var(--fs-caption);border-radius:var(--tf-radius-control);padding:4px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary h2{font-size:22px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary .muted{font-size:var(--fs-body-sm)}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-capacity strong{font-size:24px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-capacity span{white-space:nowrap;max-width:none;font-size:var(--fs-caption)}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-description{font-size:var(--fs-body);margin:20px 0 16px}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-person{font-size:var(--fs-body)}.team-profile-layout .team-join-panel{margin-bottom:20px;padding:20px}.team-join-panel .button-row{flex-direction:column;align-items:stretch}.design-shell[data-page=myTeam] .my-team-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:20px;display:grid}.design-shell[data-page=myTeam] .my-team-tabs .button{font-size:var(--fs-body-sm);justify-content:flex-start}.design-shell[data-page=myTeam] .team-roster .team-member-actions{margin-left:0}.design-shell[data-page=myTeam] .team-member-actions .button{min-height:44px;font-size:var(--fs-caption)}.design-shell[data-page=myTeam] .member-row>.tag{font-size:var(--fs-caption)}.design-shell[data-page=myTeam] .team-personal-columns,.design-shell[data-page=myTeam] .team-management-grid{grid-template-columns:1fr;gap:0}.design-shell[data-page=myTeam] .team-start .team-empty-actions{flex-direction:column;display:flex}.team-start .empty h3{font-size:21px}.design-shell[data-page=myTeam] .team-request-row{padding-top:20px}}.design-shell[data-page=teams] .team-back-link{align-items:center;min-height:44px;display:inline-flex}.design-shell[data-page=teams] .team-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-body)}.design-shell[data-page=teams] .team-person{overflow-wrap:anywhere;min-width:0;font-size:var(--fs-body)}.design-shell[data-page=teams] .team-action-error{color:var(--tf-error);font-size:var(--fs-body);overflow-wrap:anywhere}.design-shell[data-page=myTeam] .my-team-workspace{min-width:0}.design-shell[data-page=myTeam] .my-team-error{color:var(--tf-error);overflow-wrap:anywhere}.design-shell[data-page=myTeam] .team-person,.design-shell[data-page=myTeam] .team-description{font-size:var(--fs-body)}.design-shell[data-page=myTeam] .team-overview h2{overflow-wrap:anywhere}.design-shell[data-page=myTeam] .team-request-row .identity{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.design-shell[data-page=myTeam] .team-request-row .identity>.avatar{object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.design-shell[data-page=myTeam] .team-request-row .identity>.avatar-fallback{background:var(--tf-surface-raised);border:1px solid var(--line)}.design-shell[data-page=myTeam] .team-request-row .identity>.muted{flex-basis:100%;margin:0 0 0 56px}.design-shell[data-page=myTeam] .team-start .empty{box-shadow:none;margin:0}.design-shell[data-page=myTeam] .my-team-dialog{width:min(560px,100vw - 28px);max-height:90dvh;padding:0;overflow:hidden}.design-shell[data-page=myTeam] .my-team-dialog .modal-head{border-bottom:1px solid var(--line);margin:0;padding:20px 24px}.design-shell[data-page=myTeam] .my-team-dialog .modal-head h2{overflow-wrap:anywhere;margin:0}.design-shell[data-page=myTeam] .my-team-dialog .modal-head .icon-button{flex:none;width:44px;height:44px}.design-shell[data-page=myTeam] .my-team-dialog>form{max-height:calc(90dvh - 85px);padding:24px;overflow-y:auto}.design-shell[data-page=myTeam] .my-team-dialog>p{font-size:var(--fs-body);padding-inline:24px}.design-shell[data-page=myTeam] .my-team-dialog>footer{padding:0 24px 24px}.design-shell[data-page=myTeam] .my-team-editor-fields{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.design-shell[data-page=myTeam] .my-team-editor-fields .field{min-width:0;margin:0}.design-shell[data-page=myTeam] .my-team-editor-fields :is(input:not([type=checkbox]),textarea){width:100%;min-width:0}.design-shell[data-page=myTeam] .my-team-lanes{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;padding:0;display:grid}.design-shell[data-page=myTeam] .my-team-lanes legend{margin-bottom:8px;padding:0}.design-shell[data-page=myTeam] .my-team-lanes label{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.design-shell[data-page=myTeam] .my-team-lanes input{flex:none;width:18px;height:18px}.design-shell[data-page=myTeam] .my-team-lanes span{overflow-wrap:anywhere}.design-shell[data-page=myTeam] .my-team-dialog-footer{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.design-shell[data-page=myTeam] .my-team-dialog [aria-invalid=true]{border-color:var(--tf-error)}@media (max-width:479px){.design-shell[data-page=myTeam] .my-team-lanes{grid-template-columns:1fr}.design-shell[data-page=myTeam] .my-team-dialog .modal-head{padding:16px 18px}.design-shell[data-page=myTeam] .my-team-dialog>form{padding:18px}.design-shell[data-page=myTeam] .my-team-dialog-footer .button{flex:1}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-summary{grid-template-columns:minmax(0,1fr)}.design-shell:is([data-page=teams],[data-page=myTeam]) .team-capacity{text-align:left;margin-left:64px}}
.design-shell[data-page=news] .page-intro{background:0 0}.design-shell[data-page=news] .news-filters{align-items:end;gap:20px;margin:0 0 24px;padding:20px 24px;display:flex}.news-filters .check-label{min-height:44px;font-size:var(--fs-body);align-items:center;gap:8px;margin:0;display:flex}.news-filters>.button{margin-left:auto}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.news-grid:empty{display:none}.news-grid .news-card{flex-direction:column;min-width:0;padding:28px;display:flex}.news-card h2{overflow-wrap:anywhere;margin:0 0 14px;font-size:23px;line-height:1.3}.news-card h2 a:hover{color:var(--tf-link)}.news-card-summary{color:var(--muted);font-size:var(--fs-body);overflow-wrap:anywhere;white-space:pre-line;margin:0 0 28px;line-height:1.65}.news-card-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.news-card-footer small{min-width:0;font-size:var(--fs-caption);overflow-wrap:anywhere;flex:160px;line-height:1.6}.news-card-footer .button{font-size:var(--fs-body-sm);padding:10px 14px}.design-shell[data-page=news] .news-reading{width:100%;min-width:0;max-width:720px;margin-inline:auto}.design-shell[data-page=news] .news-reading .page-intro{border-bottom:1px solid var(--line);margin:0 0 28px;padding-bottom:28px}.news-reading .page-intro h1{overflow-wrap:anywhere;font-size:36px;line-height:1.2}.news-reading .page-intro .muted{font-size:var(--fs-body-sm)}.design-shell[data-page=news] .article-content{background:0 0;border:0;border-radius:0;max-width:100%;margin:0;padding:0}.news-reading .article-lead{color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 28px;font-size:20px;line-height:1.6}.news-reading .plain-text{font-size:var(--fs-body-lg);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.news-reading .article-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:24px;display:flex}.article-footer:empty{display:none}.news-reading .article-footer p,.news-reading .article-footer .button-row{margin:0}.news-reading .article-footer a{min-height:44px;color:var(--tf-link);align-items:center;display:inline-flex}.compact .news-grid .news-card{padding:20px}@media (min-width:768px) and (max-width:1079px){.news-grid{grid-template-columns:1fr}.design-shell[data-page=news] .news-filters{flex-wrap:wrap;gap:12px 20px}}@media (max-width:767px){.design-shell[data-page=news] .news-filters{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:20px;padding:18px;display:grid}.news-filters .check-label{font-size:var(--fs-body-sm);grid-column:1}.news-filters>.button{font-size:var(--fs-body-sm);grid-area:1/2;margin-left:0;padding-inline:12px}.news-grid{grid-template-columns:1fr;gap:16px}.news-grid .news-card{padding:22px}.news-card h2{font-size:21px}.news-card-summary{margin-bottom:22px}.design-shell[data-page=news] .news-reading .page-intro{margin-bottom:24px;padding-bottom:24px}.news-reading .page-intro h1{font-size:28px}.news-reading .article-lead{margin-bottom:24px;font-size:18px}.news-reading .plain-text{font-size:var(--fs-body);line-height:1.8}.news-reading .article-footer{margin-top:28px;padding-top:20px}}
.design-shell[data-page=tournaments] .page-intro{background:0 0}.design-shell[data-page=tournaments] .tournament-coming-soon{text-align:center;background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:64px 32px;display:flex}.tournament-coming-soon-icon{width:88px;height:88px;color:var(--tf-text);background:var(--tf-bg);border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);place-items:center;margin-bottom:32px;display:grid}.tournament-coming-soon-icon svg{width:40px;height:40px}.tournament-coming-soon-label{color:var(--tf-text-secondary);font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-weight:600}.tournament-coming-soon h2{overflow-wrap:anywhere;max-width:600px;margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.2}.tournament-coming-soon-description{max-width:460px;color:var(--tf-text-secondary);font-size:var(--fs-body-lg);margin:20px 0 0;line-height:1.7}@media (max-width:767px){.design-shell[data-page=tournaments] .tournament-coming-soon{min-height:360px;padding:40px 20px}.tournament-coming-soon-icon{width:72px;height:72px;margin-bottom:28px}.tournament-coming-soon-icon svg{width:34px;height:34px}.tournament-coming-soon h2{max-width:310px;font-size:28px}.tournament-coming-soon-description{font-size:var(--fs-body)}}
.design-shell[data-page=leaderboard] .page-intro{background:0 0}.design-shell[data-page=leaderboard] #main{min-width:0}.design-shell[data-page=leaderboard] .page-intro .muted{max-width:680px}.design-shell[data-page=leaderboard] .leaderboard-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:16px;margin:0 0 20px;padding:24px;display:grid}.leaderboard-filters .field{min-width:0}.leaderboard-period{font-size:var(--fs-body-sm);overflow-wrap:anywhere;margin:0 0 20px;line-height:1.6}.leaderboard-table{overscroll-behavior-x:contain;scrollbar-color:var(--tf-border-control) var(--panel);scrollbar-width:thin;width:100%;max-width:100%;overflow-x:auto}.leaderboard-table table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:650px;margin:0}.leaderboard-table th{font-size:var(--fs-caption);color:var(--muted);text-align:left;background:var(--tf-surface-raised);font-weight:500}.leaderboard-table :is(th,td){border-bottom:1px solid var(--line);padding:16px 20px;line-height:1.4}.leaderboard-table th:first-child{width:80px}.leaderboard-table th:nth-child(2){width:35%}.leaderboard-table th:nth-child(3){width:25%}.leaderboard-table :is(th,td):nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}.leaderboard-table td{color:var(--ink);font-size:var(--fs-body);overflow-wrap:anywhere}.leaderboard-table .leaderboard-position{color:var(--muted);font-size:var(--fs-body-lg);font-variant-numeric:tabular-nums}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table tbody tr:hover{background:var(--tf-surface-raised)}.leaderboard-table .leaderboard-player{align-items:center;gap:12px;min-width:0;min-height:44px;display:flex}.leaderboard-player .avatar{flex:none;width:40px;height:40px}.leaderboard-player>span{overflow-wrap:anywhere;min-width:0}.leaderboard-player:hover>span{color:var(--tf-link)}.compact .leaderboard-table td{padding-block:12px}@media (max-width:1079px){.design-shell[data-page=leaderboard] .leaderboard-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-filters>.button{grid-column:1/-1;justify-self:end}}@media (max-width:767px){.design-shell[data-page=leaderboard] .leaderboard-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:18px}.leaderboard-filters>.field:nth-child(3){grid-column:1/-1}.leaderboard-filters>.button{justify-self:stretch}.leaderboard-period{font-size:var(--fs-caption);margin-bottom:16px}.leaderboard-table :is(th,td){padding:14px 16px}}
.brand{gap:8px}.brand-wordmark{letter-spacing:-.055em;white-space:nowrap;font-size:30px;font-weight:700;line-height:1}.site-header .brand .brand-wordmark,.navigation-dialog .drawer-brand .brand .brand-wordmark{font-size:30px}.brand-beta{color:#78a9ff;font-size:var(--fs-caption);letter-spacing:.01em;white-space:nowrap;align-self:flex-start;margin:1px 0 0 1px;font-weight:650;line-height:1}.brand img{flex:none}.footer .brand-wordmark{font-size:23px}@media (max-width:767px){.brand-wordmark,.site-header .brand .brand-wordmark,.navigation-dialog .drawer-brand .brand .brand-wordmark{font-size:28px}.site-header .brand img,.navigation-dialog .drawer-brand .brand img{width:28px;height:28px}}
.gaming-profile-card{border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);background:var(--tf-surface);min-width:0;height:100%;color:var(--tf-text);flex-direction:column;gap:16px;padding:20px;display:flex}.gaming-profile-person{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.gaming-profile-person:hover :is(h2,h3){color:var(--tf-link)}.gaming-profile-avatar{object-fit:cover;background:var(--tf-surface-hover);border-radius:50%;flex:none;width:64px;height:64px;display:block}.gaming-profile-fallback{place-items:center;font-size:24px;font-weight:600;display:grid}.gaming-profile-identity{min-width:0}.gaming-profile-attribution{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.gaming-profile-identity :is(h2,h3){-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:650;line-height:1.3;display:-webkit-box;overflow:clip}.gaming-profile-presence{color:var(--tf-text-secondary);font-size:var(--fs-caption);flex-wrap:wrap;gap:0 8px;margin:4px 0 0;line-height:1.5;display:flex}.gaming-profile-presence .is-online{color:var(--tf-success)}.gaming-profile-game{gap:8px;display:grid}.gaming-profile-performance{justify-content:space-between;align-items:center;gap:12px;display:flex}.gaming-profile-rank{align-items:center;gap:8px;min-width:0;display:flex}.gaming-profile-rank>img{object-fit:contain;flex:none;width:40px;height:40px}.gaming-profile-rank>div{min-width:0}.gaming-profile-rank b{font-size:var(--fs-body-sm);overflow-wrap:anywhere;font-weight:600;display:block}.gaming-profile-stars{color:var(--tf-text-secondary);font-size:var(--fs-caption);align-items:center;gap:4px;display:flex}.gaming-profile-stars .ui-icon{width:16px;height:16px}.gaming-profile-winrate{text-align:end;font-variant-numeric:tabular-nums;flex:none}.gaming-profile-winrate b{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.2;display:block}.gaming-profile-winrate small{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:4px;display:block}.gaming-profile-facts{color:var(--tf-text-secondary);font-size:var(--fs-caption);flex-wrap:wrap;gap:0 16px;margin:0;line-height:1.5;display:flex}.gaming-profile-playstyle{gap:8px;display:grid}.gaming-profile-playstyle dl{font-size:var(--fs-body-sm);gap:8px;margin:0;line-height:1.5;display:grid}.gaming-profile-playstyle dl>div{grid-template-columns:44px minmax(0,1fr);gap:8px;display:grid}.gaming-profile-playstyle dt{color:var(--tf-text-secondary)}.gaming-profile-playstyle dd{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 8px;margin:0;display:flex}.gaming-profile-lane{align-items:center;gap:4px;display:inline-flex}.gaming-profile-lane img{flex:none}.gaming-profile-languages{color:var(--tf-text-secondary);font-size:var(--fs-caption);overflow-wrap:anywhere;margin:0;line-height:1.5}.gaming-profile-bio{-webkit-line-clamp:2;color:var(--tf-text-secondary);font-size:var(--fs-body);overflow-wrap:anywhere;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:clip}.gaming-profile-bottom{gap:8px;margin-top:auto;display:grid}.gaming-profile-updated{color:var(--tf-text-secondary);font-size:var(--fs-caption);line-height:1.5}.gaming-profile-bottom .button{border:1px solid var(--tf-border-control);background:var(--tf-surface);width:100%;min-height:44px;color:var(--tf-text);font-size:var(--fs-body-sm);justify-content:space-between;margin:0;padding:8px 12px;display:flex}.gaming-profile-bottom .button:hover{background:var(--tf-surface-hover)}.player-grid.list-view .gaming-profile-card{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr);align-items:center;display:grid}.player-grid.list-view .gaming-profile-card .gaming-profile-bio{grid-column:1/3}.player-grid.list-view .gaming-profile-card .gaming-profile-bottom{grid-area:2/3;margin:0}@media (max-width:767px){.gaming-profile-card{padding:16px}.gaming-profile-avatar{width:56px;height:56px}.gaming-profile-rank>img{width:32px;height:32px}.gaming-profile-winrate>b{font-size:22px}.player-grid.list-view .gaming-profile-card{display:flex}}