@font-face{font-family:robotoFlex;src:url(../media/RobotoFlex-s.p.0q31-jol7nzrw.woff2)format("woff2");font-display:swap;font-weight:100 1000}@font-face{font-family:robotoFlex Fallback;src:local(Arial);ascent-override:93.26%;descent-override:24.54%;line-gap-override:0.0%;size-adjust:99.48%}.yTY5XG_className{font-family:robotoFlex,robotoFlex Fallback}.yTY5XG_variable{--font-roboto-flex:"robotoFlex", "robotoFlex Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tf-bg:#0a0a0a;--tf-bg-mobile:#101010;--tf-surface:#181818;--tf-surface-raised:#212225;--tf-surface-hover:#272a2d;--tf-surface-selected:#2e3135;--tf-border:#2d2d2d;--tf-border-subtle:#3a3f45;--tf-border-control:#696e77;--tf-text:#edeef0;--tf-text-secondary:#9aa0a8;--tf-text-disabled:#868b94;--tf-primary:#edeef0;--tf-primary-hover:#fff;--tf-on-primary:#111113;--tf-focus:#1fa7ff;--tf-link:#70b9ff;--tf-success:#3dd68c;--tf-success-bg:#132d21;--tf-warning:#ffcc4a;--tf-warning-bg:#16120c;--tf-error:#ff918f;--tf-error-bg:#3b1219;--tf-overlay:#000000b3;--fs-caption:12px;--fs-body-sm:13px;--fs-body:14px;--fs-body-lg:16px;--bp-xs:480px;--bp-sm:640px;--bp-md:768px;--bp-lg:1080px;--bp-xl:1280px;--tf-font:var(--font-roboto-flex),Arial,sans-serif;--tf-motion-press:.1s;--tf-motion-action:.15s;--tf-motion-popup:.14s;--tf-motion-dialog:.2s;--tf-ease:cubic-bezier(.16,1,.3,1);--z-base:0;--z-content:1;--z-overlay:2;--z-controls:3;--z-sticky:4;--z-floating:5;--z-nav:10;--z-drawer:40;--z-modal:100;--z-toast:200;--tf-radius-capsule:150px;--tf-radius-card:20px;--tf-radius-control:12px;--tf-radius-dialog:24px}@media (max-width:767px){:root{--tf-bg:var(--tf-bg-mobile)}}@media (prefers-reduced-motion:reduce){:root{--tf-motion-press:0s;--tf-motion-action:0s;--tf-motion-popup:0s;--tf-motion-dialog:0s}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--tf-focus);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--tf-surface-selected) var(--tf-bg)}
@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--tf-bg);--panel:var(--tf-bg);--panel-2:var(--tf-surface);--line:var(--tf-surface);--ink:var(--tf-text);--muted:var(--tf-text-secondary);--purple:var(--tf-text);--primary:var(--tf-text);--neon:var(--tf-text);--radius:12px;font-family:var(--tf-font);font-size:var(--fs-body)}*{box-sizing:border-box}body:has(dialog[open]){overflow:hidden}body{background:var(--bg);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--neon);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h1{font-family:var(--tf-font);letter-spacing:-1.5px;font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.15}h1 span{color:var(--purple)}h2{letter-spacing:-.4px;font-size:27px;font-weight:750}h3{font-size:var(--fs-body)}p{line-height:1.7}small{font-size:var(--fs-caption);line-height:1.6}img{object-fit:cover;max-width:100%}.muted{color:var(--muted)}.purple{color:var(--purple)}.neon{color:var(--neon)}.text-link{align-items:center;gap:8px;display:inline-flex}.mono,.eyebrow{font-family:var(--tf-font)}.eyebrow{font-size:var(--fs-caption);letter-spacing:2px;color:var(--muted);margin-bottom:12px;font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-toast);background:var(--neon);color:var(--tf-bg);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}main:focus{outline:none}::selection{background:var(--tf-text-secondary);color:#fff}}@layer layout{.site-header{z-index:var(--z-nav);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--tf-bg) 93%,transparent);position:sticky;top:0}.header-inner{align-items:center;gap:32px;max-width:1320px;min-height:80px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:8px;font-size:26px;font-weight:650;display:inline-flex}.brand>.ui-icon{width:33px;height:33px;color:var(--tf-text)}.brand small{font-size:var(--fs-caption);letter-spacing:.6px;border:1px solid var(--tf-border);vertical-align:middle;color:var(--tf-text-secondary);border-radius:6px;margin-left:8px;padding:3px 5px;font-weight:700;display:inline-block}.dropdown{border:1px solid var(--tf-border);border-radius:var(--tf-radius-control);background:var(--tf-bg);width:230px;box-shadow:none;padding:8px;position:absolute;top:calc(100% + 12px);right:0}.app-body{max-width:1320px;margin:auto;padding:0 32px}.environment-label{font-size:var(--fs-caption);color:var(--tf-border-control);margin-left:auto}#main{min-height:calc(100dvh - 320px);padding:22px 0 72px}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding:34px 0 40px;display:flex}.footer .brand{font-size:21px}.footer p{font-size:var(--fs-caption);color:var(--muted);margin-top:10px}.footer nav{font-size:var(--fs-caption);color:var(--tf-text-secondary);gap:20px;display:flex}.footer a:hover{color:var(--purple)}.footer>small{font-size:var(--fs-caption);color:var(--tf-text-secondary);line-height:1.8}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin:10px 0 32px;display:flex}.page-heading h1{margin-bottom:12px}.page-heading .muted{font-size:var(--fs-body);max-width:720px}.section{margin-top:62px;scroll-margin-top:100px}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title .eyebrow{margin-bottom:9px}.section-title .tabs{margin-bottom:0}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.profile-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;display:grid}.ui-icon{vertical-align:middle;flex-shrink:0}}@layer components{.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}.text-link{color:var(--purple);font-size:var(--fs-caption);font-weight:650}.text-link:hover{color:var(--tf-text)}.avatar{border:2px solid var(--tf-surface);border-radius:50%;flex-shrink:0;width:36px;height:36px}.avatar.large{border:4px solid var(--tf-surface);width:92px;height:92px}.avatar-stack{padding-left:0;display:flex}.avatar-stack .avatar{width:29px;height:29px;margin-left:-9px}.avatar-stack .avatar:first-child{margin-left:0}.hero{isolation:isolate;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:20px;min-height:540px;padding:16px 0 28px;display:grid;position:relative}.hero-content{z-index:var(--z-overlay);padding:24px 0;position:relative}.hero .eyebrow{color:var(--tf-text-secondary);font-size:var(--fs-caption);letter-spacing:1.7px;align-items:center;gap:8px;display:flex}.hero h1{font-family:var(--tf-font);text-transform:uppercase;letter-spacing:-2.5px;font-size:clamp(42px,4.55vw,66px);font-weight:850;line-height:1.09}.hero h1 span{color:var(--tf-text);display:inline-block}.hero-content>p:not(.eyebrow){color:var(--tf-text-secondary);font-size:var(--fs-body-lg);margin:26px 0 30px;line-height:1.8}.hero .button{min-height:50px;font-size:var(--fs-body);padding:14px 23px}.actions{flex-wrap:wrap;gap:12px;display:flex}.how-link{color:var(--tf-text-secondary);font-size:var(--fs-caption);align-items:center;gap:8px;margin-top:24px;display:inline-flex}.how-link:hover{color:#fff}.how-link svg{width:15px}.live-dot{background:var(--tf-text);width:7px;height:7px;box-shadow:none;border-radius:50%;flex-shrink:0;display:inline-block}.hero-showcase{isolation:isolate;min-width:0;height:480px;margin:0 28px;position:relative}.showcase-glow{background:var(--tf-surface);z-index:-1;position:absolute;inset:0 -5% -8%}.showcase-card{border:1px solid color-mix(in srgb,var(--tf-text-secondary) 27%,transparent);background:var(--tf-surface);width:40%;height:330px;box-shadow:none;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);border-radius:16px;position:absolute;top:73px;overflow:hidden}.showcase-card>img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.showcase-card>div{background:var(--tf-surface);padding:35px 16px 18px;position:absolute;inset:auto 0 0}.showcase-card strong{margin:4px 0 12px;font-size:21px;font-weight:800;display:block}.showcase-card small{font-size:var(--fs-caption);letter-spacing:2px;text-transform:uppercase;color:var(--tf-text)}.showcase-card .tag{font-size:var(--fs-caption);background:color-mix(in srgb,var(--tf-bg) 67%,transparent);border-color:color-mix(in srgb,var(--tf-border-control) 27%,transparent);padding:3px 6px}.showcase-0{left:0;transform:rotate(-12deg)}.showcase-1{z-index:var(--z-overlay);height:360px;top:36px;left:30%;transform:rotate(3deg)}.showcase-2{right:-2%;transform:rotate(13deg)}.showcase-card:hover{z-index:var(--z-controls);border-color:var(--tf-text);transform:translateY(-8px)rotate(0)}.showcase-label{z-index:var(--z-sticky);background:color-mix(in srgb,var(--tf-surface) 93%,transparent);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);box-shadow:none;align-items:center;gap:16px;padding:17px 20px;display:flex;position:absolute;bottom:14px;left:15%;right:9%}.showcase-label>.ui-icon{color:var(--tf-text);width:30px;height:30px}.showcase-label span{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.showcase-label b{color:var(--tf-text);font-size:var(--fs-body);margin-top:4px;display:block}.showcase-label .showcase-plus{width:31px;height:31px;color:var(--tf-text);background:var(--tf-border);border-radius:50%;place-items:center;margin-left:auto;font-size:20px;display:grid}.lane-section{border:1px solid var(--line);background:var(--tf-bg);border-radius:16px;align-items:center;gap:32px;padding:25px 28px;display:flex}.lane-section h2{max-width:200px;font-size:17px}.lane-section .eyebrow{font-size:var(--fs-caption);margin-bottom:8px}.lane-shortcuts{flex:1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.lane-shortcuts a{min-height:90px;font-size:var(--fs-caption);color:var(--tf-text-secondary);transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.lane-shortcuts a:hover{background:var(--tf-surface);color:var(--tf-text)}.lane-shortcuts img{object-fit:contain;width:32px;height:32px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step-card{padding:26px;position:relative}.step-card>span{color:var(--tf-border);font:800 32px Manrope,sans-serif;position:absolute;top:22px;right:24px}.step-card>.ui-icon{width:30px;height:30px;color:var(--tf-text);margin-bottom:25px}.step-card h3{margin-bottom:12px;font-size:18px}.step-card p{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);line-height:1.8}.step-card:hover{border-color:var(--tf-border-control)}.role-shortcuts{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.role-shortcuts a{border:1px solid var(--line);color:var(--tf-text-secondary);font-size:var(--fs-caption);border-radius:10px;align-items:center;gap:8px;padding:9px 14px;display:flex}.role-shortcuts a.active,.role-shortcuts a:hover{border-color:var(--tf-text-secondary);background:var(--tf-surface);color:var(--tf-text)}.role-shortcuts img{object-fit:contain}.tag.game-tag{gap:8px}.tag.game-tag img{object-fit:contain;width:22px;height:22px}.tag.game-tag img[src*="/ranks/"]{width:28px;height:28px}.lobby-row .game-tag{font-size:var(--fs-caption);background:0 0;margin-top:8px;padding:2px 6px}.lobby-row .game-tag img{width:22px;height:22px}.hero-name small{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:4px;display:block}.count{font:var(--fs-caption) monospace;color:var(--muted);border:1px solid var(--tf-border);vertical-align:middle;border-radius:6px;margin-left:7px;padding:3px 7px}.tag{font:var(--fs-caption) Manrope,sans-serif;border:1px solid var(--tf-surface);color:var(--tf-text-secondary);background:var(--tf-surface);border-radius:6px;align-items:center;padding:5px 8px;line-height:1.3;display:inline-flex}.tag.purple{color:var(--tf-text);background:var(--tf-border);border-color:var(--tf-border-control)}.tag.green{color:var(--tf-text);background:var(--tf-surface);border-color:var(--tf-border)}.lobby-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;display:grid}.lobby-list{flex-direction:column;gap:8px;display:flex}.lobby-row{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:12px;padding:18px 15px;display:flex}.lobby-row:hover{border-color:var(--tf-border-control)}.lobby-row.selected{border-color:var(--tf-border-control);background:var(--tf-surface)}.lobby-symbol{background:var(--tf-surface);border:1px solid var(--tf-border-control);width:37px;height:37px;color:var(--purple);border-radius:6px;flex-shrink:0;place-items:center;font-size:21px;display:grid}.lobby-row h3{font-size:var(--fs-caption)}.lobby-row p{font-size:var(--fs-caption);color:var(--muted);margin-top:6px}.lobby-row p span{padding:0 5px}.lobby-row>.mono{white-space:nowrap;font-size:var(--fs-caption);margin-left:auto}.arrow{color:var(--muted);font-size:17px}.lobby-detail{background:var(--tf-surface);padding:22px}.lobby-detail h2{margin:17px 0 9px;font-size:24px}.lobby-detail>p{font-size:var(--fs-caption)}.lobby-detail>small{text-align:center;font-size:var(--fs-caption);margin-top:10px;display:block}.lobby-detail .button{margin-top:18px}.member-slots{gap:8px;margin:25px 0 20px;display:flex}.member-slots .avatar,.slot{width:41px;height:41px}.slot{border:1px dashed var(--tf-border-control);color:var(--tf-border-control);border-radius:50%;place-items:center;display:grid}.slot.mine{background:var(--tf-border-control);color:#fff;font-size:var(--fs-caption);border-style:solid}.featured-player{align-items:center;gap:12px;padding:20px 16px;display:flex}.featured-player:hover{border-color:var(--tf-border-control)}.featured-player h3{font-size:var(--fs-caption)}.featured-player p{font-size:var(--fs-caption);color:var(--muted);margin-top:4px}.featured-player>.mono{font-size:var(--fs-body);margin-left:auto}.featured-player small{font-size:var(--fs-caption);color:var(--muted);text-align:right;display:block}.filters{flex-wrap:wrap;align-items:end;gap:12px;padding:20px;display:flex}.filters .text-link{align-self:center}.results-title{margin-top:25px}.results-title .field.inline{flex-direction:row;align-items:center}.player-art{isolation:isolate;background-position:50% 22%;background-size:cover;flex-direction:column;justify-content:space-between;height:220px;padding:14px;display:flex;position:relative}.player-art:after{content:"";background:var(--tf-surface);z-index:-1;position:absolute;inset:0}.player-art .tag{align-self:flex-start}.hero-name{letter-spacing:0;color:var(--tf-text);text-transform:uppercase;font:700 18px Manrope,sans-serif}.card-content{padding:22px}.identity{align-items:center;gap:12px;display:flex}.identity h2{font-size:17px}.identity .tag{margin-top:6px}.identity p{font-size:var(--fs-caption);color:var(--purple);margin-top:4px}.mini-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;margin-bottom:17px;padding:17px 0;display:flex}.mini-stats b{font-family:monospace;font-size:15px}.mini-stats small{color:var(--muted);font-size:var(--fs-caption);margin-top:5px;display:block}.empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:60px 24px}.empty>span{color:var(--purple);font-size:40px}.empty h3{color:var(--ink);margin:16px 0 8px}.team-card{padding:25px}.team-emblem{background:var(--tf-surface);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-control);width:56px;height:56px;color:var(--tf-text);font-family:Unbounded,sans-serif;font-size:var(--fs-body-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.team-emblem.small{width:38px;height:38px;font-size:var(--fs-caption);border-radius:6px}.team-card h2{margin:20px 0 10px}.team-card>p{font-size:var(--fs-caption);min-height:42px}.team-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:17px;display:flex}.team-footer>.mono{font-size:var(--fs-caption)}.tournament-art{background-position:50%;background-size:cover;height:185px;padding:18px}.prize{color:var(--neon);margin-top:5px;font-family:Unbounded,sans-serif;font-size:18px;display:block}.tournament-card h2{margin:14px 0 8px}.tournament-card p{font-size:var(--fs-caption)}.profile-cover{border:1px solid var(--tf-border);background:var(--tf-surface);border-radius:var(--tf-radius-control);background-position:100%;background-repeat:no-repeat;background-size:100% 100%,auto 100%;align-items:end;min-height:270px;padding:27px;display:flex}.profile-identity{align-items:center;gap:24px;display:flex}.profile-identity h2{margin:14px 0 8px;font:800 30px Manrope,sans-serif}.profile-identity p{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.profile-bio{color:var(--muted);overflow-wrap:anywhere;max-width:720px;margin:24px 0}.content-panel{padding:27px}.content-panel p{font-size:var(--fs-body-sm);margin:17px 0 22px}.stat{padding:25px}.stat small{color:var(--muted)}.stat strong{margin-top:14px;font:500 30px Unbounded,sans-serif;display:block}.details{margin:18px 0 0}.details>div{border-bottom:1px solid var(--line);font-size:var(--fs-caption);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.details dt{color:var(--muted)}.details dd{margin:0}.hero-card>img{object-position:50% 20%;width:100%;height:340px;display:block}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{font:var(--fs-caption) monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--tf-bg);padding:18px 20px}td{border-top:1px solid var(--line);font-size:var(--fs-caption);padding:18px 20px}tbody tr:hover{background:var(--tf-surface)}.position{font:var(--fs-body-lg) monospace}.table-player{align-items:center;gap:12px;display:flex}.table-player small{color:var(--muted);font-size:var(--fs-caption);margin-top:4px;display:block}.messenger{grid-template-columns:280px minmax(0,1fr);height:610px;display:grid}.conversation-heading{justify-content:space-between;align-items:center;padding:22px;display:flex}.conversation-heading h2{font-size:15px}.chat{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 23px;display:flex}.chat-heading small{color:var(--muted);font-size:var(--fs-caption);display:block}.chat-heading>a{margin-left:auto}.chat-history{background:var(--tf-surface);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex;overflow-y:auto}.chat-notice{text-align:center;color:var(--muted);font-size:var(--fs-caption);margin-bottom:20px}.message{background:var(--tf-surface);overflow-wrap:anywhere;border-radius:10px 10px 10px 6px;align-self:flex-start;max-width:85%;padding:13px 16px}.message p{font-size:var(--fs-caption);white-space:pre-wrap}.message small{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:7px;display:block}.message.outgoing{background:var(--tf-border-control);border-radius:10px 10px 6px;align-self:flex-end}.message-form{border-top:1px solid var(--line);align-items:center;gap:8px;padding:18px;display:flex}.message-form textarea{resize:none;font-size:var(--fs-caption)}.news-card>a>img{width:100%;height:220px;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);display:block}.news-card h2{margin:17px 0 11px;font-size:21px}.news-card h2 a:hover{color:var(--purple)}.news-card p,.news-card .team-footer{font-size:var(--fs-caption)}.article{max-width:950px;margin:auto}.article-cover{width:100%;max-height:380px;display:block}.article-body{max-width:750px;margin:auto;padding:36px}.article-body p{color:var(--tf-text-secondary);margin-bottom:26px;line-height:1.9}.article-body .article-lead{color:var(--ink);font-size:19px}.settings-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-content{min-width:0}.settings-section{margin:0;padding:26px;scroll-margin-top:20px}.settings-section h2{margin-bottom:10px}.setting-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.setting-row:last-of-type{border-bottom:0}.setting-row b{font-size:var(--fs-caption)}.setting-row small{color:var(--muted);margin-top:6px;display:block}.switch{appearance:none;border-radius:var(--tf-radius-dialog);background:var(--tf-border);border:1px solid var(--tf-border);width:38px;height:22px;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);cursor:pointer;flex-shrink:0;padding:0;position:relative}.switch:before{content:"";background:var(--tf-text);width:14px;height:14px;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--primary);border-color:var(--primary)}.switch:checked:before{background:#fff;transform:translate(16px)}.data-settings{margin-top:30px}.data-settings p{font-size:var(--fs-caption);margin-bottom:24px}#notifications{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--tf-surface);border:1px solid var(--tf-border-control);color:var(--tf-text);font-size:var(--fs-caption);box-shadow:none;border-radius:10px;padding:15px 20px}.compact .card-content,.compact .team-card,.compact .content-panel{padding:16px}.compact .lobby-row{padding:12px}.compact td{padding-top:12px;padding-bottom:12px}.avatar-fallback{background:var(--tf-surface);color:var(--tf-text);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar-fallback.large{font-size:30px}.loading-state{text-align:center;justify-items:center;gap:16px;padding:44px 28px;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--purple);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border:1px solid var(--tf-border-control);background:var(--tf-surface);color:var(--tf-text);border-radius:10px;margin:16px 0;padding:14px 18px}.auth-card{max-width:600px;margin:0 auto;padding:30px}.auth-card form,.modal form{gap:16px;display:grid}.auth-card>p{font-size:var(--fs-caption);margin-top:26px}.filters{margin-bottom:26px}.filters .field{flex:160px}.filters .button-row{margin-top:0}.hero.panel{background:var(--tf-surface);margin-bottom:50px;padding:34px}.hero-illustration{object-fit:contain;width:100%;max-height:480px;filter:drop-shadow(0 10px 30px color-mix(in srgb,var(--tf-bg) 53%,transparent))}.info-grid{grid-template-columns:1fr 1fr;gap:32px;margin-top:34px;padding:32px;display:grid}.info-grid h2{margin-bottom:14px;font-size:21px}.player-card .identity h3{overflow-wrap:anywhere;font-size:20px}.player-card .avatar.large{width:68px;height:68px}.card-bio{overflow-wrap:anywhere;min-height:48px;margin:18px 0}.tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.mini-stats{gap:24px;margin:20px 0;display:flex}.mini-stats>span{font-size:var(--fs-caption);color:var(--muted);gap:4px;display:grid}.mini-stats b{color:var(--ink);font-size:18px}.player-card small{margin:16px 0;display:block}.online-dot{background:var(--tf-success);border-radius:50%;flex-shrink:0;width:9px;height:9px}.profile-summary,.sync-panel,.stats-section{margin-bottom:26px;padding:28px;position:relative}.profile-summary>:not(.profile-hero-art){z-index:var(--z-content);position:relative}.profile-hero-art{opacity:.14;object-fit:cover;width:50%;height:100%;-webkit-mask-image:linear-gradient(to right,transparent,var(--tf-bg));mask-image:linear-gradient(to right,transparent,var(--tf-bg));position:absolute;top:0;right:0}.profile-summary>p{overflow-wrap:anywhere;max-width:767px;margin-top:22px}.details{grid-template-columns:1fr 1fr;gap:16px 28px;display:grid}.details>div{gap:8px;display:grid}.details dd{overflow-wrap:anywhere}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{border:1px solid var(--line);background:var(--panel-2);border-radius:10px}.stat strong{font-family:var(--tf-font);margin:0 0 8px}.stat span{color:var(--muted);font-size:var(--fs-caption)}.sync-panel h2{margin-bottom:12px}.sync-panel button,.sync-panel>a{margin-top:16px}.stats-section .filters{padding:20px 0 0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:18px 20px}th{font-size:var(--fs-caption);color:var(--muted)}.discovery-filters{margin-bottom:26px;padding:18px}.discovery-filters summary{cursor:pointer;color:var(--purple);font-weight:700}.discovery-filters .filters{margin-bottom:0;padding:18px 0 0}.swipe-stage{touch-action:pan-y;max-width:510px;margin:0 auto 35px}.swipe-stage .player-card{box-shadow:none;border-color:var(--tf-border-control)}.swipe-stage .identity h3{font-size:26px}.swipe-stage .card-bio{min-height:70px}.swipe-actions{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 14px;display:grid}.swipe-actions .button{min-height:54px}.friend-count{border-radius:var(--tf-radius-card);background:var(--primary);min-width:22px;min-height:22px;color:var(--tf-text);font-size:var(--fs-caption);justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}.friend-count[hidden]{display:none}.friend-actions{gap:12px;display:grid}.friend-decision{flex-wrap:wrap;gap:8px;display:flex}.friend-decision .button{flex:1}.friends-grid .player-card{display:flex}.friends-grid .card-content{flex-direction:column;width:100%;display:flex}.friends-grid .friend-actions{margin-top:auto}.messenger-actions{margin-bottom:24px}.chat{min-width:0}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.chat-header .button-row{margin:0}.message.own{background:var(--tf-border-control);border-radius:10px 10px 6px;align-self:flex-end}.message time{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:8px;display:block}.message-form{flex-wrap:wrap;align-items:flex-end}.message-form .field{flex:1}.message-form .form-error{order:3;width:100%}.chat-status{font-size:var(--fs-caption);padding:0 18px}.member-list{margin:16px 0;display:grid}.member-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex}.member-row>a{margin-right:auto}.member-row .tags,.member-row .tag{margin:0}.team-tag{font:700 var(--fs-body-lg) "Geist Mono",monospace;color:var(--purple);background:var(--tf-border);border-radius:6px;margin-bottom:16px;padding:8px 12px;display:inline-block}.card-content>h2{margin-bottom:16px}.card-content>p{margin:12px 0}.settings-section form{margin-top:20px}.setting-row small{color:var(--muted);display:block}.settings-section hr{border:0;border-top:1px solid var(--line);margin:28px 0}.settings-section h3{margin-bottom:12px;font-size:17px}.article-content{max-width:900px;margin:auto;padding:34px}.article-lead{color:var(--tf-text);margin-bottom:24px;font-size:20px}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0;line-height:1.9}.article-content a:not(.button){color:var(--purple);text-decoration:underline}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.report-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:20px;padding:20px 0;display:flex}.report-row>div{flex:1;min-width:200px}#main>.panel+.panel{margin-top:24px}.player-profile{--profile-accent:var(--tf-text);--profile-success:var(--tf-success)}.player-profile .profile-cover-v2{isolation:isolate;border-color:var(--tf-border);background:var(--tf-bg);align-items:center;gap:24px;min-height:220px;padding:34px 30px;display:flex;position:relative;overflow:visible}.player-profile .profile-cover-v2:has(.profile-public-actions[open]){z-index:var(--z-nav)}.profile-cover-art,.profile-cover-shade{z-index:-2;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.profile-cover-art{object-fit:cover;object-position:center 42%}.profile-cover-shade{z-index:-1;background:var(--tf-surface)}.profile-cover-status{font-size:var(--fs-caption);letter-spacing:.7px;color:var(--tf-text);flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex;position:absolute;top:16px;right:20px}.profile-status-dot{background:var(--profile-success);width:6px;height:6px;box-shadow:none;border-radius:50%;flex-shrink:0;display:inline-block}.profile-status-dot.is-warning{background:var(--tf-warning);box-shadow:none}.profile-mock-badge{color:var(--tf-text);border-left:1px solid var(--tf-border-control);padding-left:8px}.profile-cover-person{align-items:center;gap:24px;width:min(100%,790px);min-width:0;display:flex}.profile-avatar-wrap{flex-shrink:0;padding-bottom:8px;position:relative}.player-profile .profile-avatar-wrap .avatar{border:2px solid color-mix(in srgb,var(--tf-text-secondary) 70%,transparent);background-color:var(--tf-surface);width:108px;height:108px;box-shadow:none;object-fit:cover;border-radius:16px}.player-profile .profile-avatar-wrap .avatar-fallback{font-size:40px}.profile-level{background:var(--tf-text);color:var(--tf-surface);font-size:var(--fs-caption);white-space:nowrap;border:2px solid var(--tf-surface);border-radius:6px;padding:4px 10px;font-weight:850;line-height:1.4;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.profile-cover-copy{min-width:0}.profile-account-id{color:var(--tf-text-secondary);font-family:var(--tf-font);font-size:var(--fs-caption);letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:8px;line-height:1.8;display:flex}.profile-account-id span{color:var(--tf-text-secondary)}.player-profile .profile-cover-copy h1{letter-spacing:-.9px;overflow-wrap:anywhere;margin:9px 0 10px;font-size:clamp(28px,3.1vw,40px)}.profile-cover-bio{font-size:var(--fs-caption);color:var(--tf-text-secondary);overflow-wrap:anywhere;max-width:620px;line-height:1.65}.player-profile .profile-cover-copy .tags{gap:8px;margin:13px 0 0}.player-profile .profile-cover-copy .tag{font-size:var(--fs-caption);background:color-mix(in srgb,var(--tf-surface) 78%,transparent);border-color:color-mix(in srgb,var(--tf-border-control) 33%,transparent);padding:4px 8px}.player-profile .profile-cover-copy .tag img{width:18px;height:18px}.profile-cover-actions{flex-shrink:0;align-self:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.profile-cover-actions>.button{font-size:var(--fs-caption);background:color-mix(in srgb,var(--tf-surface) 73%,transparent);border-color:color-mix(in srgb,var(--tf-border-control) 44%,transparent);min-height:38px;padding:9px 12px}.profile-cover-actions .ui-icon{width:15px;height:15px}.profile-cover-actions.has-friendship{flex-wrap:wrap;max-width:48%}.profile-public-actions summary{list-style:none}.profile-public-actions>div{z-index:var(--z-controls);background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:8px;min-width:160px;padding:8px;display:grid;position:absolute;top:100%;right:0}.profile-sync{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:20px;padding:15px 4px;display:flex}.profile-sync-caption{align-items:center;gap:8px;display:flex}.profile-sync-caption>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-sync-caption span:not(.profile-status-dot){font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-sync-caption small{color:var(--tf-border-control);font-size:var(--fs-caption)}.profile-sync-actions{align-items:center;gap:16px;display:flex}.profile-sync .button{font-size:var(--fs-caption);min-height:32px;padding:7px 11px}.profile-sync-details{position:relative}.profile-sync-details summary{color:var(--tf-text-secondary);font-size:var(--fs-caption);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.profile-sync-details summary .ui-icon{width:12px;height:12px}.profile-sync-details>div{width:min(330px,85vw);z-index:var(--z-nav);border:1px solid var(--tf-border);background:var(--tf-surface);box-shadow:none;font-size:var(--fs-caption);color:var(--tf-text-secondary);border-radius:10px;padding:18px;position:absolute;top:calc(100% + 12px);right:0}.profile-sync-details p+p{margin-top:6px}.profile-sync-message{font-size:var(--fs-caption);color:var(--profile-accent);flex-basis:100%}.profile-sync-message:empty{display:none}.profile-tabs-bar{border:1px solid var(--line);background:var(--tf-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:5px;scroll-margin-top:95px;display:flex}.profile-tabs{align-items:center;gap:4px;display:flex;overflow:auto}.profile-tabs button{color:var(--tf-text-secondary);font-size:var(--fs-caption);letter-spacing:.4px;background:0 0;border:0;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:11px 20px;font-weight:750;display:flex}.profile-tabs button[aria-selected=true]{background:var(--primary);color:var(--tf-text);box-shadow:none}.profile-tabs button:not([aria-selected=true]):hover{background:var(--tf-surface);color:var(--tf-text)}.profile-tabs button>span{font-size:var(--fs-caption);background:color-mix(in srgb,var(--tf-text) 8%,transparent);border-radius:6px;padding:2px 5px}.profile-visibility-link{font-size:var(--fs-caption);color:var(--tf-text-secondary);white-space:nowrap;align-items:center;gap:8px;margin-right:12px;display:flex}.profile-visibility-link .ui-icon{width:12px;height:12px;transform:rotate(-90deg)}.profile-overview-cards{grid-template-columns:1fr 1fr 1.35fr 1.15fr;gap:16px;margin-bottom:20px;display:grid}.profile-overview-cards>article{min-width:0;padding:20px}.profile-overview-cards h2{font:650 var(--fs-caption) "Geist Mono",monospace;text-transform:uppercase;letter-spacing:1.5px;color:var(--tf-text-secondary);margin:0 0 14px}.profile-rank-card{text-align:center;background:var(--tf-surface);flex-direction:column;align-items:center;display:flex}.profile-rank-card h2{align-self:flex-start}.profile-rank-emblem{justify-content:center;align-items:center;width:108px;height:94px;margin:0 0 8px;display:flex}.profile-rank-emblem img{object-fit:contain;width:94px;height:94px;filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--tf-text-secondary) 14%,transparent))}.profile-rank-unknown{color:var(--tf-border-control);font-size:38px}.profile-rank-card>strong{color:var(--tf-text);font-size:15px;font-weight:800;line-height:1.45}.profile-rank-card>p{font-size:var(--fs-caption);color:var(--tf-border-control);margin-top:8px}.profile-card-period{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin:-5px 0 12px}.profile-career-body{align-items:center;gap:16px;display:flex}.profile-winrate{flex-shrink:0;width:96px;height:96px;position:relative}.profile-winrate svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.profile-winrate circle{fill:none;stroke-width:7px}.profile-winrate .ring-track{stroke:var(--tf-border)}.profile-winrate .ring-value{stroke:var(--profile-success);stroke-linecap:round}.profile-winrate>span{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.profile-winrate b{color:var(--profile-success);font:750 15px Geist Mono,monospace}.profile-winrate small{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-winrate.is-unknown b{color:var(--tf-text-secondary)}.profile-facts{margin:0;display:grid}.profile-facts>div{border-bottom:1px solid var(--tf-surface);font-size:var(--fs-caption);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;line-height:1.6;display:flex}.profile-facts>div:last-child{border:0}.profile-facts dt{color:var(--tf-text-secondary);flex-shrink:0}.profile-facts dd{text-align:right;color:var(--tf-text);overflow-wrap:anywhere;min-width:0;margin:0;font-weight:650}.profile-career-body .profile-facts{flex:1;min-width:0}.profile-career-body .profile-facts>div{font-size:var(--fs-caption);border:0;padding:5px 0}.profile-career-body .profile-facts dd{font:650 var(--fs-caption) "Geist Mono",monospace}.profile-text-button{color:var(--profile-accent);font-size:var(--fs-caption);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:650;line-height:1.6;display:inline-flex}.profile-text-button .ui-icon{width:13px;height:13px}.profile-career-card>.profile-text-button{margin-top:15px}.profile-data-note{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:14px;line-height:1.65}.player-profile .notice{font-size:var(--fs-caption);margin:12px 0;padding:10px 12px}.profile-overview-columns{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px;display:grid}.profile-main-column,.profile-side-column{gap:20px;min-width:0;display:grid}.profile-heroes-panel,.profile-side-panel,.profile-battle-preview,.profile-detailed-panel{padding:24px}.profile-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-section-title h2,.profile-side-panel h2,.profile-battle-preview h2{letter-spacing:-.3px;font-size:18px}.profile-section-title p{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:7px}.profile-section-title>.profile-text-button{flex-shrink:0}.profile-hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.profile-hero-card{border:1px solid var(--tf-surface);background:var(--tf-bg);border-radius:10px;min-width:0;overflow:hidden}.profile-hero-picture{background:var(--tf-surface);justify-content:center;align-items:center;height:130px;display:flex;position:relative;overflow:hidden}.profile-hero-picture img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.profile-hero-picture>span:not(.profile-favorite){color:var(--tf-text-secondary);font:700 24px Geist Mono,monospace}.profile-favorite{background:color-mix(in srgb,var(--tf-surface) 80%,transparent);width:23px;height:23px;color:var(--tf-text);font-size:var(--fs-caption);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:7px;right:7px}.profile-hero-caption{padding:12px 10px}.profile-hero-caption h3{font-size:var(--fs-caption);overflow-wrap:anywhere;font-weight:750}.profile-hero-caption>p{font-size:var(--fs-caption);color:var(--tf-text-secondary);margin-top:4px}.profile-hero-result{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px;margin-top:12px;display:flex}.profile-hero-result>b{font:650 var(--fs-caption) "Geist Mono",monospace;color:var(--profile-success)}.profile-hero-result>span{font-size:var(--fs-caption);color:var(--tf-text-secondary)}.profile-hero-extra{font-size:var(--fs-caption);color:var(--tf-text-secondary);border-top:1px solid var(--tf-border);grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;padding-top:13px;display:grid}.profile-hero-extra>span{gap:4px;display:grid}.profile-hero-extra b{color:var(--tf-text);font-size:var(--fs-caption)}.profile-hero-detail{margin-top:12px}.profile-hero-detail summary{font-size:var(--fs-caption);color:var(--tf-text-secondary);cursor:pointer}.profile-hero-detail .profile-facts>div{font-size:var(--fs-caption);gap:4px;padding:5px 0}.profile-hero-grid.is-detailed{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:16px}.profile-hero-grid.is-detailed .profile-hero-picture{height:190px}.profile-hero-grid.is-detailed .profile-hero-caption{padding:15px}.profile-hero-grid.is-detailed .profile-hero-caption h3{font-size:var(--fs-body)}.profile-hero-grid.is-detailed .profile-hero-result>b{font-size:15px}.profile-side-panel h2,.profile-battle-preview h2{margin-bottom:18px}.profile-class-list{gap:16px;display:grid}.profile-class-row{grid-template-columns:1fr auto;gap:8px;display:grid}.profile-class-row>span{font-size:var(--fs-caption);color:var(--tf-text-secondary);align-items:center;gap:8px;display:flex}.profile-class-row>span>img{object-fit:contain;width:22px;height:22px}.profile-class-row>b{font:500 var(--fs-caption) "Geist Mono",monospace;color:var(--tf-text-secondary);align-self:center}.profile-class-row meter{background:var(--tf-surface);border:0;border-radius:6px;grid-column:1/-1;width:100%;height:5px}.profile-class-row meter::-webkit-meter-bar{background:var(--tf-surface);border:0;border-radius:6px;height:5px}.profile-class-row meter::-webkit-meter-optimum-value{background:var(--tf-text);border-radius:6px}.profile-class-row meter::-moz-meter-bar{background:var(--tf-text);border-radius:6px}.profile-footnote{font-size:var(--fs-caption);color:var(--tf-border-control);margin-top:18px;line-height:1.7}.profile-preference{margin-bottom:16px}.profile-preference h3{font-size:var(--fs-caption);color:var(--tf-text-secondary);font-weight:500}.profile-preference .tags{margin:8px 0 0}.profile-preference .tags>.muted,.profile-preference .tag{font-size:var(--fs-caption)}.profile-main-column>.profile-side-panel{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.profile-main-column>.profile-side-panel h2,.profile-main-column>.profile-side-panel>.profile-facts,.profile-main-column>.profile-side-panel>.button,.profile-main-column>.profile-side-panel>.profile-offers{grid-column:1/-1}.profile-main-column>.profile-side-panel>.profile-facts{grid-template-columns:1fr 1fr;gap:0 24px}.profile-main-column>.profile-side-panel>.button{font-size:var(--fs-caption);min-height:36px;margin-top:18px}.profile-offers{font-size:var(--fs-caption);color:var(--profile-success);margin-top:12px}.profile-stat-filters{border:1px solid var(--tf-surface);background:var(--tf-bg);border-radius:10px;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px;padding:16px;display:flex}.profile-stat-filters .field{flex:1;min-width:130px}.profile-stat-filters .field>span{font-size:var(--fs-caption)}.profile-stat-filters select{font-size:var(--fs-caption);padding:10px}.profile-stat-filters .button{min-height:38px;font-size:var(--fs-caption);padding:9px 15px}.profile-hero-search{flex:0 230px;min-width:120px}.profile-hero-search input{font-size:var(--fs-caption)}.profile-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:35px 20px;display:flex}.profile-empty>span{border-radius:var(--tf-radius-control);background:var(--tf-surface);width:48px;height:48px;color:var(--tf-text);justify-content:center;align-items:center;display:flex}.profile-empty h3{font-size:15px}.profile-empty p{font-size:var(--fs-caption);color:var(--tf-text-secondary);max-width:350px}.profile-no-heroes{font-size:var(--fs-body-sm);text-align:center;color:var(--tf-text-secondary);padding:35px}.profile-stat-summary{grid-template-columns:170px 1fr;align-items:center;gap:32px;margin:28px 0;display:grid}.profile-stat-donut{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-stat-donut .profile-winrate{width:130px;height:130px}.profile-stat-donut .profile-winrate b{font-size:20px}.profile-stat-donut>p{color:var(--tf-text-secondary);font-size:var(--fs-caption)}.profile-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-metric{background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:10px;min-width:0;padding:23px 17px}.profile-metric span{font-size:var(--fs-caption);color:var(--tf-text-secondary);display:block}.profile-metric strong{color:var(--tf-text);overflow-wrap:anywhere;margin-top:12px;font:650 26px Geist Mono,monospace;display:block}.profile-battle-heading{margin:26px 0 16px;font-size:15px}.profile-battle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-battle-metric{background:var(--tf-bg);border:1px solid var(--tf-surface);border-radius:10px;padding:18px}.profile-battle-metric>span{color:var(--tf-text-secondary);font-size:var(--fs-caption);display:block}.profile-battle-metric>strong{margin-top:10px;font:600 22px Geist Mono,monospace;display:block}.account-notification{background:var(--purple);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.account-notification[hidden]{display:none}.general-menu-trigger{font:inherit;background:0 0;border:0}.account-menu-identity{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.account-menu-identity .avatar{flex-shrink:0;width:48px;height:48px}.account-menu-identity>div{min-width:0}.account-menu-identity h2{font-size:var(--fs-body-lg);overflow-wrap:anywhere;letter-spacing:0}.account-menu-identity p{font-size:var(--fs-caption);color:var(--muted);margin-top:3px}.team-section{margin-bottom:24px}.team-section>h2{margin-bottom:16px;font-size:22px}.team-section>p+.button{margin-top:20px}.team-section .team-description{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px}.team-summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.team-summary>div:first-child{min-width:0}.team-summary h2{overflow-wrap:anywhere;margin:8px 0;font-size:28px}.team-capacity{text-align:right;flex-shrink:0;gap:8px;display:grid}.team-capacity strong{color:var(--purple);font-size:28px}.team-capacity span{color:var(--muted);font-size:var(--fs-caption)}.team-personal-columns,.team-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.team-personal-columns .team-section,.team-management-grid .team-section{margin:0}.team-management-grid .team-danger-zone{border-color:var(--tf-border-control);grid-column:1/-1}.team-management-grid .team-section>h2+p{min-height:52px}.team-request-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.team-request-row>div:first-child{overflow-wrap:anywhere;flex:1;min-width:180px}.team-request-row h3{font-size:var(--fs-body-lg);margin-bottom:8px}.team-request-row p{margin-top:6px}.team-text-link{color:var(--purple);font-size:var(--fs-caption);margin-top:12px;display:inline-block}.team-person{overflow-wrap:anywhere;flex:1;min-width:0}.team-person small{color:var(--muted);font-size:var(--fs-caption);margin-top:4px;display:block}.team-member-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.team-roster .member-row{gap:12px;padding:18px 0}.team-invite-friends{margin:16px 0 24px}.team-invite-friends>.muted{padding:12px 0}.team-empty-actions{justify-content:center;margin-bottom:12px}.my-team-tabs .button{white-space:nowrap}}@layer responsive{@media (max-width:1079px){.header-inner{gap:20px;padding:0 24px}.app-body{padding:0 24px}.hero-content>p:not(.eyebrow){font-size:var(--fs-body)}.hero .button{font-size:var(--fs-body-sm);padding:12px 17px}.showcase-card{height:290px}.showcase-1{height:330px}.showcase-label{bottom:20px}.lane-section{gap:16px;padding:22px}.lane-shortcuts{gap:4px}.player-grid{gap:16px}.card-content{padding:20px}.messenger{grid-template-columns:240px minmax(0,1fr)}.footer{flex-wrap:wrap}.header-inner{min-height:72px}.footer{padding-bottom:105px}#notifications{bottom:90px}.hero{grid-template-columns:1.1fr 1fr;min-height:440px}.hero h1{font-size:39px}.hero-showcase{height:390px}.showcase-card{width:44%;height:250px;top:80px}.showcase-1{height:285px;top:42px;left:27%}.showcase-2{right:0}.showcase-card strong{font-size:var(--fs-body-lg)}.showcase-card>div{padding:30px 10px 13px}.showcase-card .tag{font-size:var(--fs-caption)}.showcase-label{padding:12px 15px;bottom:0;left:7%;right:1%}.showcase-label b,.showcase-label span{font-size:var(--fs-caption)}.hero .actions{flex-direction:column;align-items:flex-start}.hero .button{min-width:210px}.lane-section{flex-direction:column;align-items:stretch}.lane-section h2{max-width:none}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-player{flex-wrap:wrap;padding:18px}.page-heading h1{font-size:34px}.section-title h2{font-size:23px}.step-card{padding:22px}.steps-grid{gap:16px}}@media (max-width:639px){.app-body{padding:0 18px}.header-inner{gap:8px;min-height:64px;padding:0 18px}.brand{font-size:23px}.brand>.ui-icon{width:28px;height:28px}.brand small,.inbox-link{display:none}.environment-label{font-size:var(--fs-caption);text-align:right;max-width:115px;line-height:1.5}#main{padding:16px 0 48px}.page-heading{flex-direction:column;align-items:flex-start;gap:16px;margin:9px 0 25px}.page-heading h1{letter-spacing:-1px;font-size:30px;line-height:1.15}.page-heading .muted{font-size:var(--fs-body-sm)}h2{font-size:22px}.eyebrow{font-size:var(--fs-caption);letter-spacing:1.4px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:8px 0 20px}.hero-content{padding:12px 0 0}.hero h1{letter-spacing:-1.6px;font-size:clamp(37px,9.7vw,53px);line-height:1.12}.hero .eyebrow{font-size:var(--fs-caption);letter-spacing:1.2px;margin-bottom:18px}.hero-content>p:not(.eyebrow){font-size:var(--fs-body);margin:20px 0 24px}.hero-content>p>br{display:none}.hero .actions{align-items:stretch;gap:8px}.hero .button{width:100%;min-height:48px;font-size:var(--fs-body-sm)}.how-link{margin-top:18px}.hero-showcase{width:100%;max-width:430px;height:360px;margin:8px auto 20px}.showcase-card{width:40%;height:248px;top:55px}.showcase-0{left:3%;transform:rotate(-10deg)}.showcase-1{height:282px;top:25px;left:30%}.showcase-2{right:3%;transform:rotate(10deg)}.showcase-card strong{font-size:17px}.showcase-label{bottom:0;left:14%;right:8%}.showcase-card .tag{font-size:var(--fs-caption);white-space:nowrap}.showcase-card .tag img{width:16px;height:16px}.lane-section{gap:20px;padding:22px 16px}.lane-shortcuts{gap:4px}.lane-shortcuts a{min-height:75px;font-size:var(--fs-caption);gap:8px;line-height:1.4}.lane-shortcuts img{width:27px;height:27px}.lane-section h2{font-size:19px}.section{margin-top:42px;scroll-margin-top:83px}.section-title{flex-wrap:wrap;align-items:flex-start;gap:12px}.section-title h2{letter-spacing:-.6px;font-size:24px;line-height:1.25}.section-title .text-link{font-size:var(--fs-caption)}.lobby-layout,.team-grid,.profile-grid,.settings-layout,.player-grid,.compact-grid,.steps-grid{grid-template-columns:1fr}.lobby-row{gap:12px;padding:17px 14px}.lobby-symbol{width:34px;height:34px}.lobby-row h3{font-size:var(--fs-body-sm)}.lobby-row p{font-size:var(--fs-caption)}.lobby-row>.ui-icon{display:none}.lobby-detail{padding:22px}.lobby-detail .section-title{align-items:center}.lobby-detail .section-title>.muted{font-size:var(--fs-caption)}.featured-player{flex-wrap:nowrap;padding:20px}.featured-player>.ui-icon{margin-left:auto}.filters{grid-template-columns:1fr 1fr;gap:16px;padding:18px;display:grid}.filters .field{min-width:0}.filters .search-field,.filters .check{grid-column:1/-1}.filters .button{min-height:44px}.filters .text-link{text-align:center}.role-shortcuts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.role-shortcuts a{font-size:var(--fs-caption);flex-direction:column;gap:8px;padding:11px 4px}.results-title{flex-direction:column;align-items:flex-start}.player-art{background-position:50% 23%;height:250px}.identity h2{font-size:21px}.card-content{padding:24px}.team-card{padding:23px}.team-footer{flex-wrap:wrap}.stats-grid{gap:8px}.stat{padding:18px 12px}.stat strong{font-size:24px}.stat small{font-size:var(--fs-caption)}.profile-cover{background-position:100%;min-height:310px;padding:22px}.profile-identity{align-items:flex-start;gap:12px}.profile-identity h2{overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:25px}.profile-identity .tags{margin:10px 0 0}.avatar.large{width:65px;height:65px}.profile-bio{font-size:var(--fs-body)}.messenger{grid-template-columns:1fr;height:auto}.conversation-heading{display:none}.chat{height:510px}.chat-history{padding:18px 14px}.chat-heading{padding:16px}.message-form{align-items:stretch;gap:8px;padding:12px}.message-form textarea{font-size:var(--fs-body-lg)}.message-form .button{font-size:var(--fs-caption);padding:10px}.settings-section{padding:22px;scroll-margin-top:85px}.setting-row{gap:16px}.article-body{padding:24px}.article-body .article-lead{font-size:18px}.footer{flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:110px}.footer nav{flex-wrap:wrap}.empty{padding:45px 18px}}@media (max-width:1079px){.hero.panel{padding:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-header{flex-wrap:wrap}}@media (max-width:639px){.hero.panel{padding:24px}.hero-illustration{max-height:250px}.info-grid{grid-template-columns:1fr;padding:24px}.auth-card,.profile-summary,.sync-panel,.stats-section,.article-content{padding:22px}.details{grid-template-columns:1fr}.filters .check-label,.filters .button-row{grid-column:1/-1}.filters>.button{align-self:end}.swipe-actions{gap:8px}.swipe-actions .button{padding:12px 8px}.messenger{flex-direction:column;display:flex}.chat-history{min-height:270px;max-height:440px}.environment-label{flex-basis:100%;margin-left:0}.member-row .button{font-size:var(--fs-caption)}.avatar.large{width:65px;height:65px}.section-heading{align-items:flex-start}.dropdown{max-height:70dvh;overflow:auto}}@media (max-width:1279px){.profile-overview-cards{grid-template-columns:1fr 1fr 1.4fr 1.2fr;gap:12px}.profile-overview-cards>article{padding:16px}.profile-overview-cards h2{font-size:var(--fs-caption);letter-spacing:1px}.profile-career-body{gap:8px}.profile-career-body .profile-winrate{width:80px;height:80px}.profile-career-body .profile-winrate b{font-size:var(--fs-caption)}.profile-overview-columns{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.profile-heroes-panel,.profile-side-panel,.profile-battle-preview{padding:20px}.profile-cover-actions{align-self:end}.profile-cover-actions>.button{gap:0;padding:10px;font-size:0}.profile-cover-actions.has-friendship>.button{font-size:var(--fs-caption);padding:10px}.profile-cover-actions>.button .ui-icon{width:19px;height:19px}.profile-hero-result{flex-direction:column;align-items:flex-start}.profile-hero-grid.is-detailed{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1079px){.profile-overview-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-overview-cards>article{padding:20px}.profile-rank-card{text-align:left;grid-template-columns:100px 1fr;column-gap:16px;display:grid}.profile-rank-card h2{grid-column:1/-1;margin-bottom:10px}.profile-rank-emblem{grid-row:2/4;width:96px;margin:0}.profile-rank-card>strong{align-self:end}.profile-rank-card>p{align-self:start;margin-top:5px}.profile-career-body .profile-winrate{width:96px;height:96px}.profile-overview-columns{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr 1fr;gap:16px}.profile-hero-picture{height:145px}.profile-sync-caption>div{display:block}.profile-sync-caption small{margin-top:3px;display:block}.profile-cover-person{gap:20px}.profile-hero-grid.is-detailed{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.player-profile .profile-cover-v2{align-items:flex-start;gap:8px;min-height:245px;padding:48px 20px 22px}.profile-cover-art{object-position:63% center;opacity:.8}.profile-cover-shade{background:var(--tf-surface)}.profile-cover-person{align-items:flex-start;gap:16px}.player-profile .profile-avatar-wrap .avatar{border-radius:var(--tf-radius-control);width:70px;height:70px}.player-profile .profile-avatar-wrap .avatar-fallback{font-size:28px}.profile-level{font-size:var(--fs-caption);padding:3px 7px}.player-profile .profile-cover-copy h1{margin:8px 0;font-size:25px}.profile-account-id{font-size:var(--fs-caption);letter-spacing:.3px;gap:4px 8px}.profile-cover-bio{font-size:var(--fs-caption)}.profile-cover-status{font-size:var(--fs-caption);top:13px;left:20px;right:auto}.profile-mock-badge{font-size:var(--fs-caption)}.profile-cover-actions{position:absolute;top:10px;right:12px}.player-profile .profile-cover-v2:has(.has-friendship){flex-wrap:wrap}.profile-cover-actions.has-friendship{align-self:stretch;max-width:100%;margin:12px 0 0;position:relative;top:auto;right:auto}.profile-cover-actions.has-friendship>.button{font-size:var(--fs-caption);min-height:40px;padding:9px 12px}.profile-cover-actions>.button{border-color:#0000;min-height:30px;padding:6px}.profile-cover-actions>.button:not(:has(.ui-icon)){font-size:var(--fs-caption);padding:6px 8px}.profile-public-actions summary{min-height:30px;padding:4px 8px}.profile-sync{gap:12px;margin-bottom:16px;padding:13px 1px;position:relative}.profile-sync-details{position:static}.profile-sync-details>div{width:auto;top:100%;left:0;right:0}.profile-sync-actions{gap:12px}.profile-sync-caption span:not(.profile-status-dot),.profile-sync-caption small{font-size:var(--fs-caption)}.profile-tabs-bar{margin-bottom:16px;padding:5px;scroll-margin-top:85px;display:block}.profile-tabs{justify-content:space-between}.profile-tabs button{font-size:var(--fs-caption);flex:1;justify-content:center;gap:8px;padding:10px 15px}.profile-visibility-link{font-size:var(--fs-caption);justify-content:center;margin:0;padding:10px 0 4px}.profile-overview-cards{gap:12px}.profile-overview-cards>article{padding:16px}.profile-rank-card{text-align:center;gap:0;display:flex}.profile-rank-card h2{font-size:var(--fs-caption);align-self:center}.profile-rank-emblem{width:82px;height:76px;margin:0 0 8px}.profile-rank-emblem img{width:78px;height:78px}.profile-rank-card>strong{font-size:var(--fs-body-sm);align-self:center}.profile-rank-card>p{font-size:var(--fs-caption);align-self:center}.profile-career-card,.profile-info-card{grid-column:1/-1}.profile-career-card .profile-career-body{gap:24px}.profile-career-body .profile-winrate{width:110px;height:110px}.profile-career-body .profile-winrate b{font-size:17px}.profile-career-body .profile-facts>div{font-size:var(--fs-caption);padding:6px 0}.profile-career-body .profile-facts dd{font-size:var(--fs-body)}.profile-info-card>.profile-facts{grid-template-columns:1fr 1fr;gap:0 20px}.profile-info-card .profile-facts>div{font-size:var(--fs-caption);flex-direction:column;gap:4px}.profile-info-card .profile-facts dd{text-align:left}.profile-side-column{grid-template-columns:1fr}.profile-heroes-panel,.profile-side-panel,.profile-battle-preview,.profile-detailed-panel{padding:18px}.profile-section-title{align-items:flex-start;gap:8px;margin-bottom:16px}.profile-section-title h2,.profile-side-panel h2,.profile-battle-preview h2{font-size:var(--fs-body-lg)}.profile-section-title p{font-size:var(--fs-caption)}.profile-section-title>.profile-text-button{font-size:var(--fs-caption);margin-top:3px}.profile-hero-grid{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:130px;grid-auto-flow:column;gap:8px;padding-bottom:8px;overflow-x:auto}.profile-hero-card{scroll-snap-align:start}.profile-hero-picture{height:135px}.profile-hero-result{flex-direction:row}.profile-main-column>.profile-side-panel{grid-template-columns:1fr}.profile-main-column>.profile-side-panel>.profile-facts{grid-template-columns:1fr;gap:0}.profile-hero-grid.is-detailed{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:12px;overflow:visible}.profile-hero-grid.is-detailed .profile-hero-picture{height:155px}.profile-hero-grid.is-detailed .profile-hero-caption{padding:12px}.profile-hero-grid.is-detailed .profile-hero-caption h3,.profile-hero-grid.is-detailed .profile-hero-result>b{font-size:var(--fs-caption)}.profile-hero-search{flex:1}#profile-panel-heroes .profile-section-title{flex-direction:column}#profile-panel-heroes .profile-hero-search{width:100%}.profile-stat-filters{grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.profile-stat-filters .field{min-width:0}.profile-stat-filters .field>span{font-size:var(--fs-caption)}.profile-stat-filters select{font-size:var(--fs-caption);padding:9px 7px}.profile-stat-filters .button{min-height:36px;font-size:var(--fs-caption);padding:8px}.profile-stat-summary{grid-template-columns:1fr;gap:20px}.profile-stat-donut{flex-direction:row;justify-content:center}.profile-stat-donut .profile-winrate{width:105px;height:105px}.profile-stat-donut .profile-winrate b{font-size:var(--fs-body-lg)}.profile-stat-donut>p{display:none}.profile-metric-grid{gap:8px}.profile-metric{padding:17px 15px}.profile-metric strong{font-size:23px}.profile-battle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-battle-metric{padding:14px}.profile-battle-metric>span{font-size:var(--fs-caption)}.profile-battle-metric>strong{font-size:20px}}@media (max-width:1079px){.account-menu-identity .avatar{width:52px;height:52px}.message-form input{font-size:var(--fs-body-lg)}}@media (max-width:767px){.team-personal-columns,.team-management-grid{grid-template-columns:1fr;gap:16px}.team-section{margin-bottom:18px}.team-management-grid .team-danger-zone{grid-column:auto}}@media (max-width:639px){.team-section{padding:22px 18px}.team-summary{align-items:flex-start;gap:12px}.team-summary h2{font-size:23px}.team-capacity strong{font-size:24px}.team-capacity span,.team-section .team-tag{font-size:var(--fs-caption)}.team-request-row{padding:18px 0;display:block}.team-request-row>div:first-child{min-width:0}.team-request-row>.button,.team-request-row>.team-member-actions{margin-top:14px}.team-member-actions{gap:8px;width:100%}.team-member-actions .button{flex:1;padding:10px 8px}.team-invite-friends .member-row>.button{flex-basis:100%}.my-team-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.my-team-tabs .button{font-size:var(--fs-caption);padding:10px 8px}.team-empty-actions .button{width:100%}}}
:root{--control-height:44px;--control-target:44px;--control-radius:18px;--button-radius:var(--control-radius);--field-radius:var(--control-radius);--field-background:var(--tf-bg);--field-border:var(--tf-border);--field-focus-border:var(--tf-text);--field-focus-ring:color-mix(in srgb,var(--tf-text) 13%,transparent);--control-focus-color:var(--tf-text);--close-hover-background:color-mix(in srgb,var(--tf-text-secondary) 11%,transparent);--close-focus-color:var(--tf-text);--nav-width:72px;--nav-expanded-width:238px;--nav-link-width:52px;--nav-expanded-link-width:218px;--nav-active-background:color-mix(in srgb,var(--tf-border-control) 60%,transparent);--list-active-background:color-mix(in srgb,var(--tf-border) 53%,transparent);--list-active-border:color-mix(in srgb,var(--tf-border-control) 40%,transparent)}@layer components{.button{transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);border:1px solid #0000;justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.button span{margin-left:auto}.primary{background:var(--primary);color:var(--tf-text);box-shadow:none}.primary:hover{background:var(--tf-text)}.secondary{background:var(--tf-surface);border-color:var(--tf-border);color:var(--ink)}.secondary:hover{background:var(--tf-surface);border-color:var(--tf-border-control)}.danger{background:var(--tf-border);border-color:var(--tf-border-control);color:var(--tf-error)}.danger:hover{background:var(--tf-border-control)}.full{width:100%}.icon-button{width:var(--control-height);height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--muted);transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);background:0 0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.icon-button:hover{background:var(--panel-2);color:#fff}.button-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.button.ghost{border-color:var(--line);background:0 0}.button.small{min-height:36px;font-size:var(--fs-caption);padding:7px 12px}.field input,.field select{min-height:var(--control-height);font-size:var(--fs-body-sm)}.check{font-size:var(--fs-caption);color:var(--muted);align-items:center;gap:8px;display:flex}.inline>span{white-space:nowrap}.stack{flex-direction:column;gap:16px;display:flex}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-error{color:var(--tf-error);font-size:var(--fs-caption)}.field{flex-direction:column;flex:1;gap:8px;min-width:150px;display:flex}.field>span{font-size:var(--fs-caption);color:var(--muted)}.check-label{cursor:pointer;align-items:center;gap:8px;padding:10px 0;line-height:1.5;display:flex}.check-label input{flex-shrink:0}.check-group{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:12px 16px;margin:0;padding:14px;display:flex}.check-group legend{color:var(--muted);padding:0 6px}.check-group label{align-items:center;gap:8px;display:flex}.form-error:empty{display:none}.tabs{gap:8px;margin-bottom:22px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{min-height:var(--control-target);border-radius:var(--control-radius);color:var(--muted);font-size:var(--fs-body-sm);white-space:nowrap;border:1px solid #0000;padding:10px 16px}.tab.active{background:var(--tf-surface);border-color:var(--tf-border-control);color:var(--tf-text)}.tab:hover{background:var(--tf-surface);color:#fff}.settings-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;min-width:0;max-width:100%;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs [role=tab]{white-space:nowrap;color:var(--muted);font:600 var(--fs-body-sm) var(--font-ui);cursor:pointer;flex:none}.settings-tabs [role=tab]:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}.friend-tab-count{opacity:.75}@media (max-width:639px){.friends-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.friends-tabs .button{min-width:0;font-size:var(--fs-caption);gap:4px;padding:11px 4px}.friends-tabs .friend-tab-count{margin-left:0}}dialog:not(.navigation-dialog){color:var(--ink);background:var(--tf-bg);border:1px solid var(--tf-border);width:min(530px,100vw - 30px);max-height:90dvh;box-shadow:none;border-radius:16px;padding:28px;overflow-y:auto}dialog::backdrop{background:color-mix(in srgb,var(--tf-bg) 72%,transparent)}.modal-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.modal-head h2{font-size:20px}dialog>p{font-size:var(--fs-body-sm);margin:15px 0 24px}.conversation-list{border-right:1px solid var(--line);overflow-y:auto}.conversation{border-left:2px solid #0000}.conversation.active{border-left-color:var(--primary)}.conversation:hover{background:var(--tf-surface)}.conversation b{font-size:var(--fs-caption)}.conversation>div{min-width:0}.conversation p{color:var(--muted);font-size:var(--fs-caption);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden}.conversation{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:18px;display:flex}.conversation>span{flex:1;min-width:0}.conversation small{white-space:nowrap;text-overflow:ellipsis;max-width:200px;display:block;overflow:hidden}}@layer responsive{@media (max-width:639px){.icon-button{width:var(--control-target);height:var(--control-target)}.field>span{font-size:var(--fs-caption)}.field input,.field select{font-size:var(--fs-body-lg)}.form-columns{grid-template-columns:1fr}.tabs{gap:8px;margin-bottom:20px}.tab{font-size:var(--fs-caption);padding:10px 14px}.settings-tabs [role=tab]{font-size:var(--fs-caption)}dialog:not(.navigation-dialog){width:calc(100vw - 28px);padding:22px}}@media (max-width:1079px){.mobile-nav a,.mobile-nav button{flex:1}}@media (max-width:639px){.conversation-list{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.conversation{border-bottom:2px solid #0000;border-left:0;flex-shrink:0;width:190px;padding:16px}.conversation.active{border-bottom-color:var(--primary)}.conversation-list{max-height:220px}}}.button{border-radius:var(--button-radius);min-width:0;max-width:100%;font:600 var(--fs-body-sm)/1.5 var(--font-ui);min-height:var(--control-height);text-align:center;overflow-wrap:anywhere;gap:8px}.button.primary{background:var(--tf-surface);border-color:var(--tf-text);box-shadow:none}.button.primary:hover:not(:disabled){background:var(--tf-surface);border-color:var(--tf-text)}.button.secondary{background:color-mix(in srgb,var(--tf-surface) 60%,transparent);border-color:var(--tf-border)}.button.secondary:hover:not(:disabled){background:var(--tf-surface);border-color:var(--tf-text-secondary)}.button.ghost{color:var(--tf-text-secondary)}:is(.button,.icon-button,.tab):focus-visible{outline:2px solid var(--control-focus-color);outline-offset:3px}:is(.button,.icon-button):disabled{box-shadow:none;opacity:.5}@layer base{input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent;color:var(--ink);border:1px solid var(--tf-surface);width:100%;min-width:0;padding:11px 12px}textarea{resize:vertical}input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select:disabled{cursor:not-allowed}select option{color:var(--tf-text);background:var(--tf-surface)}}input,select,textarea{font-family:var(--font-ui);background-color:var(--field-background);border-color:var(--field-border);border-radius:var(--field-radius)}input:not([type=checkbox]):not([type=radio]),select,textarea{transition:opacity var(--tf-motion-action),transform var(--tf-motion-press)}:is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{border-color:var(--field-focus-border);outline:2px solid var(--field-focus-ring);outline-offset:1px;box-shadow:none}input::placeholder,textarea::placeholder{color:var(--tf-text-secondary)}.social-search{border:1px solid var(--line);background:var(--field-background);border-radius:var(--control-radius);min-width:0;color:var(--muted);align-items:center;gap:8px;padding:0 13px;display:flex}.social-search:focus-within{border-color:var(--field-focus-border);box-shadow:none}.social-search .ui-icon{flex-shrink:0;width:18px}.social-search input{width:100%;min-width:0;height:43px;font-size:var(--fs-body-sm);box-shadow:none;background:0 0;border:0;outline:none;padding:10px 0}.social-search input:focus-visible{box-shadow:none;outline:none}@media (max-width:767px){.social-search input{font-size:var(--fs-body-lg)}}.settings-tabs [role=tab]:hover{background:var(--tf-border);color:var(--tf-text)}.social-friends .friends-tabs{border-bottom:1px solid var(--line);gap:24px;margin:0;padding:0 24px;display:flex}.friend-tab{min-height:62px;color:var(--muted);font-size:var(--fs-body-sm);border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.friend-tab.active{color:var(--ink);border-color:var(--tf-text)}.friend-tab-count{background:color-mix(in srgb,var(--tf-text-secondary) 12%,transparent);min-width:23px;font-size:var(--fs-caption);border-radius:6px;justify-content:center;margin:0;padding:2px 6px;display:inline-flex}@media (max-width:767px){.social-friends .friends-tabs{gap:0;padding:0 10px}.friend-tab{font-size:var(--fs-caption);flex:1;gap:4px;min-height:55px}.friend-tab-count{min-width:19px;font-size:var(--fs-caption);padding:2px 4px}.social-friends .friend-tab{text-align:center;font-size:var(--fs-caption);flex-direction:column;gap:4px;min-height:70px;padding:9px 4px}}.settings-tabs{border:0;gap:8px;padding:2px 0 4px}.settings-tabs [role=tab]{min-height:var(--control-target);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--tf-surface);padding:11px 16px}.settings-tabs [role=tab][aria-selected=true]{background:var(--tf-surface);border-color:var(--tf-text-secondary);color:var(--tf-text)}#modal{color:var(--ink);background:var(--tf-surface);border:1px solid var(--tf-border-control);border-radius:var(--tf-radius-card)}.modal-head{border-color:var(--tf-border)}@media (max-width:767px){#modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px);padding:22px}}#modal form{gap:16px;display:grid}#modal .field{min-width:0}#modal .form-error{margin:0}#modal:has(>form)[open]{flex-direction:column;display:flex;overflow:hidden}#modal:has(>form)>.modal-head{flex:none}#modal>form{overscroll-behavior:contain;min-height:0;padding:4px 6px 6px 4px;scroll-padding-block:8px;overflow-y:auto}@media (max-width:767px){#modal:has(>form){padding:18px 16px}#modal>form .check-group{gap:4px 12px}#modal>form .check-group label{min-height:var(--control-target);cursor:pointer;padding-inline:3px}#modal>form .check-group input{flex-shrink:0}}@media (max-width:479px){#modal>form :is(.discovery-field-grid,.form-columns){grid-template-columns:minmax(0,1fr)}}dialog:has(.friend-picker){background:var(--tf-surface);border-color:var(--tf-border-control);flex-direction:column;max-height:min(720px,90dvh);padding:22px;display:flex}dialog:has(.friend-picker):not([open]){display:none}dialog:has(.friend-picker) .modal-head{flex-shrink:0;gap:16px;margin-bottom:18px}dialog:has(.friend-picker) .modal-head h2{font-size:20px}@media (max-width:767px){dialog:has(.friend-picker){width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}}dialog :is([data-close],[data-dialog-close],[data-menu-close]){width:var(--control-target);height:var(--control-target);min-width:var(--control-target);min-height:var(--control-target);color:var(--tf-text-secondary);cursor:pointer;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);background:0 0;border:1px solid #0000;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:10px;display:inline-flex}dialog :is([data-close],[data-dialog-close],[data-menu-close]):hover{color:var(--tf-text);background:var(--close-hover-background);border-color:color-mix(in srgb,var(--tf-text-secondary) 18%,transparent)}dialog :is([data-close],[data-dialog-close],[data-menu-close]):focus-visible{outline:2px solid var(--close-focus-color);outline-offset:2px;background:var(--close-hover-background)}dialog :is([data-close],[data-dialog-close],[data-menu-close]) .ui-icon{width:20px;height:20px}dialog,dialog .friend-picker-list{scrollbar-width:thin;scrollbar-color:var(--tf-border-control) var(--tf-surface)}dialog::-webkit-scrollbar{width:6px}.discovery-dialog-body::-webkit-scrollbar{width:6px}dialog .friend-picker-list::-webkit-scrollbar{width:6px}dialog::-webkit-scrollbar-thumb{background:var(--tf-border-control);border-radius:10px}.discovery-dialog-body::-webkit-scrollbar-thumb{background:var(--tf-border-control);border-radius:10px}dialog .friend-picker-list::-webkit-scrollbar-thumb{background:var(--tf-border-control);border-radius:10px}dialog::-webkit-scrollbar-track{background:var(--tf-surface)}.discovery-dialog-body::-webkit-scrollbar-track{background:var(--tf-surface)}dialog .friend-picker-list::-webkit-scrollbar-track{background:var(--tf-surface)}@layer layout{.nav-link{color:var(--tf-text-secondary);font-size:var(--fs-body-sm);transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-weight:650;display:flex}.nav-link:hover{color:var(--tf-text)}.drawer-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.drawer-heading .drawer-title-text{font-size:20px}}.nav-link.active{color:var(--tf-text);background:color-mix(in srgb,var(--tf-border-control) 20%,transparent)}.nav-link:hover{background:var(--tf-border)}.nav-section-label{font:600 var(--fs-caption) var(--font-ui);color:var(--tf-text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 10px 8px}.drawer-groups .nav-link.active{color:var(--tf-text);background:var(--tf-surface);box-shadow:none}.sidebar .nav-link.active>.ui-icon{color:var(--tf-text)}.drawer-groups .nav-link:hover{background:color-mix(in srgb,var(--tf-text-secondary) 9%,transparent);color:#fff}.drawer-groups .friend-count{min-width:18px;font-size:var(--fs-caption);margin-left:auto}.drawer-heading{border-color:color-mix(in srgb,var(--tf-text-secondary) 17%,transparent);padding-bottom:14px}.drawer-heading .drawer-title-text{font:700 19px var(--font-display)}.mobile-nav{display:none}@media (max-width:767px){.mobile-nav{z-index:var(--z-nav);bottom:calc(10px + env(safe-area-inset-bottom,0px));border:1px solid color-mix(in srgb,var(--tf-text) 16%,transparent);border-top-color:color-mix(in srgb,var(--tf-text) 30%,transparent);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;position:fixed}.mobile-nav .nav-link{min-width:0;color:var(--tf-text-secondary);font:600 var(--fs-caption)/1.15 var(--font-ui);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:5px 1px;display:flex;position:relative}.mobile-nav .nav-link>.ui-icon{width:24px;height:24px;display:block}.mobile-nav .nav-link.active{color:var(--tf-text);background:var(--tf-surface)}.mobile-nav .friend-count{min-width:16px;min-height:16px;font-size:var(--fs-caption);padding:1px 4px;position:absolute;top:2px;left:auto;right:8px}.more-link .account-notification{top:7px;right:18px}body:has(#navigation-dialog[open]) .more-link{color:var(--tf-text);background:color-mix(in srgb,var(--tf-text-secondary) 20%,transparent)}.drawer-groups .nav-link,.drawer-groups .friend-count{font-size:var(--fs-caption)}}.drawer-logout{width:100%;color:var(--tf-error);font-size:var(--fs-caption)}.navigation-dialog[open]{flex-direction:column;display:flex;overflow:visible}.sidebar{z-index:var(--z-nav);--nav-row:clamp(24px,calc((100dvh - var(--header-height) - 94px - var(--nav-sections) * 34px) / var(--nav-items)),var(--nav-row-max,34px));inset:calc(var(--header-height) + 16px) auto auto 16px;width:var(--nav-width);height:auto;max-height:calc(100dvh - var(--header-height) - 48px);border:1px solid color-mix(in srgb,var(--tf-text-secondary) 30%,transparent);border-radius:var(--tf-radius-dialog);isolation:isolate;clip-path:inset(0 round 32px);box-shadow:none;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);background:0 0;flex-direction:column;padding:10px 9px;display:flex;position:fixed;overflow:hidden}.sidebar:before{content:"";z-index:-1;border-radius:inherit;clip-path:inset(0 round 32px);background:var(--tf-surface);pointer-events:none;position:absolute;inset:0}.sidebar:has(:focus-visible){width:var(--nav-expanded-width)}.sidebar-groups{min-height:0;width:var(--nav-expanded-link-width);flex-direction:column;flex:none;display:flex;overflow:visible}.sidebar .nav-section{flex:none;margin:12px 0 0;padding:0}.sidebar .nav-section-label{text-align:left;white-space:nowrap;opacity:0;height:17px;font:600 var(--fs-caption)/17px var(--font-ui);letter-spacing:.08em;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);margin:0 12px 5px}.sidebar .nav-link{width:var(--nav-link-width);height:var(--nav-row);min-height:var(--nav-row);color:var(--tf-text-secondary);font:500 var(--fs-caption)/1.35 var(--font-ui);text-align:left;white-space:nowrap;box-shadow:none;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative;overflow:hidden}.sidebar .nav-link>.ui-icon{color:currentColor;flex:none;width:20px;height:20px}.sidebar .nav-label{opacity:0;transition:opacity var(--tf-motion-action),transform var(--tf-motion-press);flex-shrink:0}.sidebar:has(:focus-visible) .nav-link{width:var(--nav-expanded-link-width)}.sidebar:has(:focus-visible) :is(.nav-label,.nav-section-label){opacity:1}.sidebar .nav-link:focus-visible{outline-offset:-3px}.sidebar .nav-link.active{background:var(--nav-active-background);border-color:color-mix(in srgb,var(--tf-text-secondary) 33%,transparent);color:var(--tf-text);box-shadow:none}.sidebar .nav-link:hover{background:var(--tf-border);color:var(--tf-text)}.sidebar .sidebar-more{display:none}.sidebar .support-link{margin-top:24px}.sidebar .friend-count{min-width:16px;min-height:16px;font-size:var(--fs-caption);margin:0;padding:1px 4px;position:absolute;top:0;right:0}.sidebar:has(:focus-visible) .friend-count{margin-left:auto;position:static}@media (hover:hover){.sidebar:hover{width:var(--nav-expanded-width)}.sidebar:hover .nav-link{width:var(--nav-expanded-link-width)}.sidebar:hover :is(.nav-label,.nav-section-label){opacity:1}.sidebar:hover .friend-count{margin-left:auto;position:static}}.drawer-groups{flex-direction:column;flex:none;min-height:0;display:block;overflow:visible}.navigation-dialog{border:1px solid color-mix(in srgb,var(--tf-border-control) 50%,transparent);border-radius:var(--tf-radius-dialog);background:var(--tf-surface);box-shadow:none;--drawer-height:calc(100dvh - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px)));inset:auto 8px max(8px,env(safe-area-inset-bottom,0px));width:calc(100vw - 16px);max-width:640px;height:min(600px,var(--drawer-height));max-height:var(--drawer-height);margin:0;padding:10px;position:fixed;overflow-y:auto}.navigation-dialog .drawer-heading{flex-shrink:0;gap:8px;padding-bottom:4px}.navigation-dialog [data-menu-close]{width:var(--control-target);height:var(--control-target);flex:none}.drawer-body{flex:1;min-height:0;container:drawer/size}.drawer-groups .nav-section{margin-top:4px}.drawer-groups .nav-section-label{height:14px;font-size:var(--fs-caption);margin:0 4px;line-height:14px}.drawer-groups .nav-section>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.drawer-groups .nav-link{color:var(--tf-text-secondary);font:500 var(--fs-caption)/1.4 var(--font-ui);min-height:var(--control-target);border-radius:16px;gap:4px;min-width:0;padding:4px}.drawer-groups .nav-link>.ui-icon,.drawer-actions .nav-link>.ui-icon{flex:none}.drawer-groups .nav-label{overflow-wrap:anywhere;min-width:0}.drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.navigation-dialog .support-link{width:100%;min-height:var(--control-target);color:var(--tf-text);background:0 0;border:0;border-radius:16px;margin:0;padding:4px}.navigation-dialog .support-link.active{background:var(--nav-active-background)}.navigation-dialog .drawer-logout{min-height:var(--control-target);border:0;border-radius:16px;gap:4px;margin:0;padding:4px}.navigation-dialog::backdrop{background:color-mix(in srgb,var(--tf-bg) 60%,transparent)}@media (pointer:coarse){.sidebar{--nav-row-max:44px}}@media (min-width:768px) and (max-height:650px){.sidebar{--nav-row:clamp(24px,calc((100dvh - var(--header-height) - 44px - var(--nav-sections) * 6px) / var(--nav-items)),var(--nav-row-max,34px));top:calc(var(--header-height) + 8px);max-height:calc(100dvh - var(--header-height) - 24px);padding-block:6px}.sidebar .nav-section{margin-top:6px}.sidebar .nav-section:first-child{margin-top:0}.sidebar .nav-section-label{display:none}.sidebar .support-link{margin-top:12px}}@media (min-width:768px) and (max-height:499px){.sidebar .sidebar-groups,.sidebar>.support-link{display:none}.sidebar .sidebar-more{height:44px;min-height:var(--control-target);display:flex}}@media (max-width:767px){.sidebar{display:none}.mobile-nav{border-radius:var(--tf-radius-dialog);clip-path:inset(0 round 28px);background:var(--tf-surface);height:78px;box-shadow:none;padding:7px 4px;display:grid;left:8px;right:8px}.mobile-nav .nav-link{border-radius:var(--tf-radius-card);min-height:60px;font-size:var(--fs-caption);gap:8px;line-height:1.2}.mobile-nav .nav-label{white-space:nowrap}.drawer-groups .nav-section>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-open .mobile-nav{display:none}body:has(#navigation-dialog[open]) .mobile-nav{display:none}body:has(#modal[open]) .mobile-nav{display:none}}@media (max-width:479px) and (max-height:540px){.drawer-groups .nav-section>nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:480px) and (max-height:499px){.drawer-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;display:grid}.drawer-groups .nav-section>nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px) and (max-height:540px),(min-width:480px) and (max-height:499px){.drawer-groups .nav-link{font-size:var(--fs-caption);text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:2px;line-height:1.2;position:relative}.drawer-groups .friend-count{position:absolute;top:1px;right:2px}}@container drawer (max-width:450px) and (max-height:514px){.drawer-groups .nav-section>nav{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-groups .nav-link{font-size:var(--fs-caption);text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:2px;line-height:1.2;position:relative}.drawer-groups .friend-count{position:absolute;top:1px;right:2px}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar .nav-link,.sidebar .nav-label,.sidebar .nav-section-label{transition:opacity var(--tf-motion-action),transform var(--tf-motion-press)}}@media (max-width:767px){body:has(dialog.discovery-filter-dialog[open]) .mobile-nav{display:none}}.conversation-list{background:var(--tf-surface);border-color:var(--tf-border)}.conversation.active{background:var(--tf-surface)}.conversation small{color:var(--tf-text-secondary)}@media (max-width:767px){.conversation-list{max-height:210px}.conversation{min-width:0}}.social-messenger .conversation-list{border:0;flex:1;min-height:0;max-height:none;display:block;overflow:hidden auto}.social-messenger .conversation:hover{background:color-mix(in srgb,var(--tf-text-secondary) 8%,transparent)}.social-messenger .conversation .avatar{border-radius:50%;flex:none;width:46px;height:46px}.social-messenger .conversation b{font-size:var(--fs-body-sm);font-weight:600}.social-messenger .conversation small{max-width:none;font-size:var(--fs-caption)}.social-messenger .conversation .unread{border-radius:var(--tf-radius-card);min-width:22px;height:22px;font-size:var(--fs-caption);background:var(--tf-text);color:#fff;flex:none;padding:3px 6px}@media (max-width:767px){.social-messenger .conversation-list{max-height:none;overflow:visible}}.social-messenger .social-search{border-radius:var(--control-radius)}.social-messenger .conversation-list{padding:4px 8px 10px}.social-messenger .conversation{border-radius:var(--control-radius);border:1px solid #0000;gap:12px;width:100%;margin:4px 0;padding:14px 11px}.social-messenger .conversation.active{background:var(--list-active-background);border-color:var(--list-active-border)}