.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{font-size:var(--fs-section-title);margin:0}.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:var(--tracking-ui);margin:0 0 4px}.discovery-header h1{font:600 var(--fs-page-title)/var(--lh-page-title) var(--tf-font);letter-spacing:var(--tracking-heading)}.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:var(--tracking-card);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(--lh-body) 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(--lh-body) 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:var(--fw-title)}.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-control);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)/var(--lh-card-title) 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:var(--fw-title) var(--fs-section-title)/var(--lh-section-title) var(--tf-font);letter-spacing:var(--tracking-heading)}.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-control);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-control)/var(--lh-control) 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:var(--fs-section-title)}.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:var(--fs-section-title)}.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{font-size:var(--fs-card-title);margin:var(--text-gap) 0}.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:var(--fs-card-title)}.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:var(--fs-page-title)}.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:var(--text-gap-tight);font-size:var(--fs-card-title)}.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-control);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:var(--fs-card-title)}.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-control);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-control);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-control);padding-inline:0}.settings-section{border-radius:16px;padding:24px 20px}.settings-section h2{font-size:var(--fs-section-title)}.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:var(--fs-section-title)}.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{font-size:var(--fs-card-title);margin-bottom:3px}.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:12px;padding-bottom:16px}.design-shell:has(.discovery-workspace) #main{flex:1;min-height:0;padding:0;display:flex}.design-shell:has(.discovery-workspace) .footer{display:none}.discovery-workspace{flex-direction:column;flex:1;gap:12px;width:min(100%,1000px);min-width:0;min-height:0;display:flex;container:discovery/size}.discovery-workspace .discovery-header{flex:none;align-items:center;gap:12px;min-height:44px;padding:0;display:flex;position:static}.discovery-workspace .discovery-header>div{min-width:0;display:block}.discovery-workspace .discovery-header h1{font-size:var(--fs-page-title);margin:0}.discovery-header .discovery-filter-button{flex:none;min-height:44px;padding:8px 12px}.discovery-workspace .discovery-frame{border-radius:var(--tf-radius-card);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.discovery-workspace .discovery-pager{scroll-snap-type:none;touch-action:pan-y pinch-zoom;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.discovery-workspace .discovery-overview{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:var(--tf-border-control) var(--tf-surface);scrollbar-gutter:stable;flex:1;min-height:0;display:block;overflow:auto}.discovery-workspace .discovery-overview::-webkit-scrollbar{width:6px;display:block}.discovery-workspace .discovery-overview::-webkit-scrollbar-thumb{background:var(--tf-border-control);border-radius:var(--tf-radius-control)}.discovery-demo{color:var(--tf-warning);font-size:var(--fs-caption);margin:8px 0 0;line-height:1.4}.discovery-feedback{max-height:28%;color:var(--tf-text-secondary);font-size:var(--fs-body-sm);flex:none;order:-1;padding:0 12px;line-height:1.4;overflow:auto}.discovery-workspace .discovery-swipe-status{margin:0;padding:0}.discovery-feedback:has(.discovery-swipe-status:empty):not(:has([role=alert])){display:none}.discovery-frame>.panel[role]{flex:1;justify-content:safe center;width:100%;min-height:0;overflow:auto}.discovery-frame>.loading-state{flex-direction:column;display:flex}.discovery-frame>.loading-state>[aria-hidden=true]{flex-shrink:1;min-height:0}.discovery-message{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.discovery-message>p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;display:-webkit-box;overflow:hidden}.discovery-message-open{min-width:44px;min-height:44px;color:var(--tf-link);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:4px 0}.discovery-feedback>[role=alert]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.discovery-feedback>[role=alert]>.button{flex:none;min-height:44px}.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}.discovery-feed-card{overflow-wrap:anywhere;padding:24px 28px}.discovery-feed-header{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:12px 24px;display:grid}.discovery-feed-person{grid-area:1/1/3;align-items:center;gap:20px;min-width:0;display:flex}.discovery-feed-avatar{object-fit:cover;border:1px solid var(--tf-border-control);background:var(--tf-surface-raised);border-radius:50%;flex:none;width:112px;height:112px}.discovery-feed-monogram{place-items:center;font-size:60px;font-weight:600;line-height:1;display:grid}.discovery-feed-identity{flex:1;min-width:0}.discovery-feed-identity h2{letter-spacing:var(--tracking-card);overflow-wrap:anywhere;margin:0;font-size:40px;line-height:1.15}.discovery-feed-person:has(.discovery-feed-attribution) h2{font-size:32px}.discovery-feed-attribution{color:var(--muted);margin-bottom:4px;display:block}.discovery-feed-presence{color:var(--muted);font-size:var(--fs-body-lg);margin:10px 0 8px}.discovery-feed-presence.is-online{color:var(--tf-success)}.discovery-feed-presence.is-online:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.discovery-feed-location{font-size:var(--fs-body-lg);margin:0;line-height:1.5}.discovery-feed-link{min-width:44px;min-height:44px;color:var(--tf-link);font:inherit;font-size:var(--fs-body);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.discovery-feed-profile{grid-area:1/2;place-self:start end}.discovery-feed-game{grid-area:2/2;gap:12px;min-width:0;display:grid}.discovery-feed-header:not(:has(.discovery-feed-profile)) .discovery-feed-game{grid-row:1/3}.discovery-feed-rank{min-width:0;font-size:var(--fs-body);align-items:center;gap:8px;display:flex}.discovery-feed-rank>img{object-fit:contain;flex:none;width:44px;height:44px}.discovery-feed-rank strong{overflow-wrap:anywhere;min-width:0;font-weight:500}.discovery-feed-stars{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.discovery-feed-stars .ui-icon{width:24px;height:24px}.discovery-feed-lanes{min-width:0;font-size:var(--fs-body-lg);flex-wrap:wrap;gap:8px 16px;display:flex}.discovery-feed-lane{align-items:center;gap:12px;min-width:0;max-width:100%;display:inline-flex}.discovery-feed-lane>span{min-width:0}.discovery-feed-lane img{object-fit:contain;flex:none}.discovery-feed-bio{border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;margin:20px 0 0;padding-bottom:20px;font-size:20px;line-height:1.5}.discovery-feed-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:12px 28px;padding-top:20px;display:grid}.discovery-feed-summary{grid-area:1/1}.discovery-feed-card h3{font-size:var(--fs-body-lg);margin:0;font-weight:500}.discovery-feed-period{color:var(--muted);font-size:var(--fs-caption);margin:4px 0 12px}.discovery-feed-stats{grid-template-columns:1fr 1fr;margin:0;padding:0 0 12px;display:grid}.discovery-feed-stats>div{flex-direction:column;min-width:0;display:flex}.discovery-feed-stats>div+div{border-left:1px solid var(--line);padding-left:24px}.discovery-feed-stats dd{overflow-wrap:anywhere;order:-1;margin:0;font-size:clamp(28px,3.5vw,40px);font-weight:600;line-height:1.2}.discovery-feed-stats dt{color:var(--muted);font-size:var(--fs-body-lg);margin-top:4px}.discovery-feed-summary>.muted{color:var(--tf-text-secondary);font-size:var(--fs-body);margin:4px 0 0}.discovery-feed-compatibility{border-top:1px solid var(--line);grid-area:2/1;padding-top:16px}.discovery-feed-assessment-button{width:100%;min-height:44px;color:var(--tf-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:0;display:flex}.discovery-feed-assessment-button:disabled{cursor:default;opacity:1}.discovery-feed-compat-label{color:var(--tf-text-secondary);font-size:var(--fs-body);flex:1}.discovery-feed-score{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.discovery-feed-score b{font-size:28px;font-weight:var(--fw-title);line-height:1.2}.discovery-feed-score>span{color:var(--tf-text-secondary);font-size:var(--fs-body-sm)}.discovery-feed-compat-arrow{color:var(--tf-link);margin-left:auto}.discovery-feed-coverage{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);margin:4px 0 0;line-height:1.4}.discovery-feed-play{border-left:1px solid var(--line);grid-area:1/2/3;padding-left:28px}.discovery-feed-play dl{gap:12px;margin:16px 0 0;display:grid}.discovery-feed-play dl>div{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:4px 12px;display:grid}.discovery-feed-play dt{color:var(--muted);font-size:var(--fs-body)}.discovery-feed-play dd{min-width:0;font-size:var(--fs-body);grid-column:2;margin:0;line-height:1.5}.discovery-feed-play dl>div>.ui-icon,.discovery-feed-fact-icon{grid-area:1/1/3;align-self:center;width:32px;height:32px}.discovery-feed-fact-icon{place-items:center;display:grid}.discovery-feed-fact-icon img{object-fit:contain}.discovery-workspace .discovery-actions{flex:none;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;padding:12px 20px;display:grid;position:static}.discovery-actions .button{min-width:0;min-height:48px;font-size:var(--fs-control);white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;padding:10px 12px;line-height:1.4;display:inline-flex}.discovery-actions .ui-icon{flex:none;width:18px;height:18px}.discovery-actions .button>span{margin:0}.discovery-actions .discovery-feed-profile{grid-area:auto;justify-content:center;place-self:stretch stretch;align-items:center}.discovery-workspace .discovery-actions:after{content:none}.discovery-actions .discovery-pass-icon{transform:none}@media (max-width:767px){html:has(.discovery-workspace){scrollbar-gutter:auto}.design-shell:has(.discovery-workspace) .app-body{padding:8px max(8px,env(safe-area-inset-right,0px)) calc(var(--mobile-nav-clearance) + 8px) max(8px,env(safe-area-inset-left,0px))}.design-shell:has(.discovery-workspace) #main{padding:0}.discovery-workspace{gap:8px;max-width:700px;margin-inline:auto}.discovery-workspace .discovery-header h1{font-size:var(--fs-page-title)}.discovery-header .discovery-filter-button{width:44px;height:44px;padding:8px}.discovery-filter-button>span{display:none}.discovery-workspace .discovery-frame{border:1px solid var(--tf-border);margin:0}.discovery-workspace .discovery-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.discovery-actions .discovery-feed-profile{grid-column:1/-1}.discovery-actions .button{min-height:44px;padding:8px}}@container discovery (max-width:700px){.discovery-feed-card{padding:16px}.discovery-feed-header{grid-template-columns:minmax(0,1fr) auto;gap:12px}.discovery-feed-person{grid-area:1/1/auto/-1;gap:12px}.discovery-feed-avatar{width:72px;height:72px}.discovery-feed-monogram{font-size:36px}:is(.discovery-feed-identity h2,.discovery-feed-person:has(.discovery-feed-attribution) h2){font-size:28px}.discovery-feed-presence{font-size:var(--fs-body);margin:4px 0}.discovery-feed-location{font-size:var(--fs-body)}.discovery-feed-game{grid-area:2/1/auto/-1}.discovery-feed-header:not(:has(.discovery-feed-profile)) .discovery-feed-game{grid-area:2/1/auto/-1}.discovery-feed-rank>img{width:36px;height:36px}.discovery-feed-profile{grid-area:3/2;align-self:center}.discovery-feed-lanes{font-size:var(--fs-body);gap:8px 12px}.discovery-feed-lane{gap:8px}.discovery-feed-lane img{width:28px;height:28px}.discovery-feed-bio{font-size:var(--fs-body-lg);margin-top:16px;padding-bottom:16px}.discovery-feed-columns{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:16px}.discovery-feed-summary,.discovery-feed-play,.discovery-feed-compatibility{grid-area:auto/1}.discovery-feed-period{margin:4px 0 8px}.discovery-feed-stats{padding:0}.discovery-feed-stats dd{font-size:30px}.discovery-feed-stats dt{font-size:var(--fs-body)}.discovery-feed-play{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.discovery-feed-play dl{gap:12px;margin:12px 0 0}.discovery-feed-play dl>div{grid-template-columns:24px minmax(0,1fr);gap:4px 8px}.discovery-feed-play dl>div>.ui-icon,.discovery-feed-fact-icon{width:24px;height:24px}.discovery-feed-score b{font-size:24px}}@container discovery (min-width:440px) and (max-height:420px){.discovery-feed-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:16px;padding:12px;display:grid}.discovery-feed-header{grid-area:1/1;grid-template-columns:minmax(0,1fr);gap:12px}.discovery-feed-person{grid-row:1;gap:8px}.discovery-feed-game{grid-area:2/1}.discovery-feed-header:not(:has(.discovery-feed-profile)) .discovery-feed-game{grid-area:2/1}.discovery-feed-avatar{width:48px;height:48px}.discovery-feed-monogram{font-size:28px}:is(.discovery-feed-identity h2,.discovery-feed-person:has(.discovery-feed-attribution) h2){font-size:var(--fs-card-title)}.discovery-feed-bio{font-size:var(--fs-body-lg);border-bottom:0;grid-area:2/1;margin:0;padding-bottom:0}.discovery-feed-columns{flex-direction:column;grid-area:1/2/4;gap:16px;min-width:0;padding:0;display:flex}.discovery-feed-play{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.discovery-demo{grid-area:3/1;margin:0}}@media (max-width:767px) and (max-height:600px){.discovery-workspace{gap:4px}.discovery-workspace .discovery-header h1{font-size:var(--fs-section-title)}.discovery-workspace .discovery-actions{gap:4px 8px;padding:4px 8px}}@media (min-width:480px) and (max-width:767px){.discovery-workspace .discovery-actions{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.discovery-actions .discovery-feed-profile{grid-column:auto}}@media (max-width:479px) and (max-height:600px){.discovery-workspace .discovery-actions{grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr)}.discovery-actions .discovery-feed-profile{grid-column:auto}.discovery-actions .button,.discovery-actions .discovery-feed-profile{font-size:var(--fs-control-compact)}.discovery-actions .ui-icon,.discovery-actions .discovery-feed-profile>span{display:none}}
.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-control);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:var(--fw-title)}.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:var(--fs-section-title)}.section-title .text-link{font-size:var(--fs-control);flex-shrink:0}.cta-banner{padding:24px}.cta-banner h2{font-size:var(--fs-section-title)}}.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{font-size:var(--fs-page-title);margin:14px 0}.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:var(--fs-page-title)}.auth-card{padding:20px}}
.profile-reference{--profile-accent:var(--tf-text);--profile-success:var(--tf-success);gap:0}.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:0;margin:0;padding:64px 24px 12px;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:44px;position:absolute;inset:0;overflow:hidden}.profile-masthead>.profile-cover-art:after{content:"";background:#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-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:4px solid var(--panel);background:var(--tf-surface-raised);border-radius:50%;width:64px;height:64px;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{font-size:30px;line-height:var(--lh-page-title);margin:0 0 var(--text-gap);font-weight:600}.profile-header-team{font-size:var(--fs-body-sm);color:var(--tf-text);align-items:center;gap:8px;margin:6px 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);margin:0 0 var(--text-gap);color:var(--muted)}.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{font-size:var(--fs-section-title);margin:0}.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:var(--text-gap);display:block}.profile-identity-tags{margin:var(--text-gap) 0;display:flex}.profile-primary-actions{gap:8px}.profile-primary-actions>.button{min-height:44px;font-size:var(--fs-control);padding:10px 14px}.profile-summary-strip{background:0 0;border:0;border-radius:0;order:1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 16px 12px}.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);font-weight:var(--fw-title);grid-area:2/2}.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{font-size:22px;font-weight:var(--fw-title);color:var(--ink)}.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-control);font-weight:var(--fw-title);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 0;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:5;padding:4px 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:var(--fs-section-title);font-weight:var(--fw-title)}.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:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:0;overflow:visible}.profile-hero-grid:not(.is-detailed)>.profile-hero-card:nth-child(n+5){display:block}.profile-hero-card{border:0;border-bottom:1px solid var(--tf-border);background:0 0;border-radius: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:44px minmax(0,1fr);align-items:center;gap:12px;padding:14px 0;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:44px;height:52px;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);grid-template-columns:minmax(120px,1.2fr) 1fr 2fr;align-items:center;gap:12px;display:grid}.profile-hero-copy>strong{font-size:var(--fs-body);line-height:1.3;font-weight:var(--fw-title);color:var(--tf-text);overflow-wrap:anywhere}.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:8px 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;width:100%}.profile-filter-control>.button{min-height:44px;margin-top:8px}.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:var(--fs-section-title)}.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-control)}.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(3,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{font-size:28px;font-weight:var(--fw-title);color:var(--tf-text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.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{margin:0 0 var(--text-gap-block);font-size:var(--fs-body);font-weight:var(--fw-title)}.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:var(--fw-title)}.profile-selected-period{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.profile-selection-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.profile-selection-bar .profile-selected-period{color:var(--tf-text);font-weight:var(--fw-title);margin:0}.profile-selection-bar .profile-footnote{margin:4px 0 0}.profile-hero-period{font-size:var(--fs-caption);color:var(--muted)}@media (max-width:767px){.profile-selection-bar{flex-direction:column;align-items:flex-start}}.profile-overview-insights{margin-bottom:24px}.profile-supporting-stats{flex-wrap:wrap;gap:24px;margin:20px 0 28px;display:flex}.profile-supporting-stats dt{font-size:var(--fs-body-sm);color:var(--tf-text-secondary)}.profile-supporting-stats dd{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:24px}.profile-battle-block,.profile-records-block{border-top:1px solid var(--tf-border);margin-top:24px;padding-top:24px}.profile-battle-block h2,.profile-records-block h2{font-size:var(--fs-section-title);margin:0}.profile-combat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.profile-combat-grid>div{border-bottom:1px solid var(--tf-border);min-width:0;padding-bottom:16px}.profile-combat-grid dt,.profile-record-grid dt{font-size:var(--fs-body-sm);color:var(--tf-text-secondary)}.profile-combat-grid dd{font-size:28px;line-height:1.2;font-weight:var(--fw-title);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0}.profile-combat-grid dd>small,.profile-record-grid dd>span,.profile-record-grid small{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:8px;font-weight:400;line-height:1.5;display:block}.profile-metric-method{color:var(--tf-text-secondary);font-size:var(--fs-body-sm)}.profile-metric-method summary{cursor:pointer;min-height:32px}.profile-metric-method p{max-width:75ch;line-height:1.6}.profile-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.profile-record-grid>div{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);min-width:0;padding:16px}.profile-record-grid dd{font-size:28px;line-height:1.2;font-weight:var(--fw-title);font-variant-numeric:tabular-nums;margin:6px 0}.profile-record-grid p{line-height:1.5;font-size:var(--fs-body-sm);overflow-wrap:anywhere;margin:12px 0 0;font-weight:400}.profile-series-block{margin-top:24px}.profile-series-block h3,.profile-hero-source-records h3{font-size:var(--fs-body);margin:0 0 var(--text-gap-section)}.profile-series-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;display:grid}.profile-series-grid>div{border-top:1px solid var(--tf-border);min-width:0;padding-top:12px}.profile-series-grid dt{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);overflow-wrap:anywhere}.profile-series-grid dd{font-variant-numeric:tabular-nums;margin:8px 0;font-size:24px}.profile-hero-source-records{margin-top:24px}.profile-hero-dialog .profile-combat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero-dialog .profile-combat-grid dd{font-size:24px}.profile-season-row{border-top:1px solid var(--tf-border);padding:12px 0}.profile-season-row>summary{cursor:pointer;align-content:center;min-height:44px}.profile-season-row>summary>strong{margin-inline-end:16px}.profile-season-row>summary>span{font-size:var(--fs-body-sm);color:var(--tf-text-secondary)}.profile-season-data>h3{margin-top:28px}.profile-tabs{overflow-x:auto}@media (max-width:767px){.profile-combat-grid,.profile-record-grid,.profile-hero-dialog .profile-combat-grid{grid-template-columns:minmax(0,1fr)}.profile-combat-grid{gap:16px}.profile-combat-grid>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;display:grid}.profile-combat-grid dd{margin:0;font-size:24px}.profile-combat-grid dd>small{text-align:right}.profile-overview-columns{align-items:stretch}.profile-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-tabs a[role=tab]{white-space:nowrap;flex:none}.profile-season-row>summary>span{margin:8px 0 0 16px;display:block}}.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:12px}.profile-masthead{min-height:0;margin:0;padding:52px 16px 8px}.profile-cover-edit{top:12px;right:12px}.profile-person{gap:12px;display:flex}.profile-avatar-v3{width:52px}.profile-avatar-v3>.avatar.large{width:52px;height:52px}.profile-identity-copy{min-width:0;padding:0}.profile-identity-copy h1{font-size:24px}.profile-primary-actions{margin-top:8px}.profile-summary-strip{border:0;border-radius:0;gap:8px;margin:0;padding:0 12px 8px}.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:8px 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:8px}.profile-tabs button{font-size:var(--fs-body);flex:1}.profile-tabs a[role=tab]{font-size:var(--fs-control);flex:1;gap:4px;min-height:44px}.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:16px}.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:var(--fs-section-title)}.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}}.profile-coverage{width:100%;color:var(--tf-text-secondary);font-size:var(--fs-caption);order:2;margin-bottom:0}.profile-coverage>summary{cursor:pointer;min-height:44px;color:var(--tf-warning);align-content:center}.profile-overview-summary{background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 20px;padding:24px;display:grid}.profile-overview-summary dt{color:var(--tf-text-secondary);font-size:var(--fs-body-sm)}.profile-overview-summary dd{font-size:32px;font-weight:var(--fw-title);font-variant-numeric:tabular-nums;margin:8px 0 0}.profile-overview-summary .is-matches dd{font-size:40px}.profile-overview-data{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.profile-overview-data .profile-battle-block{border:0;margin:0;padding:0}.profile-overview-data .profile-combat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-overview-data .profile-combat-grid dd{font-size:22px}.profile-overview-data .profile-hero-copy{flex-direction:column;align-items:start;gap:4px;display:flex}.profile-hero-tools{grid-template-columns:minmax(0,1fr) minmax(140px,.6fr);gap:12px;margin-bottom:12px;display:grid}.profile-hero-tools .field{min-width:0}.profile-hero-tools input,.profile-hero-tools select{width:100%;min-height:44px}.profile-hero-card:last-child{border-bottom:0}.profile-hero-copy>span,.profile-hero-values{min-width:0}.profile-hero-values{justify-content:flex-end}.profile-hero-dialog .profile-metric-method{margin-bottom:16px}.profile-reference .profile-header{flex:none}@media (max-width:1079px){.profile-overview-data{grid-template-columns:minmax(0,1fr)}.profile-hero-copy{grid-template-columns:minmax(0,1fr) 1fr}.profile-hero-values{grid-column:1/-1;justify-content:flex-start}}@media (max-width:767px){.profile-overview-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:18px}.profile-overview-summary dd{font-size:26px}.profile-overview-summary .is-matches dd{font-size:32px}.profile-overview-data .profile-combat-grid{grid-template-columns:minmax(0,1fr)}.profile-hero-copy{flex-direction:column;align-items:start;gap:8px;display:flex}.profile-hero-grid,.profile-hero-grid.is-detailed{gap:0}.profile-hero-dialog-body{flex-direction:column;display:flex}.profile-hero-detail-stats{order:0;width:100%}.profile-hero-full-art{order:1;align-self:center}.profile-account-id,.profile-location{margin:var(--text-gap-tight) 0}.profile-presence{margin-bottom:var(--text-gap-tight)}.profile-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary-strip .profile-rank-card{grid-column:auto}.profile-identity-tags:empty{display:none}}.profile-inline-filters{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;display:grid}.profile-inline-filters .field{min-width:0}.profile-inline-filters select{width:100%;min-height:44px}@media (max-width:767px){.profile-inline-filters{gap:8px}.profile-inline-filters .field>span{font-size:var(--fs-caption)}}.profile-identity-details{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-identity-details>summary,.profile-update-row>summary{cursor:pointer;align-content:center;min-height:32px}@media (min-width:1080px){.profile-identity-copy{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;display:grid}.profile-identity-copy h1,.profile-header-team,.profile-identity-details{grid-column:1}.profile-primary-actions{grid-area:1/2/span 3;align-self:start}}.profile-hero-table-head,.profile-hero-trigger{grid-template-columns:minmax(160px,1.6fr) repeat(3,minmax(0,1fr));align-items:center;gap:16px;display:grid}.profile-hero-table-head{color:var(--tf-text-secondary);font-size:var(--fs-caption);text-align:right;padding:12px 0}.profile-hero-table-head>span:first-child{text-align:left}.has-kda .profile-hero-table-head,.has-kda .profile-hero-trigger{grid-template-columns:minmax(160px,1.6fr) repeat(4,minmax(0,1fr))}.profile-hero-name{align-items:center;gap:12px;min-width:0;display:flex}.profile-hero-name>strong{font-size:var(--fs-body-lg);overflow-wrap:anywhere}.profile-hero-number{font-size:var(--fs-body-lg);font-weight:var(--fw-title);font-variant-numeric:tabular-nums;text-align:right}.profile-hero-number>small{display:none}@media (max-width:1079px){.profile-hero-table-head{display:none}.profile-hero-trigger,.has-kda .profile-hero-trigger{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-hero-name{grid-column:1/-1}.profile-hero-number{text-align:left}.profile-hero-number>small{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin-top:4px;font-weight:400;display:block}}@media (max-width:767px){.profile-edit-label{display:none}.has-kda .profile-hero-trigger{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-reference[data-own] .profile-person{position:static}.profile-reference[data-own] .profile-primary-actions{margin:0;position:absolute;top:12px;left:12px}.profile-reference[data-own] .profile-primary-actions>.button{gap:0;width:44px;height:44px;padding:12px}.profile-overview-data .profile-combat-grid{gap:8px;margin:12px 0}.profile-overview-data .profile-combat-grid>div{gap:8px;padding-bottom:8px}.profile-overview-data .profile-combat-grid dd{font-size:20px;line-height:1.2}.profile-overview-data .profile-combat-grid dd>small{font-size:var(--fs-caption);margin-top:4px;line-height:1.2}.profile-hero-list-panel{padding:12px}.profile-hero-list-panel>.profile-section-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}.profile-reference .profile-header{margin-bottom:12px;position:relative;overflow:visible}.profile-reference .profile-masthead{padding:88px 20px 16px}.profile-reference .profile-cover-art{height:112px}.profile-cover-preview .profile-cover-art{height:100%}.profile-reference .profile-person{gap:16px}.profile-reference .profile-avatar-v3{flex:none;width:104px}.profile-reference .profile-avatar-v3>.avatar.large{width:104px;height:104px}.profile-reference .profile-identity-copy{min-width:0;padding-top:24px;display:block}.profile-identity-heading{flex-wrap:wrap;align-items:center;gap:8px 16px;padding-right:260px;display:flex}.profile-identity-heading h1{overflow-wrap:anywhere;margin:0}.profile-reference .profile-presence{color:var(--tf-success);align-items:center;gap:8px;margin:0;display:inline-flex}.profile-reference .profile-account-id,.profile-reference .profile-location{font-size:var(--fs-body-sm);margin:6px 0;display:block}.profile-reference .profile-identity-tags{flex-wrap:wrap;margin:10px 0 0;display:flex}.profile-reference .profile-primary-actions{flex-wrap:wrap;justify-content:flex-end;max-width:260px;display:flex;position:absolute;inset:36px 0 auto auto}.profile-reference .profile-primary-actions>.button.primary{width:100%}.profile-reference .profile-cover-edit{min-height:44px;top:12px;right:12px}.profile-reference .profile-summary-strip{border-top:1px solid var(--tf-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 20px;padding:12px 0;display:grid}.profile-reference .profile-summary-strip>article{border:0;border-right:1px solid var(--tf-border);border-radius:0;grid-column:auto;min-width:0;padding:4px 12px}.profile-reference .profile-summary-strip>article:last-child{border:0}.profile-reference .profile-summary-strip .profile-rank-card{grid-template-columns:56px minmax(0,1fr);gap:4px 8px}.profile-reference .profile-summary-strip .profile-rank-emblem,.profile-reference .profile-summary-strip .profile-rank-emblem img{width:56px;height:64px}.profile-reference .profile-summary-strip .profile-rank-card>strong{font-size:var(--fs-body-sm)}.profile-reference .profile-summary-strip .profile-rank-card>p{display:none}.profile-reference .profile-summary-strip .profile-rank-stars{font-size:var(--fs-body-lg)}.profile-header-metric{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;gap:8px;display:flex}.profile-header-metric>span{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-header-metric>strong{font-size:26px;font-weight:600}.profile-header-scope{color:var(--tf-text-secondary);font-size:var(--fs-caption);margin:0 20px 12px}.profile-reference .profile-compatibility{margin-bottom:12px}.profile-compatibility-strip{border:1px solid var(--tf-border);border-radius:var(--tf-radius-card);background:var(--tf-surface);width:100%;color:var(--tf-text);text-align:left;font:inherit;cursor:pointer;align-items:center;gap:20px;padding:16px 20px;display:flex}.profile-compatibility-score{flex:none;align-items:baseline;gap:8px;max-width:160px;display:flex}.profile-compatibility-score>b{color:var(--tf-success);font-size:40px;font-weight:600;line-height:1}.profile-compatibility-score>small,.profile-compatibility-heading>small{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.profile-compatibility-heading{flex:1;min-width:0}.profile-compatibility-heading>strong{font-size:var(--fs-body-lg);margin-bottom:6px;display:block}.profile-compatibility-reasons{flex:1;gap:12px;display:flex}.profile-compatibility-reasons>span{border-left:1px solid var(--tf-border);min-width:0;font-size:var(--fs-caption);flex:1;padding-left:12px}.profile-compatibility-reasons small{color:var(--tf-text-secondary);margin-bottom:4px;display:block}.profile-compatibility-why{color:var(--tf-link);font-size:var(--fs-caption)}.profile-reference .profile-tabs-bar{order:2;margin-bottom:0}.profile-reference .profile-selection-bar{order:3;justify-content:space-between;margin:12px 0}.profile-selection-notes{flex-basis:100%;min-width:0}.profile-selection-notes>.profile-data-note{margin:0 0 8px}.profile-source-notes{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.profile-source-notes>summary{cursor:pointer;align-content:center;min-height:44px}.profile-source-notes .profile-data-note{border:0;margin:8px 0;padding:0}.profile-reference .profile-update-row{order:3;margin-bottom:12px;padding:0}.profile-update-row>summary{min-height:44px;color:var(--tf-text-secondary)}.profile-reference .profile-overview-data{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);align-items:start;gap:12px;margin-bottom:12px}.profile-overview-social{gap:12px;min-width:0;display:grid}.profile-heroes-link{align-items:center;gap:8px;margin-top:12px;display:inline-flex}.profile-reference .profile-overview-insights{margin:0}.profile-reference .profile-section-title{margin-bottom:12px}.profile-battle-visual{grid-template-columns:minmax(0,1.3fr) minmax(160px,1fr);align-items:center;gap:16px;display:grid}.profile-radar{min-width:0;margin:0}.profile-radar svg{width:100%;max-height:320px;display:block;overflow:visible}.profile-radar text{fill:var(--tf-text-secondary);font-size:var(--fs-caption)}.profile-radar-grid{fill:none;stroke:var(--tf-border-subtle);stroke-width:.7px}.profile-radar-shape{fill:var(--tf-text);fill-opacity:.16;stroke:var(--tf-text);stroke-width:1.5px}.profile-radar-point{fill:var(--tf-text)}.profile-radar figcaption{text-align:center;font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-radar .profile-metric-method{margin-top:8px}.profile-radar .profile-metric-method summary{align-content:center;min-height:44px}.profile-radar-baselines{margin:0}.profile-radar-baselines>div{justify-content:space-between;gap:8px;margin-top:6px;display:flex}.profile-radar-baselines dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.profile-reference .profile-battle-visual .profile-combat-grid{grid-template-columns:minmax(0,1fr);gap:0;margin:0}.profile-reference .profile-battle-visual .profile-combat-grid>div{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.profile-reference .profile-battle-visual .profile-combat-grid dd{text-align:right;margin:0;font-size:19px}.profile-reference .profile-battle-visual .profile-combat-grid dd small{font-size:var(--fs-caption);margin:4px 0 0}.profile-reference .profile-battle-block .profile-metric-method{margin-top:12px}.profile-reference .profile-overview-insights>.profile-data-note{font-size:var(--fs-caption);margin-bottom:0}.profile-numbers-panel{margin-bottom:12px;padding:16px}.profile-numbers-panel h2{font-size:var(--fs-section-title);margin:0}.profile-reference .profile-overview-summary{text-align:center;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;display:grid}.profile-overview-summary>div{border-right:1px solid var(--tf-border);flex-direction:column-reverse;gap:8px;display:flex}.profile-overview-summary>div:last-child{border:0}.profile-reference .profile-overview-summary dd{margin:0;font-size:32px}.profile-reference .profile-overview-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.profile-reference .profile-main-column,.profile-reference .profile-side-column{display:block}.profile-reference .profile-play-panel,.profile-reference .profile-about-panel{height:100%}.profile-reference .profile-overview-records .profile-records-block{border:0;margin:0;padding:0}.profile-record-grid>div{border:0;border-right:1px solid var(--tf-border);border-radius:0;padding:0 16px 0 0}.profile-record-grid>div:last-child{border:0}.profile-metric-method summary,.profile-text-button{align-content:center;min-height:44px}.profile-reference .profile-hero-grid.is-detailed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-reference .profile-hero-card{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);overflow:hidden}.profile-reference .profile-hero-trigger,.profile-reference .has-kda .profile-hero-trigger{grid-template-columns:72px repeat(2,minmax(0,1fr));gap:8px 12px;height:100%;padding:12px;display:grid}.profile-reference .profile-hero-name{display:contents}.profile-reference .profile-hero-thumb{border-radius:var(--tf-radius-control);grid-area:1/1/span 4;width:72px;height:100%;min-height:90px}.profile-reference .profile-hero-name>strong{font-size:var(--fs-body-lg);grid-column:2/-1}.profile-reference .profile-hero-number>small{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:2px;font-weight:400;display:block}.profile-top-heroes .profile-hero-grid{gap:8px;display:grid}.profile-top-heroes .profile-hero-trigger{grid-template-columns:64px repeat(2,minmax(0,1fr));gap:8px 12px;padding:8px}.profile-top-heroes .profile-hero-thumb{width:64px;min-height:80px}.profile-top-heroes .profile-hero-name>strong{font-size:var(--fs-body)}.profile-top-heroes .profile-footnote{margin:10px 0}.profile-season-row{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);margin-top:12px;padding:0}.profile-season-row>summary{padding:16px}.profile-season-data{padding:0 16px 16px}.profile-season-row[open]>summary{border-bottom:1px solid var(--tf-border)}.profile-season-row>p,.profile-season-row>[role=alert]{margin:16px}.account-preferences-dialog .account-check-group:not(.account-language-options) .checks{flex-wrap:wrap;gap:8px;display:flex}.account-preferences-dialog .account-check-group:not(.account-language-options) .check{border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);min-height:44px;padding:10px 12px;position:relative}.account-preferences-dialog .account-check-group:not(.account-language-options) .check:has(input:checked){color:var(--tf-on-primary);background:var(--tf-primary);border-color:var(--tf-primary)}.account-preferences-dialog .account-check-group:not(.account-language-options) input{accent-color:var(--tf-on-primary)}.account-preferences-dialog .account-preference-section{border-bottom:1px solid var(--tf-border);padding-bottom:16px}.account-preferences-dialog .account-preference-section:last-child{border:0}.account-preferences-dialog .account-preference-section:last-child .check{align-items:center;gap:12px;min-height:44px;display:flex}.account-preferences-dialog .account-preference-section:last-child input{width:20px;height:20px;accent-color:var(--tf-primary)}@media (max-width:1279px){.profile-compatibility-reasons{display:none}.profile-reference .profile-overview-data{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.profile-battle-visual{grid-template-columns:minmax(0,1fr);gap:8px}.profile-radar svg{max-height:260px}}@media (max-width:1079px){.profile-reference .profile-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-reference .profile-summary-strip .profile-rank-card{grid-column:auto}.profile-reference .profile-summary-strip .profile-header-metric{border-top:1px solid var(--tf-border);grid-column:span 2;padding-top:12px}.profile-reference .profile-overview-data{grid-template-columns:minmax(0,1fr)}.profile-battle-visual{grid-template-columns:minmax(0,1.3fr) minmax(160px,1fr)}.profile-identity-heading{padding-right:0}.profile-reference .profile-primary-actions{justify-content:flex-start;max-width:none;margin-top:12px;position:static}.profile-reference .profile-primary-actions>.button.primary{width:auto}}@media (max-width:767px){.profile-reference .profile-masthead{padding:84px 12px 12px}.profile-reference .profile-person,.profile-reference[data-own] .profile-person{gap:12px;position:relative}.profile-reference .profile-avatar-v3{width:72px}.profile-reference .profile-avatar-v3>.avatar.large{width:72px;height:72px}.profile-reference .profile-identity-copy{padding-top:28px}.profile-reference .profile-identity-copy h1{font-size:26px}.profile-reference[data-own] .profile-primary-actions{position:static}.profile-reference[data-own] .profile-primary-actions>.button{gap:8px;width:auto;height:auto;padding:10px 12px}.profile-reference .profile-edit-label{display:inline}.profile-reference .profile-summary-strip{margin:0 12px}.profile-reference .profile-summary-strip .profile-rank-card{grid-template-columns:36px minmax(0,1fr);padding:4px}.profile-reference .profile-summary-strip .profile-rank-emblem,.profile-reference .profile-summary-strip .profile-rank-emblem img{width:36px;height:44px}.profile-reference .profile-summary-strip .profile-rank-card>strong{font-size:var(--fs-caption)}.profile-header-metric>strong{font-size:23px}.profile-header-scope{margin:0 16px 12px}.profile-compatibility-strip{flex-wrap:wrap;gap:12px;padding:16px}.profile-compatibility-score{max-width:140px}.profile-compatibility-score>b{font-size:36px}.profile-compatibility-heading{min-width:130px}.profile-compatibility-why{width:100%}.profile-reference .profile-overview-columns,.profile-reference .profile-hero-grid.is-detailed{grid-template-columns:minmax(0,1fr)}.profile-reference .profile-hero-list-panel>.profile-section-title{clip-path:none;white-space:normal;width:auto;height:auto;position:static}.profile-hero-tools{grid-template-columns:minmax(0,1fr)}.profile-tabs{gap:20px}.profile-reference .profile-selection-bar{align-items:stretch}.profile-reference .profile-overview-summary dd{font-size:28px}.profile-overview-insights .profile-battle-visual{grid-template-columns:minmax(0,1fr)}.profile-reference #profile-radar-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.profile-reference #profile-radar-values>div{padding:8px 0;display:block}.profile-reference #profile-radar-values>div:last-child{grid-column:1/-1}.profile-reference #profile-radar-values dt{overflow-wrap:anywhere;min-height:2.6em;line-height:1.3}.profile-reference #profile-radar-values dd{text-align:left;margin:6px 0 0;font-size:20px}.profile-reference #profile-radar-values dd small{text-align:left}}@media (max-width:479px){.profile-battle-visual{grid-template-columns:minmax(0,1fr)}.profile-reference .profile-person{flex-wrap:wrap}.profile-reference .profile-identity-copy{flex:1;min-width:160px}.profile-reference .profile-summary-strip .profile-header-metric{padding-inline:6px}.profile-reference .profile-detailed-panel,.profile-reference .profile-side-panel,.profile-reference .profile-about-panel{padding:12px}.profile-reference .profile-stat-key-values{gap:16px}.profile-reference .profile-record-grid>div{border:0;border-bottom:1px solid var(--tf-border);padding:0;padding-bottom:16px}}.profile-analytics-panel{gap:12px;min-width:0;display:grid}.profile-analytics-panel>.profile-section-title{margin-bottom:0}.profile-analytics-panel h2{font-size:var(--fs-section-title);margin:0}.profile-analytics-battle .profile-battle-block,.profile-analytics-records .profile-records-block{border:0;margin:0;padding:0}.profile-analytics-panel .profile-stat-key-values{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-analytics-panel .profile-stat-key-values>div{border-right:1px solid var(--tf-border)}.profile-analytics-panel .profile-stat-key-values>div:last-child{border:0}.profile-hero-dialog .profile-stat-group,.profile-hero-dialog .profile-hero-source-records{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);padding:16px}.profile-hero-dialog .profile-stat-groups{gap:12px}.profile-hero-dialog .profile-hero-source-records h3{margin-bottom:var(--text-gap-block)}@media (max-width:1079px){.profile-analytics-panel .profile-stat-key-values{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:479px){.profile-analytics-panel .profile-stat-key-values{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-analytics-middle{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.profile-analytics-groups .profile-stat-groups{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0}.profile-analytics-battle .profile-combat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-record-hero{align-items:center;gap:8px;margin:0 8px 8px 0;display:inline-flex}.profile-record-hero img{border-radius:var(--tf-radius-control);object-fit:cover}.profile-season-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}.profile-season-main,.profile-season-heroes{min-width:0}.profile-season-heroes .profile-hero-grid.is-detailed,.profile-season-heroes .profile-hero-tools{grid-template-columns:minmax(0,1fr)}.profile-season-open{width:100%;margin-top:16px;display:flex}@media (max-width:1279px){.profile-season-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:1079px){.profile-analytics-middle{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.profile-analytics-panel .profile-stat-key-values>div:nth-child(2n){border:0}.profile-analytics-panel .profile-stat-key-values>div:last-child{grid-column:1/-1}.profile-analytics-groups .profile-stat-groups,.profile-analytics-battle .profile-combat-grid{grid-template-columns:minmax(0,1fr)}}.profile-reference .profile-update-row .profile-sync{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);background:var(--tf-surface);padding:12px 16px}.profile-reference .profile-sync-actions .button,.profile-reference .profile-sync-details summary{min-height:44px}.profile-reference .profile-public-actions>summary{min-width:44px;min-height:44px}.profile-compatibility-dialog{width:min(800px,100vw - 24px)}.profile-compatibility-dialog .discovery-criteria li>div{grid-template-columns:minmax(0,1fr) minmax(80px,1fr) auto;align-items:center;gap:16px;display:grid}.profile-compatibility-dialog progress{width:100%;height:8px;accent-color:var(--tf-success);display:block}.profile-compatibility-dialog .discovery-criteria li>div:not(:has(progress)){grid-template-columns:minmax(0,1fr) auto}@media (max-width:479px){.profile-compatibility-dialog .discovery-criteria li>div{grid-template-columns:minmax(0,1fr) auto}.profile-compatibility-dialog progress{grid-area:2/1/auto/-1}}.profile-reference .profile-header>.profile-cover-art{border-radius:inherit;pointer-events:none;height:100%}.profile-header>.profile-cover-art:after{content:"";background:linear-gradient(#0009 0%,#000000b8 45%,#000000f5 100%);position:absolute;inset:0}.profile-reference .profile-header :is(.profile-account-id,.profile-location,.profile-visibility-link,.profile-presence){color:var(--tf-text)}.profile-header>.profile-cover-art .profile-cover-pattern{opacity:.6}.profile-reference .profile-masthead{min-height:200px;padding:64px 24px 20px}.profile-reference .profile-masthead,.profile-reference .profile-summary-strip{z-index:var(--z-content);position:relative}.profile-reference .profile-summary-strip{border-color:#fff3;margin-inline:24px;padding-block:16px}.profile-reference .profile-identity-copy{padding-top:8px}.profile-reference .profile-avatar-v3>.avatar.large{border-color:#fff3}.profile-reference .profile-primary-actions{top:8px}.profile-reference .profile-overview-data{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:16px}.profile-overview-main,.profile-overview-social,.profile-analytics-details{gap:16px;min-width:0;display:grid}.profile-reference .profile-detailed-panel,.profile-reference .profile-side-panel,.profile-reference .profile-about-panel{padding:20px}.profile-reference .profile-overview-summary{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.profile-reference .profile-overview-summary>div{flex-direction:column;min-width:0;padding-right:12px}.profile-reference .profile-overview-summary dd{font-size:var(--fs-page-title);font-weight:var(--fw-title)}.profile-reference .profile-overview-summary dt{min-height:2.6em;line-height:1.3}.profile-reference .profile-overview-numbers>.profile-footnote{margin-bottom:0}.profile-reference .profile-selection-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;margin:12px 0;display:grid;position:relative}.profile-selection-bar>.profile-text-button{grid-area:2/1;justify-self:start}.profile-reference .profile-selected-period{clip-path:none;white-space:normal;width:auto;height:auto;font-weight:var(--fw-body);flex:1;position:static;overflow:visible}.profile-reference .profile-selection-notes{grid-column:1/-1}.profile-filter-menu{grid-area:1/2;position:relative}.profile-filter-menu>summary{cursor:pointer;width:44px;height:44px;list-style:none}.profile-filter-menu>summary::-webkit-details-marker{display:none}.profile-filter-popover{z-index:var(--z-overlay);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);background:var(--tf-surface);width:min(280px,100vw - 48px);padding:16px;position:absolute;top:calc(100% + 8px);right:0}.profile-filter-popover fieldset{border:0;margin:0 0 16px;padding:0}.profile-filter-popover legend{font-size:var(--fs-body);font-weight:var(--fw-title);margin-bottom:8px}.profile-mode-option{cursor:pointer;min-height:44px;font-size:var(--fs-body);align-items:center;gap:12px;display:flex}.profile-mode-option input{accent-color:var(--tf-link);flex:none;width:16px;height:16px}.profile-filter-popover select{width:100%;min-height:44px}.profile-reference .profile-update-row{order:5;margin:16px 0 0}.profile-reference .profile-analytics-middle{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:16px}.profile-analytics-radar .profile-battle-block{border:0;margin:0;padding:0}.profile-analytics-radar .profile-battle-visual{grid-template-columns:minmax(0,1fr) minmax(160px,1fr)}.profile-reference .profile-analytics-panel .profile-stat-key-values{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-reference .profile-analytics-groups .profile-stat-groups{grid-template-columns:minmax(0,1fr)}.profile-reference .profile-hero-grid.is-detailed{grid-template-columns:minmax(0,1fr);gap:0}.profile-reference .profile-hero-card{border:0;border-bottom:1px solid var(--tf-border);border-radius:0}.profile-reference .profile-hero-card:last-child{border-bottom:0}.profile-reference .profile-hero-trigger,.profile-reference .has-kda .profile-hero-trigger{grid-template-columns:minmax(160px,1.6fr) repeat(3,minmax(0,1fr));padding:16px 0}.profile-reference .has-kda .profile-hero-trigger{grid-template-columns:minmax(160px,1.6fr) repeat(4,minmax(0,1fr))}.profile-reference .profile-hero-name{gap:12px;display:flex}.profile-reference .profile-hero-thumb{flex:none;width:48px;height:56px;min-height:0}.profile-reference .profile-hero-name>strong{font-size:var(--fs-body)}.profile-reference .profile-hero-number{font-size:var(--fs-body-lg);text-align:right}.profile-reference .profile-hero-table-head{display:grid}.profile-reference .is-compact .profile-hero-trigger{grid-template-columns:minmax(120px,1.6fr) repeat(2,minmax(0,1fr))}.profile-reference .is-compact .profile-hero-number>small{display:block}.profile-reference .profile-season-layout{grid-template-columns:minmax(0,1fr)}.profile-reference .profile-season-data>.profile-stat-key-values{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-season-extra{font-size:var(--fs-body);margin-top:16px}.profile-season-extra>summary{cursor:pointer;align-content:center;min-height:44px}@media (max-width:1279px){.profile-analytics-radar .profile-battle-visual{grid-template-columns:minmax(0,1fr)}.profile-reference .profile-analytics-panel .profile-stat-key-values,.profile-reference .profile-season-data>.profile-stat-key-values{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1079px){.profile-reference .profile-overview-data,.profile-reference .profile-analytics-middle{grid-template-columns:minmax(0,1fr)}.profile-reference .profile-hero-table-head{display:none}}@media (max-width:767px){.profile-reference .profile-masthead{min-height:0;padding:84px 16px 16px}.profile-reference .profile-person{grid-template-columns:72px minmax(0,1fr);gap:8px 12px;display:grid}.profile-reference .profile-avatar-v3{grid-row:1/span 4}.profile-reference .profile-identity-copy{display:contents}.profile-reference .profile-identity-heading,.profile-reference .profile-account-id,.profile-reference .profile-location,.profile-reference .profile-header-team,.profile-reference .profile-visibility-link{grid-column:2;margin:0}.profile-reference .profile-identity-copy h1{font-size:var(--fs-page-title)}.profile-reference .profile-primary-actions,.profile-reference[data-own] .profile-primary-actions{grid-column:1/-1;width:100%;margin-top:8px;position:static}.profile-reference .profile-primary-actions>.button.primary{width:100%}.profile-reference .profile-public-actions>div{left:0;right:auto}.profile-reference .profile-summary-strip{margin-inline:16px;padding-block:16px}.profile-reference .profile-detailed-panel,.profile-reference .profile-side-panel,.profile-reference .profile-about-panel{width:100%;min-width:0;padding:16px}.profile-reference .profile-overview-data{flex-direction:column;gap:12px;display:flex}.profile-overview-main,.profile-overview-social{display:contents}.profile-overview-numbers{order:0}.profile-reference .profile-play-panel{order:1}.profile-reference .profile-about-panel{order:2}.profile-reference .profile-top-heroes{order:3}.profile-reference .profile-overview-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-reference .profile-overview-summary>div:nth-child(2n){border:0}.profile-reference .profile-overview-summary dt{min-height:0}.profile-reference .profile-analytics-panel .profile-stat-key-values,.profile-reference .profile-season-data>.profile-stat-key-values{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-reference .profile-analytics-panel .profile-stat-key-values>div:last-child{grid-column:auto}.profile-reference .profile-hero-trigger,.profile-reference .has-kda .profile-hero-trigger{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-reference .profile-hero-name{grid-column:1/-1}.profile-reference .profile-hero-number{text-align:left}.profile-reference .is-compact .profile-hero-trigger{grid-template-columns:minmax(100px,1.6fr) repeat(2,minmax(0,1fr));gap:8px}.profile-reference .is-compact .profile-hero-name{grid-column:auto;gap:8px}.profile-reference .is-compact .profile-hero-number{text-align:right}.profile-reference .is-compact .profile-hero-thumb{width:36px;height:44px}.profile-reference .profile-battle-visual #profile-radar-values{grid-template-columns:minmax(0,1fr);gap:0}.profile-reference #profile-radar-values>div{padding:12px 0;display:flex}.profile-reference #profile-radar-values dt{min-height:0}.profile-reference #profile-radar-values dd{text-align:right;margin:0}.profile-reference #profile-radar-values dd small{text-align:right}}.profile-reference .profile-header{isolation:isolate}.profile-reference .profile-header>.profile-cover-art{z-index:var(--z-base)}
.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:var(--fw-title) var(--fs-card-title)/var(--lh-card-title) var(--tf-font);letter-spacing:var(--tracking-card);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-control)}.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:var(--fw-title) var(--fs-section-title)/var(--lh-section-title) 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:var(--fw-title)}.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:var(--fs-section-title)}.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}}