:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent-rgb:245 184 46;--accent:#f5b82e;--accent-hover:#f7c64d;--on-accent:#241a06;--accent-soft:rgb(var(--accent-rgb) / 8%);--accent-ring:rgb(var(--accent-rgb) / 40%);--accent-border:rgb(var(--accent-rgb) / 28%);--focus-ring:rgb(var(--accent-rgb) / 40%);--account-card-bg:rgb(var(--accent-rgb) / 6%);--account-card-border:color-mix(in srgb, var(--accent) 30%, var(--border));--account-card-hover-bg:rgb(var(--accent-rgb) / 11%);--account-card-hover-border:color-mix(in srgb, var(--accent) 55%, var(--border-strong));--account-card-glow:rgb(var(--accent-rgb) / 26%);--gold-rgb:245 184 46;--gold:#f5b82e;--gold-soft:#f5b82e14;--gold-border:#f5b82e47;--gold-bright:#f7df9d;--amber:var(--accent);--bg:#0a0b0f;--bg-sidebar:#0d0e13;--surface:#12141a;--surface-2:#171a21;--surface-hover:#1b1e25;--surface-active:#20232b;--surface-inset:#0b0c10;--titlebar-bg:#090b10;--titlebar-border:#ffffff0d;--chrome-deep:#0a0b0f;--brand-fg:#f1f2f4;--brand-fg-dim:#818894;--hairline:#ffffff0f;--border:#272a32;--border-strong:#363a45;--border-hover:#4a4f5c;--text:#eceef1;--text-primary:var(--text);--text-secondary:#9ba1aa;--text-muted:#6a707a;--text-faint:#4d525b;--live:#ff3158;--success:#3ecf8e;--online:var(--success);--danger:#ff4d4f;--warn:#d9a441;--star:#ffc94a;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:14px;--r-full:999px;--shadow-card:0 1px 2px #00000057, 0 10px 24px -22px #000000eb;--shadow-raised:0 18px 34px -20px #000000e6, 0 0 0 1px #ffffff05;--shadow-pop:0 24px 54px -18px #000000e0, 0 2px 10px #00000073;--t-fast:.12s cubic-bezier(.4, 0, .2, 1);--t:.16s cubic-bezier(.4, 0, .2, 1);--font:"Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;--font-display:"Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;--fs-page:26px;--fs-section:16px;--fs-body:13px;--fs-nick:15px;--fs-meta:12px;--fs-label:11px;--sidebar-w:224px;--page-max:1640px;--page-pad:24px}:root[data-accent=red]{--accent-rgb:229 72 77;--accent:#e5484d;--accent-hover:#ec5d62;--on-accent:#fff}:root[data-accent=green]{--accent-rgb:31 157 85;--accent:#1f9d55;--accent-hover:#2bb063;--on-accent:#fff}:root[data-accent=blue]{--accent-rgb:78 166 223;--accent:#4ea6df;--accent-hover:#72bbe8;--on-accent:#0a2438}:root[data-accent=pink]{--accent-rgb:236 72 153;--accent:#ec4899;--accent-hover:#f472b6;--on-accent:#fff}:root[data-accent=obsidian]{--accent-rgb:178 190 205;--accent:#b2becd;--accent-hover:#d1dae5;--on-accent:#101216;--bg:#08090b;--bg-sidebar:#0b0d10;--surface:#101216;--surface-2:#15181d;--surface-inset:#07080a;--border:#282d35}:root[data-accent=violet]{--accent-rgb:153 116 204;--accent:#9974cc;--accent-hover:#b292df;--on-accent:#130d1b;--bg:#0b0910;--bg-sidebar:#0e0b14;--surface:#15111c;--surface-2:#1a1523;--surface-inset:#09070d;--border:#30283b}:root[data-accent=ice]{--accent-rgb:116 190 210;--accent:#74bed2;--accent-hover:#98d4e4;--on-accent:#07171c;--bg:#081014;--bg-sidebar:#0a1318;--surface:#101a20;--surface-2:#152128;--surface-inset:#070d11;--border:#26363e}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f3f5;--bg-sidebar:#e8eaee;--surface:#fff;--surface-2:#f6f7f9;--surface-hover:#eef0f3;--surface-active:#e5e7ec;--surface-inset:#eceef1;--titlebar-bg:#e6e8ec;--titlebar-border:#11141b14;--chrome-deep:#e4e6ea;--brand-fg:#1c1e24;--brand-fg-dim:#6a707c;--hairline:#11141b14;--border:#e3e5ea;--border-strong:#d3d6dd;--border-hover:#b7bcc6;--text:#1b1d23;--text-secondary:#545a64;--text-muted:#797f8a;--text-faint:#a0a5af;--gold-soft:#f5b82e24;--gold-border:#f5b82e66;--gold-bright:#9a6b12;--shadow-card:0 1px 2px #11141b0f, 0 10px 22px -18px #11141b33;--shadow-raised:0 16px 30px -18px #11141b33, 0 0 0 1px #11141b0a;--shadow-pop:0 22px 48px -16px #11141b38, 0 2px 8px #11141b1f}@media (width<=1180px){:root{--sidebar-w:200px}}@media (width>=1600px){:root{--page-pad:32px}}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:940px;font-family:var(--font);font-size:var(--fs-body);font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--text);background:radial-gradient(900px 500px at 92% -12%, #f21e491a, transparent 64%), radial-gradient(650px 420px at 36% 108%, #67357e14, transparent 68%), var(--bg);background-attachment:fixed;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}img{display:block}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);height:100%;min-height:0;display:grid;overflow:hidden}.desktop-frame{background:var(--bg);grid-template-rows:38px minmax(0,1fr);height:100%;display:grid;position:relative;overflow:hidden}.window-titlebar{-webkit-user-select:none;user-select:none;background:#090b10;border-bottom:1px solid #ffffff0d;grid-template-columns:auto minmax(0,1fr) auto;height:38px;min-height:38px;display:grid;position:relative}.window-brand{z-index:1;color:#f1f2f4;cursor:default;align-items:center;gap:8px;height:38px;padding:0 16px;display:inline-flex;position:relative}.window-brand img{object-fit:contain;width:19px;height:19px}.window-brand strong{font-family:var(--font-display);letter-spacing:.13em;white-space:nowrap;font-size:11px;font-weight:800;line-height:1}.window-brand-prime{color:#f4f5f7}.window-brand-live{color:var(--gold);letter-spacing:.09em;margin-left:4px}.window-brand em{color:#818894;letter-spacing:.025em;white-space:nowrap;margin-left:3px;padding-left:10px;font-family:Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:9px;font-style:normal;font-weight:560;position:relative}.window-brand em:before{content:"";background:#ffffff24;width:1px;height:11px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.window-brand-beta{border:1px solid color-mix(in srgb, var(--brand-fg) 14%, transparent);background:color-mix(in srgb, var(--brand-fg) 8%, transparent);color:var(--brand-fg-dim);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;align-items:center;margin-left:6px;padding:2px 4px;font-family:Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:8.5px;font-style:normal;font-weight:600;line-height:1;display:inline-flex}.window-drag-region{z-index:1;cursor:default;min-width:0;position:relative}.window-titlebar-actions{z-index:3;align-items:center;height:38px;display:flex;position:relative}.lang-switch{border-radius:var(--r-sm);background:#ffffff0f;border:1px solid #ffffff14;align-items:center;gap:8px;margin-right:10px;padding:3px;display:flex}.window-titlebar.is-logged .lang-switch{gap:7px;margin-left:-38px;margin-right:20px;position:relative}.window-titlebar.is-logged .lang-switch:after{content:"";background:#ffffff2e;width:1px;height:20px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.lang-flag{cursor:pointer;opacity:.45;filter:saturate(.6);width:26px;height:20px;transition:opacity var(--t), filter var(--t), transform var(--t-fast), box-shadow var(--t);background:0 0;border:none;border-radius:4px;place-items:center;padding:0;display:grid}.lang-flag svg{border-radius:4px;width:100%;height:100%;display:block;overflow:hidden}.lang-flag:hover{opacity:.75;filter:saturate(.85)}.lang-flag:active{transform:scale(.94)}.lang-flag.is-active{opacity:1;filter:saturate();box-shadow:0 0 0 1.5px rgb(var(--accent-rgb) / 55%), 0 0 10px -2px rgb(var(--accent-rgb) / 45%)}.lang-flag:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.main{scrollbar-gutter:stable;background:linear-gradient(115deg,#ffffff04,#0000 28%);min-width:0;position:relative;overflow:hidden auto}.page{max-width:var(--page-max);padding:0 var(--page-pad) 56px;margin:0 auto;position:relative}.sidebar{gap:var(--s1);min-height:0;padding:var(--s6) var(--s3) var(--s3);background:linear-gradient(180deg, #ffffff08, transparent 18%), linear-gradient(180deg, #101016, var(--bg-sidebar) 58%, #0a0a0e);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto;box-shadow:10px 0 40px -35px #000}.brand{padding:2px var(--s2) 28px;display:block}.brand-logo{width:100%;max-width:176px;height:auto;display:block}.side-label{padding:var(--s6) var(--s2) var(--s2);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.side-item{align-items:center;gap:var(--s3);width:100%;min-height:34px;padding:0 var(--s2);border-radius:var(--r-md);font-size:var(--fs-body);color:var(--text-secondary);text-align:left;transition:background var(--t-fast), color var(--t-fast);font-weight:500;display:flex}.side-item:hover{background:var(--surface-hover);color:var(--text)}.side-item[aria-current=true]{background:var(--surface-active);color:var(--text);font-weight:600}.side-item svg{color:var(--text-muted);flex:none}.side-item[aria-current=true] svg{color:var(--accent)}.side-item .side-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-badge{border-radius:var(--r-full);background:var(--surface-active);font-variant-numeric:tabular-nums;text-align:center;min-width:20px;color:var(--text-secondary);flex:none;padding:1px 6px;font-size:10px;font-weight:700}.side-item[aria-current=true] .side-badge{background:var(--accent-soft);color:var(--accent-hover)}.side-dot{border-radius:var(--r-full);background:var(--border-hover);width:6px;height:6px;transition:background var(--t-fast), box-shadow var(--t-fast);flex:none;margin:0 5px}.side-item[aria-current=true] .side-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.game-icon{flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.game-icon img{object-fit:contain;width:18px;height:18px;display:block}.game-item:disabled{cursor:default;opacity:.58}.game-item:disabled:hover{color:var(--text-secondary);background:0 0}.side-label-soon{margin-top:var(--s2);padding-top:var(--s4);color:var(--text-faint);border-top:1px solid #ffffff0f}.game-item-soon{cursor:default}.side-nav{gap:var(--s1);display:grid}.side-bottom{gap:var(--s1);padding-top:var(--s4);margin-top:auto;display:grid}.side-utility-nav{gap:4px;margin-top:8px;display:grid}.side-secondary-nav{border-top:1px solid #ffffff0f;gap:4px;margin-top:10px;padding-top:10px;display:grid}.about-prime-live{padding-bottom:8px}.about-prime-live .page-head{margin-bottom:8px}.about-tabs{scrollbar-width:none;border-bottom:1px solid #ffffff12;gap:22px;margin:4px 0 26px;padding-bottom:1px;display:flex;overflow-x:auto}.about-tabs::-webkit-scrollbar{display:none}.about-tab{color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:10px 1px;font-size:13px;font-weight:650;display:inline-flex}.about-tab svg{transition:color var(--t-fast)}.about-tab:hover{color:var(--text-secondary)}.about-tab[aria-selected=true]{border-color:var(--accent);color:var(--text)}.about-tab[aria-selected=true] svg{color:var(--accent)}.about-tab-panel{animation:fade var(--t) both}.about-intro,.about-action-card{border:1px solid rgb(var(--accent-rgb) / 14%);background:linear-gradient(145deg,#ffffff08,#0000 55%),#08090de6;border-radius:14px;box-shadow:0 16px 32px -22px #000000bf,inset 0 1px #ffffff0a}.about-intro{background:linear-gradient(115deg, rgb(var(--accent-rgb) / 7%), rgb(var(--accent-rgb) / 1.5%) 42%, transparent), #08090de6;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:23px 24px;display:grid}.about-section-icon{border:1px solid rgb(var(--accent-rgb) / 22%);width:38px;height:38px;color:var(--accent);background:rgb(var(--accent-rgb) / 9%);border-radius:11px;place-items:center;display:grid}.about-kicker{color:var(--accent);letter-spacing:.14em;font-size:10px;font-weight:750;line-height:1.3}.about-intro h2,.about-section-heading h2{letter-spacing:-.025em;margin-top:5px;font-size:20px;line-height:1.2}.about-intro p:last-child,.about-section-heading p:last-child{color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.55}.about-section-heading{max-width:680px}.about-subheading{color:var(--text);margin:26px 0 4px;font-size:14px;font-weight:700}.about-section-heading+.about-subheading{margin-top:20px}.about-principles,.about-criteria-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.about-principles{border-top:1px solid #ffffff12;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px;padding-top:22px}.about-criteria-list{margin-top:14px}.about-principles li,.about-criteria-list li{border:1px solid rgb(var(--accent-rgb) / 12%);border-left:2px solid rgb(var(--accent-rgb) / 45%);background:linear-gradient(145deg,#ffffff08,#0000 60%),#08090de0;border-radius:10px;gap:4px;padding:14px 16px;display:grid}.about-principles li b,.about-criteria-list li b{color:var(--text);font-size:13px}.about-principles li span,.about-criteria-list li span,.about-note{color:var(--text-secondary);font-size:12px;line-height:1.5}.about-high-elo-note{color:var(--text-muted);margin-top:14px;font-size:11px;line-height:1.45}.about-note{border-top:1px solid #ffffff12;margin-top:17px;padding-top:13px}.about-alert-guide{border:1px solid rgb(var(--accent-rgb) / 14%);background:linear-gradient(145deg,#ffffff08,#0000 55%),#08090de6;border-radius:14px;margin-top:24px;padding:22px 24px;box-shadow:0 16px 32px -22px #000000bf,inset 0 1px #ffffff0a}.about-alert-guide-heading{grid-template-columns:auto minmax(0,1fr);gap:16px;display:grid}.about-alert-guide-heading h2{letter-spacing:-.015em;margin-top:5px;font-size:16px}.about-alert-guide-heading p:last-child{color:var(--text-secondary);margin-top:7px;font-size:12px;line-height:1.55}.about-alert-steps{counter-reset:alert-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.about-alert-steps li{counter-increment:alert-step;gap:4px;min-height:78px;padding-left:35px;display:grid;position:relative}.about-alert-steps li:before{border:1px solid rgb(var(--accent-rgb) / 34%);width:23px;height:23px;color:var(--accent);background:rgb(var(--accent-rgb) / 8%);content:counter(alert-step);border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:grid;position:absolute;top:0;left:0}.about-alert-steps b{color:var(--text);font-size:13px}.about-alert-steps span{color:var(--text-secondary);font-size:12px;line-height:1.5}.about-alert-steps strong{color:var(--text);font-weight:650}.about-review-line{color:var(--text-secondary);align-items:flex-start;gap:8px;margin-top:13px;font-size:12px;line-height:1.45;display:flex}.about-review-line svg{color:var(--accent);flex:none;margin-top:1px}.about-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.about-action-card{grid-template-rows:18px minmax(36px,auto) minmax(66px,auto) auto;align-items:start;min-height:202px;padding:19px;display:grid}.about-action-card>svg{color:var(--accent)}.about-action-card h2{margin-top:13px;font-size:15px}.about-action-card>p{min-height:0;color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.55}.about-action{align-items:center;gap:8px;padding-top:12px;display:inline-flex}.about-action .btn:disabled{opacity:.62;cursor:not-allowed}.about-action .btn-primary:disabled{border-color:rgb(var(--accent-rgb) / 30%);background:rgb(var(--accent-rgb) / 16%);color:var(--on-accent)}.about-coming-soon{color:var(--text-muted);white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:650;line-height:1.2}.about-support-list,.about-contact-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.about-support-list li,.about-contact-list li{border:1px solid rgb(var(--accent-rgb) / 12%);background:linear-gradient(145deg,#ffffff08,#0000 60%),#08090de0;border-radius:12px;overflow:hidden}.about-support-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast);background:0 0;border:0;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}button.about-support-row:hover{background:#ffffff0a}.about-support-row.is-disabled{cursor:default;opacity:.68}.about-support-row>svg:first-child{color:var(--accent);flex:none;margin-top:2px}.about-support-copy{flex:1;gap:3px;display:grid}.about-support-copy b{color:var(--text);font-size:13px;font-weight:650}.about-support-copy span{color:var(--text-secondary);font-size:12px;line-height:1.45}.about-support-arrow{color:var(--text-muted);flex:none;margin-top:4px;display:inline-flex;transform:rotate(-90deg)}button.about-support-row:hover .about-support-arrow{color:var(--accent)}.about-support-cta{color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:650;display:inline-flex}.about-support-cta svg{transform:rotate(-90deg)}button.about-support-row:hover .about-support-cta{color:var(--accent)}.about-contact-list li{color:var(--text-secondary);padding:12px 16px;font-size:13px}.about-discord-card{border:1px solid rgb(var(--accent-rgb) / 12%);border-radius:var(--r-md);background:linear-gradient(145deg,#ffffff06,#0000 60%),#08090de0;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;display:flex;box-shadow:0 12px 26px -20px #000000b3}.about-discord-card>svg{color:var(--text-secondary);flex:none}.about-discord-copy{flex:1;gap:2px;min-width:0;display:grid}.about-discord-copy b{color:var(--text);font-size:13px;font-weight:650}.about-discord-copy span{color:var(--text-secondary);font-size:12px;line-height:1.45}.about-discord-card .btn{flex:none}.about-socials{border:1px solid rgb(var(--accent-rgb) / 12%);border-radius:var(--r-md);background:radial-gradient(120% 140% at 0% 0%, rgb(var(--accent-rgb) / 7%), transparent 55%), #08090de0;margin-top:12px;padding:16px;box-shadow:0 12px 26px -20px #000000b3}.about-socials-head{gap:2px;margin-bottom:12px;display:grid}.about-socials-head b{color:var(--text);font-size:13px;font-weight:650}.about-socials-head span{color:var(--text-secondary);font-size:12px}.about-socials-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=900px){.about-socials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-social{--brand:var(--accent);border-radius:var(--r-md);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 12px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.about-social-discord{--brand:#5865f2}.about-social-instagram{--brand:#e1306c}.about-social-x{--brand:#e7e9ea}.about-social-icon{width:34px;height:34px;color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 22%, transparent);border-radius:10px;flex:none;place-items:center;transition:background .18s;display:grid}.about-social-instagram .about-social-icon{color:#fff;background:linear-gradient(135deg,#f58529 0%,#dd2a7b 55%,#8134af 100%);border-color:#0000}.about-social-text{flex:1;gap:1px;min-width:0;display:grid}.about-social-text b{font-size:12.5px;font-weight:650}.about-social-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.about-social-arrow{color:var(--text-muted);opacity:0;flex:none;transition:opacity .18s,transform .18s;display:grid;transform:rotate(-90deg)}.about-social:hover{border-color:color-mix(in srgb, var(--brand) 38%, transparent);background:color-mix(in srgb, var(--brand) 6%, #ffffff05);box-shadow:0 10px 22px -16px color-mix(in srgb, var(--brand) 60%, transparent);transform:translateY(-1px)}.about-social:hover .about-social-arrow{opacity:1}.about-social:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-footer{color:var(--text-muted);border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:18px 2px 6px;font-size:11px;display:flex}.about-footer nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.about-footer nav>span{color:#fff3}.about-footer button{color:var(--text-secondary);font-size:inherit;transition:color var(--t-fast);padding:2px 0}.about-footer button:hover{color:var(--text)}.about-footer small{color:var(--text-muted);white-space:nowrap;font-size:11px}.institutional-page{padding-bottom:12px}.institutional-back{border:1px solid var(--border);background:linear-gradient(145deg, rgb(var(--accent-rgb) / 5%), transparent 60%), var(--surface);color:var(--text-secondary);letter-spacing:.01em;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);border-radius:999px;align-items:center;gap:8px;margin:18px 0 0;padding:5px 14px 5px 5px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 8px 20px -14px #0009}.institutional-back-icon{width:24px;height:24px;color:var(--accent);background:rgb(var(--accent-rgb) / 12%);border:1px solid rgb(var(--accent-rgb) / 22%);transition:transform var(--t-fast), background var(--t-fast);border-radius:999px;place-items:center;display:grid}.institutional-back:hover{border-color:rgb(var(--accent-rgb) / 32%);color:var(--text);box-shadow:0 10px 24px -14px rgb(var(--accent-rgb) / 45%)}.institutional-back:hover .institutional-back-icon{background:rgb(var(--accent-rgb) / 20%);transform:translate(-2px)}.institutional-back:active{background:var(--border-strong)}.institutional-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.institutional-page .page-head{margin:9px 0 20px}.institutional-content{max-width:850px}.institutional-copy-section,.institutional-faq-item{border-top:1px solid #ffffff12;padding:17px 0}.institutional-copy-section:first-child,.institutional-faq-item:first-child{border-top:0}.institutional-copy-section h2,.institutional-faq-item summary{color:var(--text);font-size:14px;font-weight:650;line-height:1.4}.institutional-copy-section p,.institutional-faq-item p{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.55}.institutional-faq-item{padding:0}.institutional-faq-item summary{cursor:pointer;align-items:center;min-height:51px;list-style:none;display:flex}.institutional-faq-item summary::-webkit-details-marker{display:none}.institutional-faq-item summary:after{color:var(--text-muted);content:"+";margin-left:auto;font-size:18px;font-weight:400}.institutional-faq-item[open] summary:after{content:"−"}.institutional-faq-item p{max-width:740px;margin:-2px 0 16px}.institutional-link{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline;display:inline}.institutional-link:hover{color:var(--text)}.institutional-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media (width<=1200px){.about-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.about-action-card{min-height:0}.about-principles{grid-template-columns:1fr 1fr}.about-alert-steps{grid-template-columns:1fr;gap:12px}}@media (width<=680px){.about-action-grid,.about-principles,.about-intro{grid-template-columns:1fr}.about-footer{flex-direction:column;align-items:flex-start}}.account{position:relative}.account-trigger{align-items:center;gap:var(--s2);width:100%;padding:var(--s2);border-radius:var(--r-md);text-align:left;transition:background var(--t-fast), border-color var(--t-fast);border:1px solid #0000;display:flex}.account-text{flex:1;min-width:0}.account-name{font-size:var(--fs-meta);color:var(--text);font-weight:600}.account-mail{color:var(--text-muted);font-size:10px}.account-name,.account-mail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--s6);padding:36px 0 28px;display:flex}.eyebrow{font-size:var(--fs-label);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);font-weight:700}.page-title{margin-top:var(--s2);font-family:var(--font-display);font-size:var(--fs-page);letter-spacing:-.5px;align-items:center;gap:10px;font-weight:600;line-height:1.15;display:flex}.page-title-icon{flex:0 0 35px;place-items:center;width:35px;height:35px;display:inline-grid}.page-title-icon img{object-fit:contain;max-width:100%;max-height:100%;display:block}.page-title-icon img[data-game=AION_2]{transform:scale(1.3)}.page-sub{align-items:center;gap:var(--s2);margin-top:var(--s2);font-size:var(--fs-body);color:var(--text-secondary);display:flex}.stat-line{align-items:center;gap:var(--s1) var(--s3);margin-top:var(--s3);font-size:var(--fs-meta);color:var(--text-muted);flex-wrap:wrap;display:flex}.stat-line b{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:600}.stat-sep{border-radius:var(--r-full);background:var(--border-hover);width:3px;height:3px}.live-dot{border-radius:var(--r-full);background:var(--live);flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #ff3b4726}.search{align-items:center;gap:var(--s2);width:288px;height:36px;padding:0 var(--s2) 0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text-muted);transition:border-color var(--t-fast), background var(--t-fast);flex:none;display:flex}.search:hover{border-color:var(--border-hover)}.search:focus-within{border-color:var(--border-hover);background:var(--surface-2);box-shadow:0 0 0 3px #ffffff0a}.search input{min-width:0;font-size:var(--fs-body);color:var(--text);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--text-muted)}.kbd{border:1px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface-inset);color:var(--text-faint);flex:none;padding:2px 5px;font-size:10px;font-weight:600}.search-clear{border-radius:var(--r-sm);width:20px;height:20px;color:var(--text-muted);flex:none;place-items:center;display:grid}.search-clear:hover{background:var(--surface-active);color:var(--text)}.toolbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--s4);min-height:52px;margin:0 calc(var(--page-pad) * -1);padding:var(--s2) var(--page-pad);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.chip-row{align-items:center;gap:var(--s2);flex-wrap:wrap;min-width:0;display:flex}.chip-sep{background:var(--border-strong);flex:none;width:1px;height:18px}.following-toolbar{justify-content:space-between}.following-game-filter{background:#04050866;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.following-game-filter .chip{height:30px;box-shadow:none;border-color:#0000;border-radius:7px;padding:0 10px}.following-game-filter .chip[aria-pressed=true]{border-color:rgb(var(--accent-rgb) / 28%);background:rgb(var(--accent-rgb) / 12%);color:var(--accent-hover);box-shadow:inset 0 1px #ffffff0f}.following-role-row{scrollbar-width:none;flex-wrap:nowrap;flex:1;overflow-x:auto}.following-role-row::-webkit-scrollbar{display:none}.following-role-row .chip[data-empty=true]{opacity:.6}.tool-actions{align-items:center;gap:var(--s2);flex:none;display:flex}.chip{height:30px;padding:0 var(--s3);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-size:var(--fs-meta);color:var(--text-secondary);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;gap:6px;font-weight:500;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.chip[aria-pressed=true]{background:var(--surface-active);border-color:var(--border-hover);color:var(--text);font-weight:600}.chip-count{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:11px}.chip[aria-pressed=true] .chip-count{color:var(--text-secondary)}.chip:disabled{cursor:default;color:var(--text-faint)}.chip:disabled .chip-count{opacity:.5}.chip:disabled .valorant-role-icon,.chip:disabled .role-icon-white,.chip:disabled>svg{opacity:.6}.tool-btn{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);height:30px;font-size:var(--fs-meta);color:var(--text-secondary);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.tool-btn:hover,.tool-btn[aria-expanded=true]{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.tool-btn .badge-dot{border-radius:var(--r-full);background:var(--accent-soft);min-width:16px;height:16px;color:var(--accent-hover);place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:inline-grid}.pop-anchor{position:relative}.pop{z-index:60;min-width:200px;padding:var(--s2);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--shadow-pop);animation:pop-in var(--t) both;position:absolute;top:calc(100% + 6px)}.pop-right{right:0}.pop-left{left:0}.pop-up{top:auto;bottom:calc(100% + 6px)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.pop-label{padding:var(--s2) var(--s2) var(--s1);letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.pop-item{align-items:center;gap:var(--s2);width:100%;min-height:30px;padding:0 var(--s2);border-radius:var(--r-sm);font-size:var(--fs-meta);color:var(--text-secondary);text-align:left;transition:background var(--t-fast), color var(--t-fast);display:flex}.pop-item:hover{background:var(--surface-hover);color:var(--text)}.pop-item[aria-checked=true]{color:var(--text)}.pop-item .pop-text{flex:1}.pop-check{border:1px solid var(--border-hover);border-radius:var(--r-xs);color:#0000;width:15px;height:15px;transition:background var(--t-fast), border-color var(--t-fast);flex:none;place-items:center;display:grid}.pop-item[aria-checked=true] .pop-check{background:var(--accent);border-color:var(--accent);color:#fff}.pop-sep{height:1px;margin:var(--s2) 0;background:var(--border)}.pop-foot{width:100%;padding:var(--s2);border-radius:var(--r-sm);font-size:var(--fs-meta);color:var(--text-muted);text-align:left}.pop-foot:hover{background:var(--surface-hover);color:var(--text)}.pop-cols{gap:var(--s2);display:flex}.pop-cols>div{min-width:150px}.grid{gap:var(--s4);margin-top:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1120px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=2200px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.grid-tight{margin-top:0}.card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--t), border-color var(--t), background var(--t), box-shadow var(--t);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover,.card[data-focus]{background:linear-gradient(145deg, #ffffff0a, transparent 36%), var(--surface-2);box-shadow:var(--shadow-raised);border-color:#ffffff29;transform:translateY(-3px)}.card[data-focus]{outline:2px solid var(--focus-ring);outline-offset:1px}.card-highlight{outline:2px solid var(--accent);outline-offset:1px;animation:1.1s ease-out 2 card-highlight-pulse}@keyframes card-highlight-pulse{0%{box-shadow:0 0 0 0 var(--accent-soft)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.card-media{aspect-ratio:16/9;background:var(--surface-inset);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--t), filter var(--t)}.card-media-empty{height:100%;font-family:var(--font-display);color:var(--text-faint);background:radial-gradient(circle at 50% 35%, #ffffff0a, transparent 60%), var(--surface-inset);place-items:center;font-size:26px;font-weight:700;display:grid}.badge-live{top:var(--s2);left:var(--s2);border-radius:var(--r-xs);background:var(--live);letter-spacing:.6px;color:#fff;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex;position:absolute}.badge-live:before{content:"";border-radius:var(--r-full);background:#fff;width:5px;height:5px}.badge-live.badge-offline{background:var(--surface-inset);color:var(--text-muted)}.badge-live.badge-offline:before{background:var(--offline-accent)}.card-offline{opacity:.85}.badge-viewers{top:var(--s2);right:var(--s2);border-radius:var(--r-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;color:#f2f3f5;background:#000000b3;padding:3px 7px;font-size:10px;font-weight:600;position:absolute}.card-watch{opacity:0;transition:opacity var(--t);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.card:hover .card-watch,.card[data-focus] .card-watch{opacity:1}.card-watch span{border-radius:var(--r-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-meta);color:#fff;transition:transform var(--t);background:#141519d1;border:1px solid #ffffff29;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex;transform:translateY(4px)}.card:hover .card-watch span,.card[data-focus] .card-watch span{transform:translateY(0)}.card-body{gap:var(--s3);padding:var(--s3);flex-direction:column;display:flex}.card-person{align-items:center;gap:var(--s2);min-width:0;display:flex}.card-identity{flex:1;min-width:0}.card-open{max-width:100%;font-family:var(--font-display);font-size:var(--fs-nick);color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;display:block;overflow:hidden}.card-open:after{content:"";z-index:1;position:absolute;inset:0}.card-open:focus-visible{outline:none}.card-sub{font-size:var(--fs-meta);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.icon-btn{z-index:2;border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);transition:background var(--t-fast), color var(--t-fast);flex:none;place-items:center;display:grid;position:relative}.icon-btn:hover:not(:disabled){background:var(--surface-active);color:var(--text)}.icon-btn.bell-on{color:var(--accent-hover)}.icon-btn:disabled{opacity:.5;cursor:default}.badge-role{border:1px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface-inset);letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);align-self:flex-start;padding:3px 7px;font-size:10px;font-weight:700}.badge-category{border:1px solid var(--accent-border);border-radius:var(--r-xs);background:var(--accent-soft);letter-spacing:.6px;text-transform:uppercase;color:var(--accent);align-self:flex-start;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.league-rank-badge{color:#d9e8f1;letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:4px;min-height:20px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.league-rank-badge img{object-fit:contain;width:22px;height:22px}.league-rank-badge.dota-rank-badge img{width:18px;height:18px}.tournament-live-card{min-width:0}.tournament-media{background:radial-gradient(circle at 50% 42%,#ff46583d,#0000 44%),linear-gradient(135deg,#261319,#0c1019 72%)}.tournament-media-fallback{isolation:isolate;background:radial-gradient(circle at 50% 42%,#ff46583d,#0000 44%),linear-gradient(135deg,#261319,#0c1019 72%);position:relative;overflow:hidden}.tournament-media-fallback:after{z-index:-1;content:"";background:repeating-linear-gradient(125deg,#ffffff08 0 1px,#0000 1px 24px);position:absolute;inset:0}.card-media-empty.tournament-media-fallback:before{content:none;background:0 0}.tournament-media-fallback img{object-fit:contain;opacity:.28;width:37%;height:37%}.tournament-media-fallback span{color:#ffffffb8;letter-spacing:.12em;font-size:10px;font-weight:750;position:absolute;bottom:12px;right:14px}.tournament-media>img{object-fit:contain;opacity:.16;filter:saturate(1.15);width:100%;height:100%;position:absolute;inset:0}.tournament-media:before{z-index:0;content:"";background:repeating-linear-gradient(125deg,#ffffff08 0 1px,#0000 1px 24px);position:absolute;inset:0}.tournament-media .card-watch,.tournament-media .badge-live,.tournament-media .badge-viewers{z-index:2}.tournament-media>img,.tournament-media .badge-live,.tournament-media .badge-viewers{pointer-events:none}.tournament-platform{place-items:center;width:26px;height:24px;padding:0;display:grid}.tournament-avatar{width:34px;height:34px;color:var(--gold);background:rgb(var(--gold-rgb) / 10%);border:1px solid #ffffff1a;border-radius:50%;flex:none;place-items:center;display:grid}.badge-official{border-color:rgb(var(--gold-rgb) / 20%);background:rgb(var(--gold-rgb) / 8%);color:var(--gold)}.tournament-meta{display:none}.tournament-meta img{object-fit:cover;border-radius:2px;flex:none;width:20px;height:15px}.tournament-title{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.badge-tier{color:var(--text-secondary);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700}.badge-former-pro,.row-former-pro{border-radius:var(--r-xs);min-height:20px;color:var(--text-secondary);letter-spacing:.055em;text-transform:uppercase;border:1px solid #ffffff1a;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.badge-category-group{flex-direction:row;align-self:flex-start;align-items:center;gap:5px;min-height:22px;display:flex}.badge-qualification{min-height:20px;color:var(--text-secondary);letter-spacing:.055em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.badge-qualification-radiant{color:var(--text-secondary)}.badge-qualification-radiant img{object-fit:contain;width:16px;height:16px}.badge-qualification+.badge-qualification:before{color:var(--text-muted);content:"·";margin-right:1px;font-size:11px;font-weight:500}.radiant-rank-button{min-width:0;height:auto;box-shadow:none;color:var(--text-secondary);letter-spacing:.45px;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.radiant-rank-button>img{object-fit:contain;width:17px;height:17px;display:block}.badge-category-group+.badge-role{margin-top:4px}.row-category{color:var(--accent);align-items:center;gap:5px;font-weight:700;display:inline-flex}.row-category-badge{border:1px solid var(--accent-border);border-radius:var(--r-xs);background:var(--accent-soft);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:4px;padding:3px 7px;font-size:10px;display:inline-flex}.row-tier{letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:4px;font-size:10px;display:inline-flex}.badge-role-confirm{color:var(--warn,#d9a441);border-style:dashed;align-items:center;gap:6px;display:inline-flex}.badge-role-suggest,.row-role-confirm .badge-role-suggest{letter-spacing:.4px;text-transform:uppercase;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700}.badge-role-suggest:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.badge-role-correct{letter-spacing:.3px;text-transform:uppercase;color:var(--text-tertiary,var(--text-secondary));text-underline-offset:2px;cursor:pointer;opacity:.6;background:0 0;border:0;margin-left:6px;padding:0;font-size:9px;font-weight:600;text-decoration:underline}.badge-role-correct:hover{opacity:1}.row-role-confirm{color:var(--warn,#d9a441);gap:6px}.chip.chip-to-confirm[aria-pressed=true]{border-color:var(--warn,#d9a441);color:var(--warn,#d9a441)}.card-title{-webkit-line-clamp:2;line-clamp:2;min-height:34px;font-size:var(--fs-meta);color:var(--text-secondary);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{align-items:center;gap:var(--s2);font-size:var(--fs-meta);color:var(--text-muted);display:flex}.avatar{border-radius:var(--r-full);background:var(--surface-active);font-family:var(--font-display);color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:26px;height:26px;font-size:11px}.avatar-md{width:32px;height:32px;font-size:13px}.section{margin-top:var(--s8)}.section-head{align-items:center;gap:var(--s2);margin-bottom:var(--s3);display:flex}.section-title{align-items:center;gap:var(--s2);font-family:var(--font-display);font-size:var(--fs-section);letter-spacing:-.2px;font-weight:600;display:flex}.section-status-dot{border-radius:var(--r-full);flex:none;width:7px;height:7px}.section-status-dot-live{background:var(--live)}.section-status-dot-offline{background:var(--text-muted)}.section-count{border-radius:var(--r-full);font-variant-numeric:tabular-nums;color:#dde2ea;background:#252a33;border:1px solid #ffffff0a;justify-content:center;align-items:center;min-width:17px;height:16px;padding:0 5px;font-size:9.5px;font-weight:600;line-height:1;display:inline-flex}.row-grid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.row-grid-offline{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.row{align-items:center;gap:var(--s3);min-width:0;padding:10px var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:background var(--t-fast), border-color var(--t-fast);display:flex}.row:hover{background:var(--surface-2);border-color:var(--border-strong)}.row-text{flex:1;min-width:0}.row-nick{font-size:var(--fs-meta);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-sub{font-size:var(--fs-label);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.row-state{font-size:var(--fs-label);color:var(--text-faint);flex:none;align-items:center;gap:5px;display:inline-flex}.row-state:before{content:"";border-radius:var(--r-full);background:var(--border-hover);width:6px;height:6px}.row-actions{flex:none;align-items:center;gap:2px;display:flex}.btn{min-height:34px;padding:0 var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-meta);color:var(--text);transition:background var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:#fff;border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:#0000}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}.btn-ghost:active:not(:disabled){background:var(--border-strong)}.load-more-sentinel{height:1px}.back-to-top{left:50%;bottom:var(--s2);z-index:40;border:1px solid rgb(var(--accent-rgb) / 32%);background:linear-gradient(155deg, #ffffff24, transparent 45%), linear-gradient(135deg, var(--accent), var(--accent-hover));width:28px;height:28px;color:var(--on-accent);box-shadow:0 10px 26px -8px rgb(var(--accent-rgb) / 55%), 0 0 0 1px #0003;cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .24s,transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .2s;display:grid;position:fixed;transform:translate(-50%)translateY(14px)scale(.85)}.back-to-top[data-visible=true]{opacity:.55;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.back-to-top:hover{opacity:1;box-shadow:0 14px 32px -8px rgb(var(--accent-rgb) / 65%), 0 0 0 1px #0003;transform:translate(-50%)translateY(-2px)scale(1.04)}.back-to-top[data-visible=true]:hover{transform:translate(-50%)translateY(-2px)scale(1.04)}.back-to-top:active{transform:translate(-50%)translateY(0)scale(.96)}.back-to-top svg{filter:drop-shadow(0 1px 1px #00000040)}@media (width<=899px){.back-to-top{bottom:calc(var(--s4) + env(safe-area-inset-bottom,0px))}}@keyframes row-grid-page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.row-grid-page-fade{animation:row-grid-page-in var(--t) both}.pagination{justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.pagination-info{color:var(--text-muted);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;white-space:nowrap}.pagination-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination-nav,.pagination-page{border:1px solid var(--border);border-radius:var(--r-md);min-width:28px;height:28px;color:var(--text-secondary);background:var(--surface-2);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);place-items:center;padding:0 6px;font-weight:600;display:grid}.pagination-nav:hover:not(:disabled),.pagination-page:hover:not(:disabled):not(.is-active){border-color:var(--border-hover);color:var(--text);background:var(--surface-hover)}.pagination-nav:disabled{color:var(--text-faint);border-color:var(--border);cursor:default;opacity:.5;background:0 0}.pagination-page.is-active{border-color:var(--accent-border);color:var(--amber);background:var(--accent-soft);cursor:default}.pagination-ellipsis{min-width:20px;height:28px;color:var(--text-faint);font-size:var(--fs-meta);place-items:center;display:grid}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-pages-narrow{display:none}@media (width<=720px){.pagination-pages-wide{display:none}.pagination-pages-narrow{display:flex}}.empty{justify-items:center;gap:var(--s2);text-align:center;max-width:420px;margin:72px auto;display:grid}.empty-icon{width:40px;height:40px;margin-bottom:var(--s1);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-faint);place-items:center;display:grid}.empty h2{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:600}.empty p{font-size:var(--fs-meta);color:var(--text-muted);line-height:1.6}.empty .btn{margin-top:var(--s2)}.sk{border-radius:var(--r-xs);background:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-hover) 50%, var(--surface-2) 70%);background-size:220% 100%;animation:1.3s ease-in-out infinite sk}@keyframes sk{to{background-position:-220% 0}}.sk-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.sk-media{aspect-ratio:16/9;border-radius:0}.sk-body{gap:var(--s2);padding:var(--s3);display:grid}.sk-line{height:10px}.sk-row{border-radius:var(--r-md);height:48px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.account-trigger{border:1px solid var(--border);background:var(--surface-2);text-align:left;min-height:58px;transition:background var(--t-fast), border-color var(--t-fast);border-radius:11px;gap:10px;padding:9px 10px}.account-trigger:hover{background:var(--surface-hover);border-color:var(--border-hover)}.account-trigger[aria-expanded=true]{background:var(--surface-hover);border-color:rgb(var(--accent-rgb) / 18%)}.account-trigger .avatar{width:34px;height:34px;box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 28%), inset 0 1px 0 #ffffff0f;color:var(--text);flex:0 0 34px;font-size:13px;font-weight:700}.account-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.account-row-top{align-items:center;gap:6px;min-width:0;display:flex}.account-name{letter-spacing:-.01em;min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:650;display:block;overflow:hidden}.account-badge{border-radius:var(--r-full);background:rgb(var(--gold-rgb) / 12%);letter-spacing:.06em;color:var(--gold);text-transform:uppercase;flex:none;padding:1.5px 6px;font-size:9px;font-weight:700}.account-summary{letter-spacing:.01em;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:550;display:block;overflow:hidden}.account-chevron{color:var(--text-muted);transition:color var(--t-fast), transform var(--t-fast);flex:none;place-items:center;display:grid}.account-trigger:hover .account-chevron,.account-trigger[aria-expanded=true] .account-chevron{color:var(--text-secondary)}.account-trigger[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-popover-summary{align-items:center;gap:8px;min-width:0;padding:2px 6px 6px;display:flex}.account-popover-summary .account-row-top{flex:1;min-width:0}.account-popover-prime-id{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 6px 6px;font-size:10px;font-weight:650}.account-popover-prime-id b{letter-spacing:.01em;text-transform:none;background:linear-gradient(120deg, var(--accent-hover), var(--accent) 60%);color:#0000;filter:drop-shadow(0 0 6px rgb(var(--accent-rgb) / 35%));-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:800}.account-popover-prime-id-copy{vertical-align:middle;border-radius:var(--r-sm);width:20px;height:20px;color:var(--text-muted);transition:color var(--t-fast), background var(--t-fast);place-items:center;margin-left:4px;display:inline-grid}.account-popover-prime-id-copy:hover{color:var(--accent);background:rgb(var(--accent-rgb) / 12%)}.account-popover-prime-id-copy.is-copied{color:var(--accent)}.account-popover-prime-id-cta{border:1px dashed rgb(var(--accent-rgb) / 40%);border-radius:var(--r-sm);background:rgb(var(--accent-rgb) / 6%);width:calc(100% - 12px);color:var(--accent);letter-spacing:.01em;transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:6px;margin:0 6px 6px;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.account-popover-prime-id-cta:hover{border-color:rgb(var(--accent-rgb) / 65%);background:rgb(var(--accent-rgb) / 12%)}.account-popover-prime-id-cta svg{flex:none}.account-popover-stats{gap:5px;padding:5px 6px 4px;display:grid}.account-stat-row{align-items:center;gap:7px;min-width:0;display:flex}.account-stat-row svg{color:var(--text-secondary);flex:none}.account-stat-value{color:var(--text);flex:none;font-size:12px;font-weight:700}.account-stat-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-popover-warning{border-radius:var(--r-sm);color:#ff9a8f;background:#ff9a8f1a;margin:0 6px 6px;padding:5px 7px;font-size:11px;font-weight:600}.account .pop-left{width:auto;right:0}.account .pop{background:var(--surface-hover);border-color:#ffffff14;padding:6px;box-shadow:0 14px 32px -18px #0009}.account .pop-sep{background:#ffffff0f;margin:4px 0}.account .pop-item{min-height:27px}.account-item-settings:hover{background:rgb(var(--accent-rgb) / 8%);color:var(--text)}.account-item-settings:hover svg{color:var(--amber)}.account-item-signout{color:var(--text-secondary)}.account-item-signout:hover{color:#ff9a8f;background:#ff5c5c14}.account-item-signout:hover svg{color:#ff9a8f}.splash-mark-wrap{place-items:center;width:96px;height:96px;display:grid;position:relative}.splash-glow{background:radial-gradient(circle, var(--accent-ring) 0%, transparent 70%);border-radius:50%;animation:2.6s ease-in-out infinite splash-breathe;position:absolute;inset:-44px}.splash-mark{width:60px;height:auto;position:relative}@keyframes splash-breathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.8;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.splash-glow{opacity:.55;animation:none}}.onboarding-card{width:min(460px,100%);animation:.22s cubic-bezier(.4,0,.2,1) both onboarding-in}@keyframes onboarding-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.onboarding-title{font-family:var(--font-display);letter-spacing:-.3px;font-size:22px;font-weight:700}.onboarding-text{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.5}.onboarding-subtext{font-size:var(--fs-meta);color:var(--text-muted);margin-top:-6px;line-height:1.5}.onboarding-choice-actions{justify-content:flex-end;gap:var(--s3);margin-top:var(--s2);display:flex}.onboarding-step-icon-pair{align-items:center;gap:4px;display:inline-flex}.onboarding-dots{align-items:center;gap:6px;display:flex}.onboarding-dot{border-radius:var(--r-full);background:var(--border-strong);width:6px;height:6px;transition:background var(--t-fast), width var(--t-fast)}.onboarding-dot.is-active{background:var(--accent);width:16px}.tour-overlay{z-index:110;position:fixed;inset:0}.tour-spotlight{border-radius:var(--r-md);box-shadow:0 0 0 9999px #040508b8, 0 0 0 1px rgb(var(--accent-rgb) / 55%), 0 0 24px 2px rgb(var(--accent-rgb) / 35%);pointer-events:none;animation:.26s cubic-bezier(.4,0,.2,1) both tour-spotlight-in;position:fixed}@keyframes tour-spotlight-in{0%{opacity:0}to{opacity:1}}.tour-card{width:280px;padding:var(--s5) var(--s5) var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);gap:10px;animation:.22s cubic-bezier(.4,0,.2,1) both onboarding-in;display:grid;position:fixed;box-shadow:0 24px 48px -20px #0009}.tour-card.is-centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-arrow{border:1px solid var(--border-strong);background:var(--surface-2);width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.tour-arrow-up{border-bottom:none;border-right:none;top:-8px}.tour-arrow-down{border-top:none;border-left:none;bottom:-8px}.tour-card-icon{border-radius:var(--r-md);background:rgb(var(--accent-rgb) / 12%);width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;gap:6px;display:inline-flex}.tour-card-title{font-family:var(--font-display);letter-spacing:-.2px;font-size:16px;font-weight:700}.tour-card-text{font-size:var(--fs-meta);color:var(--text-secondary);line-height:1.5}.tour-card-foot{justify-content:space-between;align-items:center;gap:var(--s2) var(--s3);flex-wrap:wrap;margin-top:2px;display:flex}.tour-card-foot .onboarding-choice-actions{margin-top:0}.overlay{z-index:100;padding:var(--s6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--t) both;background:#040507b8;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{gap:var(--s3);width:380px;padding:var(--s8) var(--s6) var(--s6);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--shadow-pop);display:grid;position:relative}.modal h2{font-family:var(--font-display);letter-spacing:-.3px;font-size:20px;font-weight:600}.modal-note{margin-bottom:var(--s2);font-size:var(--fs-meta);color:var(--text-muted);line-height:1.5}.modal-auth{width:400px;padding:40px var(--s7) var(--s7);text-align:center;background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(160deg, rgb(var(--accent-rgb) / 45%), transparent 40%, transparent 70%, rgb(var(--accent-rgb) / 20%)) border-box;box-shadow:0 24px 60px -20px #0000008c, 0 0 0 1px #0003, var(--shadow-pop);border:1px solid #0000;place-items:center}.modal-auth .eyebrow{justify-self:center}.modal-auth h2{font-size:22px}.modal-auth .modal-note{text-align:center;justify-self:center;max-width:30ch}.modal-auth .field,.modal-auth .btn,.modal-auth .auth-divider,.modal-auth .field-checklist{width:100%}.auth-forgot-link{color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-self:end;margin-top:-6px;padding:0;font-size:12px;text-decoration:underline}.auth-forgot-link:hover{color:var(--text)}.modal-brand{place-items:center;width:56px;height:56px;margin-bottom:2px;display:grid;position:relative}.modal-brand-mark{width:34px;height:auto;position:relative}.modal-actions{justify-content:flex-end;gap:var(--s3);display:flex}.btn-google{justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r-md);color:#1f1f1f;height:42px;font-weight:500;font-size:var(--fs-body);transition:box-shadow var(--t-fast), transform var(--t-fast), border-color var(--t-fast);background:#fff;border:1px solid #dadce0;display:inline-flex;box-shadow:0 1px 2px #00000014}.btn-google:hover:not(:disabled){background:#f7f8f8;border-color:#d2d3d5;transform:translateY(-1px);box-shadow:0 4px 12px #00000024}.btn-google:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #00000014}.auth-divider{align-items:center;gap:var(--s3);margin:var(--s1) 0;color:var(--text-faint);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.08em;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-waiting{align-items:center;gap:var(--s3);width:100%;padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-inset);font-size:var(--fs-meta);color:var(--text-secondary);text-align:left;display:flex}.google-cancel-button{min-width:132px;margin-top:var(--s2);border-color:var(--border-strong);color:var(--text-secondary);background:#ffffff08;justify-self:center}.google-cancel-button:hover:not(:disabled),.google-cancel-button:focus-visible{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.field{height:38px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-inset);font-size:var(--fs-body);color:var(--text);transition:border-color var(--t-fast);outline:none}.field::placeholder{color:var(--text-faint)}.field-password{position:relative}.field-password .field{width:100%;padding-right:38px}.field-eye-toggle{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.field-eye-toggle:hover{color:var(--text);background:var(--surface-hover)}.field-checklist{max-height:190px;padding:var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-inset);gap:8px;display:grid;overflow-y:auto}.field-checkbox{font-size:var(--fs-body);color:var(--text);cursor:pointer;align-items:center;gap:8px;display:flex}.field-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);flex:none}.field-suggested{gap:4px;display:grid}.field-suggested label{font-size:var(--fs-meta);color:var(--text-muted)}.modal-x{top:var(--s3);right:var(--s3);border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);place-items:center;display:grid;position:absolute}.modal-x:hover{background:var(--surface-hover);color:var(--text)}.error{font-size:var(--fs-meta);color:#ff8b91}.settings{max-width:1280px}.settings-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.settings-column{flex-direction:column;align-items:stretch;gap:16px;min-width:0;display:flex}.settings-column-right .settings-sharing-card{order:0}.settings-column-right .settings-notification-card{order:1}.settings-column-right .settings-account-card{order:2}.shared-link-field{border:1px solid var(--border);background:var(--surface-inset);width:100%;color:var(--text);border-radius:8px;margin-top:10px;padding:8px 10px;font-family:inherit;font-size:12px}.shared-link-field:focus{border-color:var(--border-strong);outline:none}.settings-account-card{min-height:92px;padding:18px 20px}.settings-notification-card{overflow:hidden}.notification-setting-row,.notification-sound-block{border:0;border-radius:0}.notification-setting-row+.notification-setting-row,.notification-sound-block{border-top:1px solid var(--border)}.notification-sound-block{padding:18px 20px 20px}.notification-block-heading h3{font-size:var(--fs-body);margin:0}.notification-block-heading p{color:var(--text-muted);font-size:var(--fs-meta);margin:5px 0 0}.notification-sound-block .notification-sound-content{padding:16px 0 0}@media (width<=980px){.settings-columns{grid-template-columns:minmax(0,1fr)}}.settings-section{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.settings-section-heading{border-bottom:1px solid var(--border);padding:20px 20px 17px}.settings-section-heading .eyebrow{color:var(--amber);margin:0 0 6px}.settings-section-heading h2{letter-spacing:-.015em;margin:0;font-size:16px}.settings-section-heading>p:last-child{color:var(--text-muted);font-size:var(--fs-meta);margin:6px 0 0;line-height:1.5}.system-settings-list{display:grid}.system-setting{gap:var(--s4);justify-content:space-between;align-items:center;min-height:88px;padding:17px 20px;display:flex}.system-setting+.system-setting{border-top:1px solid var(--border)}.system-setting>div{min-width:0}.system-setting b{color:var(--text-primary);font-size:var(--fs-body);font-weight:600;display:block}.system-setting p,.system-setting small{color:var(--text-muted);font-size:var(--fs-meta);margin-top:5px;line-height:1.5;display:block}.system-setting small{color:var(--text-secondary)}.system-toggle{background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;flex:none;width:42px;height:24px;padding:2px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.system-toggle span{background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;display:block;box-shadow:0 1px 3px #00000059}.system-toggle:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 55%)}.system-toggle.is-on{border-color:rgb(var(--accent-rgb) / 70%);background:rgb(var(--accent-rgb) / 24%);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 8%)}.system-toggle.is-on span{background:var(--amber);transform:translate(18px)}.system-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.system-toggle:disabled{cursor:wait;opacity:.55}.notification-login-locked{cursor:not-allowed;flex:none;display:inline-flex;position:relative}.notification-login-locked .system-toggle:disabled{cursor:not-allowed;opacity:.38}.notification-login-locked-tip{z-index:4;width:max-content;max-width:210px;color:var(--text-secondary);opacity:0;pointer-events:none;background:#141519f5;border:1px solid #ffffff1f;border-radius:6px;padding:7px 9px;font-size:11px;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px);box-shadow:0 8px 20px #00000047}.notification-login-locked:hover .notification-login-locked-tip,.notification-login-locked:focus .notification-login-locked-tip{opacity:1;transform:translateY(0)}.notification-sound-content{gap:16px;padding:18px 20px;display:grid}.sound-mode-control{border:1px solid var(--border);background:#00000029;border-radius:11px;gap:6px;padding:4px;display:flex}.sound-mode-control button{min-height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:7px;flex:1;font-size:12px;font-weight:600}.sound-mode-control button:hover,.sound-mode-control button.is-selected{color:var(--text-primary);background:#ffffff12}.sound-mode-control button.is-selected{color:var(--amber);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 35%)}.sound-volume{gap:10px;display:grid}.sound-volume>div{font-size:var(--fs-meta);justify-content:space-between;display:flex}.sound-volume span{color:var(--amber);font-weight:650}.sound-volume input{width:100%;accent-color:var(--amber)}.sound-volume .btn{justify-self:start}.sound-note{color:var(--text-muted);font-size:var(--fs-meta)}.desktop-frame[data-motion=off] *,.desktop-frame[data-motion=off] :before,.desktop-frame[data-motion=off] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.shell *,.shell :before,.shell :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.desktop-frame[data-density=compact] .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.desktop-frame[data-density=compact] .card-media{aspect-ratio:16/7}.desktop-frame[data-density=compact] .card-body{gap:7px;padding:10px 12px 11px}.desktop-frame[data-density=compact] .card-role-slot{min-height:22px}.desktop-frame[data-density=compact] .card-meta,.desktop-frame[data-density=compact] .card-sub{font-size:10px}.desktop-frame[data-density=compact] .offline-row{min-height:58px;padding-top:8px;padding-bottom:8px}.desktop-frame[data-density=compact] .offline-row .avatar{transform:scale(.88)}.card-media-empty{background:linear-gradient(135deg, rgb(var(--accent-rgb) / 12%), #ffffff08);place-content:center;gap:5px;display:grid}.card-media-empty small{color:var(--text-muted);letter-spacing:.08em;font-size:9px;font-weight:700}.setting{justify-content:space-between;align-items:center;gap:var(--s6);padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:flex}.setting b{font-size:var(--fs-body);font-weight:600}.setting p{font-size:var(--fs-meta);color:var(--text-muted);margin-top:5px;line-height:1.55}.setting strong{color:var(--text-secondary);font-weight:600}.setting-actions{flex:none}.note{margin-top:var(--s4);font-size:var(--fs-meta);color:var(--text-faint);line-height:1.6}@media (width<=1080px){.search{width:224px}}@media (width<=900px){.page-head{flex-direction:column}.search{width:100%}}.shell{background:#08080c}.sidebar{background:linear-gradient(#ffffff0d,#0000 14%),linear-gradient(#111117 0%,#0c0c11 46%,#09090d 100%);padding:28px 14px 14px}.brand{margin:0 4px 8px;padding:2px 6px 26px;position:relative}.brand:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong) 12%, var(--border-strong) 88%, transparent);height:1px;position:absolute;bottom:0;left:4px;right:4px}.side-label{letter-spacing:1.4px;margin-top:8px;padding-top:18px}.side-item{border:1px solid #0000;border-radius:10px;min-height:38px;padding:0 10px}.side-item:hover{background:#ffffff0a;border-color:#ffffff0d}.side-item[aria-current=true]{box-shadow:inset 3px 0 0 var(--accent), 0 8px 18px -16px #000;background:linear-gradient(90deg,#f21e492e,#f21e490d);border-color:#ffffff12}.page-head{padding:44px 0 24px;position:relative}.page-title{letter-spacing:-1px;font-size:32px;font-weight:650}.eyebrow{color:#ff5675;align-items:center;gap:7px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:18px;height:1px}.page-sub{margin-top:11px;font-size:13px}.search{background:#09090d9e;border-color:#ffffff1a;border-radius:12px;width:326px;height:42px;padding-right:10px;box-shadow:inset 0 1px #ffffff08}.toolbar{background:#0e0e14db;border:1px solid #ffffff14;border-radius:16px;min-height:60px;margin:4px 0 0;padding:10px;top:12px;box-shadow:0 14px 34px -26px #000,inset 0 1px #ffffff08}.chip{background:0 0;border-color:#0000;height:34px;padding:0 13px}.chip:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff14}.chip[aria-pressed=true]{color:#fff;background:#f21e4921;border-color:#f21e494d}.tool-btn{background:#ffffff08;border-radius:10px;height:34px}.card:hover,.card[data-focus]{border-color:#f21e4959;box-shadow:0 24px 46px -27px #000,0 0 0 1px #f21e4914}.card-media{border-bottom:1px solid #ffffff0f}.card-body{padding:14px}.badge-live{background:#f21e49eb;border:1px solid #ffffff2e;border-radius:7px;padding:4px 8px;box-shadow:0 8px 18px -10px #f21e49cc}.avatar{border:1px solid #ffffff17;box-shadow:0 4px 12px -8px #000}.setting,.row{background:linear-gradient(140deg, #ffffff08, transparent 46%), var(--surface);box-shadow:var(--shadow-card);border-color:#ffffff14;border-radius:16px}.btn-primary{background:linear-gradient(135deg,#ff315b,#e81540);box-shadow:0 12px 24px -16px #f21e49e6}.page{padding-bottom:40px}.page-head{min-height:0;padding:24px 0 14px}.page-title{letter-spacing:-.7px;font-size:26px}.stat-line{margin-top:7px}.toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1015eb;border-radius:12px;min-height:52px;margin-top:0;padding:8px 10px;top:8px}.tool-actions{min-width:0}.toolbar .search{background:#07080b7a;border-color:#ffffff14;border-radius:9px;width:clamp(180px,18vw,300px);height:34px}.chip-row{gap:3px}.chip{height:34px;color:var(--text-muted);padding:0 11px}.chip[aria-pressed=true]{box-shadow:inset 2px 0 0 var(--accent);background:#ffffff14;border-color:#ffffff17;position:relative}.tool-btn{background:#ffffff08;border-color:#ffffff14;height:34px}@media (width>=1120px){.grid{grid-template-columns:repeat(3,minmax(0,310px))}}@media (width>=1500px){.grid{grid-template-columns:repeat(4,minmax(0,310px))}}@media (width>=2200px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{background:linear-gradient(150deg,#ffffff08,#0000 42%),#111319;border-color:#ffffff12;border-radius:12px}.card:hover,.card[data-focus]{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 18px 30px -23px #000,0 0 0 1px #ffffff05}.card-media img{transition-duration:.17s}.badge-live,.badge-viewers{top:10px}.badge-live{font-size:9px;left:10px}.badge-viewers{border:1px solid #ffffff1f;border-radius:7px;padding:4px 7px;right:10px}.avatar{color:#fff;background:radial-gradient(circle at 32% 22%,#ffffff21,#0000 42%),#292d37;border-color:#ffffff1a}.avatar-md{width:36px;height:36px}.icon-btn{border-radius:9px;width:32px;height:32px}.icon-btn:hover:not(:disabled){background:#ffffff12}.badge-role{letter-spacing:.8px;background:#ffffff08;border-color:#ffffff17;border-radius:6px;padding:4px 8px;font-size:9px}.card-meta{color:var(--text-muted);gap:7px}.card-platform{color:var(--text-secondary);align-items:center;gap:5px;display:inline-flex}.sidebar{border-right-color:#ffffff12}.brand{padding-bottom:22px}.side-item{min-height:36px}.side-item[data-game=DOTA_2] .game-icon{flex-basis:19px;width:19px;height:19px}.side-item[data-game=DOTA_2] .game-icon img{width:17px;height:17px;margin:1px}.side-item[data-game=AION_2] .game-icon{overflow:visible}.side-item[data-game=AION_2] .game-icon img{width:27px;max-width:none;height:27px;margin:-4px}.side-badge,.side-item[aria-current=true] .side-badge{min-width:18px;color:var(--text-muted);background:#ffffff12;padding:1px 6px}.side-item[aria-current=true] .side-badge{color:var(--text-secondary)}.side-bottom{padding-top:12px}.account-trigger{border-radius:10px;min-height:48px;padding:8px}.account-trigger>svg{color:var(--text-faint);flex:none}.account-trigger:hover>svg,.account-trigger[aria-expanded=true]>svg{color:var(--text-secondary)}.row-grid{gap:14px}.row{border-radius:12px;min-height:62px;padding:10px 12px}@media (width<=1300px){.toolbar{align-items:flex-start}.toolbar .search{width:210px}}.page-title{font-size:27px;font-weight:670}.page-sub{color:var(--text-secondary);font-weight:500}.toolbar{background:linear-gradient(105deg,#ffffff0a,#0000 35%),#0e0f14f0;border-color:#ffffff17;gap:10px;min-height:54px;padding:8px;box-shadow:0 16px 32px -28px #000,inset 0 1px #ffffff0a}.tool-actions{border-left:1px solid #ffffff12;gap:6px;padding-left:8px}.chip{height:36px;color:var(--text-secondary);border-radius:9px;padding:0 12px;font-weight:550}.chip-count{min-width:17px;height:17px;color:var(--text-faint);background:#ffffff0d;border-radius:5px;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.chip[aria-pressed=true]{box-shadow:inset 2px 0 0 var(--accent), inset 0 1px 0 #ffffff0d;background:linear-gradient(120deg,#f21e492e,#ffffff0f);border-color:#f21e4945}.chip[aria-pressed=true] .chip-count{color:#ff7991;background:#f21e492b}.tool-btn{border-radius:9px;height:36px;font-weight:550}.grid{grid-template-columns:repeat(2,minmax(0,320px));gap:18px;margin-top:18px}@media (width>=1120px){.grid{grid-template-columns:repeat(3,minmax(0,320px))}}@media (width>=1500px){.page-head,.toolbar,.grid{max-width:1334px}.grid{grid-template-columns:repeat(4,minmax(0,320px))}}@media (width>=2200px){.page-head,.toolbar,.grid{max-width:none}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card:before{z-index:1;content:"";opacity:0;height:1px;transition:opacity var(--t-fast);background:linear-gradient(90deg,#0000,#ffffff21,#0000);position:absolute;top:0;left:0;right:0}.card:hover:before,.card[data-focus]:before{opacity:1}.badge-live{letter-spacing:.55px;border-color:#ffffff3d;border-radius:7px;padding:5px 8px;box-shadow:0 8px 16px -11px #ff3158}.badge-viewers{background:#06070ac7;padding:5px 8px;box-shadow:0 4px 14px -8px #000}.card-watch span{background:#0c0d11e0;padding:8px 15px;box-shadow:0 10px 18px -12px #000}.card-open{font-size:15px;font-weight:650}.card-sub{margin-top:3px}.icon-btn{color:var(--text-secondary);border:1px solid #0000}.card-meta{padding-top:1px}.brand{background:linear-gradient(135deg,#ffffff0a,#0000 62%);border:1px solid #ffffff0d;border-radius:13px;margin:0 2px 10px;padding:8px 9px 24px}.brand:after{background:linear-gradient(90deg,#0000,#f21e496b,#0000);bottom:7px;left:9px;right:9px}.side-item{transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast)}.side-item:hover{transform:translate(1px)}.side-item[aria-current=true]{background:linear-gradient(90deg,#f21e492b,#f21e490a)}.side-badge,.side-item[aria-current=true] .side-badge{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:6px;min-width:20px;padding:2px 6px}.account-trigger{background:#ffffff05;border-color:#ffffff0f}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#ffffff0d;border-color:#ffffff1a}@media (width<=1300px){.tool-actions{padding-left:6px}}.brand{border-color:rgb(var(--accent-rgb) / 14%);background:linear-gradient(135deg, rgb(var(--accent-rgb) / 7%), #ffffff05 48%, transparent 62%)}.brand:after{background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 56%), transparent)}.side-item[aria-current=true]{background:linear-gradient(90deg, rgb(var(--accent-rgb) / 16%), rgb(var(--accent-rgb) / 4%));box-shadow:inset 3px 0 0 var(--accent), 0 8px 18px -16px #000}.eyebrow{color:var(--accent-hover)}.search:focus-within{border-color:rgb(var(--accent-rgb) / 62%);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / 10%)}.tool-btn.is-active{border-color:rgb(var(--accent-rgb) / 42%);color:var(--accent-hover)}.icon-btn.on{color:var(--accent-hover)}.btn-primary{box-shadow:0 12px 24px -16px rgb(var(--accent-rgb) / 85%);background:linear-gradient(135deg,#e0a133,#bd7820)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f2c65a,#d99028)}.pop-item[aria-checked=true] .pop-check{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.field:focus{border-color:rgb(var(--accent-rgb) / 62%);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 10%)}.sidebar{background:radial-gradient(260px 180px at 6% 0, rgb(var(--accent-rgb) / 6%), transparent 70%), linear-gradient(180deg, #ffffff06, transparent 15%), linear-gradient(180deg, #101116 0%, #0c0d12 50%, #0a0b0f 100%)}.brand{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 2px 14px;padding:5px 8px 17px}.brand-logo{max-width:188px}.brand:after{background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 38%), #ffffff1c, transparent);height:1px;bottom:2px;left:8px;right:8px}.side-item{min-height:36px;color:var(--text-secondary);border:1px solid #0000;border-radius:9px;gap:11px;padding:0 10px}.side-item:hover{color:var(--text);background:#ffffff09;border-color:#ffffff0f;transform:translate(1px)}.side-item[aria-current=true]{border-color:rgb(var(--accent-rgb) / 20%);background:linear-gradient(90deg, rgb(var(--accent-rgb) / 11%), rgb(var(--accent-rgb) / 3%) 72%, transparent);box-shadow:inset 2px 0 0 var(--accent), 0 9px 18px -19px #000}.side-item[aria-current=true] svg,.side-item[aria-current=true] .side-dot{color:var(--accent)}.side-badge,.side-item[aria-current=true] .side-badge{min-width:20px;color:var(--text-muted);background:#ffffff09;border-color:#ffffff12;border-radius:6px;padding:2px 6px}.page-head{padding-top:18px;padding-bottom:12px}.page-title{letter-spacing:-.035em;gap:10px;font-size:24px;font-weight:670}.page-title-icon{width:35px;height:35px}.page-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.live-dot{width:6px;height:6px;box-shadow:0 0 0 3px #ff31581c}.toolbar{background:linear-gradient(105deg,#ffffff09,#0000 38%),#0e0f14e0;border-color:#ffffff14;border-radius:12px;gap:8px;min-height:52px;margin-top:2px;padding:7px 8px;box-shadow:0 16px 32px -28px #000,inset 0 1px #ffffff09}.toolbar .search{background:#0506097a;border-color:#0000;height:36px}.toolbar .search:hover{border-color:#ffffff1f}.search:focus-within,.field:focus{border-color:rgb(var(--accent-rgb) / 40%);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 9%)}.chip,.tool-btn{border-radius:9px;height:36px;font-weight:570}.chip{color:var(--text-secondary);background:0 0;border-color:#0000;padding:0 11px}.chip:hover:not(:disabled){color:var(--text);background:#ffffff0a;border-color:#ffffff14}.chip:disabled{opacity:.58}.chip-count{min-width:18px;height:18px;color:var(--text-muted);background:#ffffff0b;border-radius:6px}.chip[aria-pressed=true]{border-color:var(--accent-border);background:linear-gradient(110deg, rgb(var(--accent-rgb) / 13%), rgb(var(--accent-rgb) / 4%));box-shadow:inset 2px 0 0 var(--accent), inset 0 1px 0 #ffffff0a;color:var(--accent-hover)}.chip[aria-pressed=true] .chip-count{background:rgb(var(--accent-rgb) / 15%);color:var(--accent-hover)}.tool-btn{background:0 0;border-color:#0000}.tool-btn:hover:not(:disabled),.tool-btn.is-active{border-color:rgb(var(--accent-rgb) / 24%);background:rgb(var(--accent-rgb) / 7%);color:var(--accent-hover)}.tool-btn .badge-dot{background:rgb(var(--accent-rgb) / 14%);color:var(--accent-hover)}.grid{gap:18px;margin-top:18px}.card{background:linear-gradient(145deg, #ffffff0a, transparent 45%), var(--surface);border-color:#ffffff14;border-radius:14px;box-shadow:0 14px 28px -25px #000,inset 0 1px #ffffff06}.card:hover,.card[data-focus]{border-color:rgb(var(--accent-rgb) / 25%);background:linear-gradient(145deg, #ffffff0d, transparent 46%), var(--surface-2);box-shadow:0 22px 38px -28px #000, 0 0 0 1px rgb(var(--accent-rgb) / 5%)}.card[data-focus]{outline-color:var(--focus-ring)}.card-media{background:var(--surface-inset)}.badge-live{border-color:#ffffff38;border-radius:7px;padding:5px 8px;box-shadow:0 7px 15px -11px #ff3158b8}.badge-viewers{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07080bc2;border:1px solid #ffffff1a;padding:5px 8px;box-shadow:0 5px 14px -10px #000}.avatar{background:#222630;border-color:#ffffff1c}.icon-btn{color:var(--text-secondary);border-color:#0000}.icon-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 7px 13px -12px #000}.icon-btn.on,.icon-btn.on:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 60%);background:rgb(var(--accent-rgb) / 16%);color:var(--accent);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 28%)}.icon-btn.on:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 78%);background:rgb(var(--accent-rgb) / 22%)}.badge-role{color:#bac0ca;background:#ffffff09;border-color:#ffffff17;padding:4px 9px}.card-platform svg{color:#bfaef1}.row,.settings-section,.account-trigger{background:linear-gradient(145deg, #ffffff06, transparent), var(--surface);border-color:#ffffff12}.row:hover,.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:rgb(var(--accent-rgb) / 19%);background:linear-gradient(145deg, rgb(var(--accent-rgb) / 5%), transparent 56%), var(--surface-2)}.btn-primary{background:linear-gradient(160deg, var(--accent-hover), var(--accent));color:var(--on-accent);box-shadow:0 12px 24px -16px rgb(var(--accent-rgb) / 70%)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}@media (prefers-reduced-motion:no-preference){.card,.card-media img,.icon-btn,.chip,.tool-btn,.row,.account-trigger{transition-duration:.16s}}.chip>svg,.badge-role>svg{flex:none}.chip>svg{color:var(--text-muted);margin-right:1px}.chip[aria-pressed=true]>svg{color:var(--accent-hover)}.card-sub{align-items:center;gap:5px;display:flex}.card-country{align-items:center;gap:4px;display:inline-flex}.country-flag{object-fit:cover;border:1px solid #ffffff29;border-radius:2px;width:18px;height:13px;box-shadow:0 1px 3px #0000003d}.badge-role{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.badge-role>svg{color:var(--text)}.valorant-role-icon,.league-of-legends-role-icon{object-fit:contain;flex:none;display:block}.dota-role-icon{flex:none;margin:-2px -1px;display:inline-flex}.role-icon-white{color:var(--text)}.dota-lane-icon{object-fit:contain;flex:none;margin:-2px -1px;display:block}.aion-role-icon{object-fit:contain;filter:brightness(1.4);flex:none;display:block;transform:scale(1.55)}.chip>.valorant-role-icon,.chip>.aion-role-icon,.chip>.league-of-legends-role-icon{margin-right:1px}.row-sub{align-items:center;gap:5px;display:flex}.row-sub-sep{color:var(--text-faint)}.row-role{align-items:center;gap:4px;display:inline-flex}.row-role>svg{color:var(--text)}.card-platform[data-platform=TWITCH]{color:#9146ff}.card-platform[data-platform=KICK]{color:#53fc18}.card-sub{color:#c0c6cf;gap:6px;font-size:13px;font-weight:600;line-height:20px}.card-country{gap:5px}.country-flag{border-color:#fff3;width:23px;height:17px}.card-meta{color:#a8afb9;gap:9px;font-size:12px;font-weight:560}.card-platform{align-items:center;min-width:18px;display:inline-flex}.card-platform svg{width:18px;height:18px}.stat-sep{background:var(--text-muted);width:3px;height:3px}.badge-viewers{align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-viewers>svg{color:#ffffffd1}.badge-role{border-color:rgb(var(--accent-rgb) / 23%);background:linear-gradient(110deg, rgb(var(--accent-rgb) / 10%), #ffffff08);letter-spacing:.035em;gap:7px;padding:6px 11px;font-size:12px;font-weight:700}.row-sub{color:#b7bec8;flex-wrap:wrap;gap:3px 6px;font-size:12px;font-weight:560;line-height:18px}.row-sub .card-platform{min-width:18px}.row-sub .card-platform svg{width:16px;height:16px}.card-platform[data-platform=TWITCH] svg{color:#9146ff}.card-platform[data-platform=KICK] svg{color:#53fc18}.offline-row{--offline-accent:var(--border-hover);border-color:color-mix(in srgb, var(--border) 82%, rgb(var(--accent-rgb) / 24%));border-radius:var(--r-lg);background:radial-gradient(115% 100% at 100% 100%, rgb(var(--accent-rgb) / 5.5%), transparent 54%), linear-gradient(148deg, #ffffff08, transparent 45%), var(--surface);min-height:84px;box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;gap:14px;padding:14px 16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.offline-row:before{content:"";border-radius:var(--r-full);background:var(--offline-accent);opacity:.5;width:2px;transition:opacity var(--t);position:absolute;inset:14px auto 14px 0}.offline-row[data-state=playing]{--offline-accent:var(--accent)}.offline-row:hover{border-color:color-mix(in srgb, var(--border-strong) 52%, rgb(var(--accent-rgb) / 74%));background:radial-gradient(115% 100% at 100% 100%, rgb(var(--accent-rgb) / 8%), transparent 54%), linear-gradient(148deg, #ffffff0a, transparent 45%), var(--surface-2);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 24%), var(--shadow-raised), 0 12px 30px -23px rgb(var(--accent-rgb) / 38%), inset 0 1px 0 #ffffff0d;transform:translateY(-3px)}.offline-row:hover:before{opacity:1}.offline-row:focus-within{border-color:var(--accent-border)}.offline-avatar{flex:none;position:relative}.offline-row .avatar{background:var(--surface-active);filter:saturate(.82);width:42px;height:42px;transition:filter var(--t);border:1px solid #ffffff1f;font-size:13px;box-shadow:inset 0 1px #ffffff0f,0 6px 14px -10px #000000e6}.offline-row:hover .avatar{filter:none}.offline-dot{border:2px solid var(--surface);border-radius:var(--r-full);background:var(--offline-accent);width:12px;height:12px;transition:background var(--t), border-color var(--t);position:absolute;bottom:-2px;right:-2px}.offline-row:hover .offline-dot{border-color:var(--surface-2)}.offline-row .row-text{flex:1;min-width:0}.offline-row .row-nick{letter-spacing:-.012em;color:var(--text);padding-right:146px;font-size:15px;font-weight:660;line-height:20px}.offline-row .row-sub{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;align-items:center;gap:7px;margin-top:8px;font-size:12px;font-weight:550;line-height:17px;display:flex;overflow:hidden}.offline-row .offline-meta-item,.offline-row .row-sub-sep{flex:none}.offline-row .row-sub-sep{color:var(--text-faint)}.offline-row .card-country,.offline-row .offline-platforms,.offline-row .row-role{align-items:center;gap:5px;display:inline-flex}.offline-row .row-role>svg{width:13px;height:13px;color:var(--text)}.offline-row .country-flag{flex:none;width:19px;height:14px}.offline-row .card-platform svg{width:15px;height:15px}.offline-row .offline-status{border-radius:var(--r-full);letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff12;flex:none;align-items:center;gap:6px;padding:4px 10px 4px 9px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:14px;right:96px}.offline-row .offline-status:before{content:"";border-radius:var(--r-full);background:var(--offline-accent);width:6px;height:6px}.offline-row[data-state=playing] .offline-status{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-hover)}.offline-row .row-actions{border-left:1px solid #ffffff14;flex:none;gap:6px;margin-left:1px;padding-left:12px;position:absolute;top:12px;right:16px}.offline-row .row-actions .icon-btn{width:32px;height:32px;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);background:#ffffff06;border:1px solid #ffffff0f;padding:0}.offline-row .row-actions .icon-btn:hover:not(:disabled){background:#ffffff12;border-color:#ffffff24}@media (prefers-reduced-motion:reduce){.offline-row,.offline-row:before,.offline-row .avatar,.offline-row .offline-dot{transition:none}}.page{max-width:none;margin:0}.page-head,.toolbar,.grid{max-width:none}.toolbar{margin-left:0;margin-right:0;padding-left:10px;padding-right:10px}.toolbar:not(.following-role-toolbar) .tool-actions{flex:auto;justify-content:flex-end;min-width:0}.toolbar:not(.following-role-toolbar) .tool-actions .search{flex:auto;width:auto;min-width:168px;max-width:480px}.toolbar:not(.following-role-toolbar) .tool-actions{padding-left:64px}.toolbar:not(.following-role-toolbar) .tool-actions .search{margin-right:auto}.toolbar{flex-wrap:wrap;row-gap:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px}@media (width>=1600px){.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}}@media (width>=2200px){.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.card-title{min-height:30px;line-height:1.4}.card-sub{font-size:12px;line-height:18px}.card-meta{font-size:11px}.badge-role{padding:4px 9px;font-size:11px}body{background:radial-gradient(1060px 760px at 82% 38%, #525e741f, transparent 72%), radial-gradient(900px 640px at 100% 110%, rgb(var(--accent-rgb) / 4.5%), transparent 72%), linear-gradient(128deg, #090b0f 0%, #0d1016 54%, #0a0c11 100%)}.main{background:radial-gradient(1040px 720px at 76% 34%, #ffffff09, transparent 72%), radial-gradient(980px 720px at 100% 108%, rgb(var(--accent-rgb) / 3.4%), transparent 74%), linear-gradient(112deg, #ffffff05, transparent 34%)}.toolbar{background:linear-gradient(106deg,#ffffff0a,#0000 34%),#0e0f14eb;border-color:#ffffff14;border-radius:12px;align-items:center;gap:9px;min-height:0;padding:9px 12px}.tool-actions{border-left-color:#ffffff0d;gap:6px;padding-left:7px}.toolbar .search,.tool-btn,.chip{border-radius:8px;height:30px}.toolbar .search{background:#05060985;border-color:#ffffff14}.toolbar .search:focus-within{border-color:rgb(var(--accent-rgb) / 34%);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 8%)}.chip[aria-pressed=true]{border-color:rgb(var(--accent-rgb) / 24%);background:linear-gradient(115deg, rgb(var(--accent-rgb) / 10%), #ffffff0d);box-shadow:inset 2px 0 0 rgb(var(--accent-rgb) / 82%)}.card{background:linear-gradient(148deg, #ffffff09, transparent 45%), var(--surface);border-color:#ffffff12;box-shadow:0 12px 26px -24px #000000f0,inset 0 1px #ffffff06}.card:hover,.card[data-focus]{background:linear-gradient(148deg, #ffffff0d, transparent 45%), var(--surface-2);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 20px 34px -27px #000000f5,inset 0 1px #ffffff0a}.card-media:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#0405080d 22%,#04050847 100%);position:absolute;inset:0}.badge-live,.badge-viewers{z-index:1}.card-watch{z-index:2}.badge-live{border:1px solid #ffffff2e;padding:5px 8px;box-shadow:0 7px 15px -12px #ff3158c7}.badge-viewers{background:#07080bc2;border-color:#ffffff1c}.card-person{align-items:flex-start;gap:10px}.card-identity{padding-top:1px}.card-open{letter-spacing:-.012em;font-size:15px;font-weight:660}.card-sub{min-width:0;color:var(--text-secondary);align-items:center;gap:4px;margin-top:3px;font-size:11.5px;font-weight:540;line-height:18px;display:flex;overflow:hidden}.card-sub>span:not(.card-platform){text-overflow:ellipsis;min-width:0;overflow:hidden}.card-sub-sep{color:var(--text-faint);flex:none}.card-country{flex:none;gap:4px}.card-sub .country-flag{border-color:#ffffff29;width:18px;height:13px}.card-platform{flex:0 0 20px;place-items:center;width:20px;min-width:20px;height:20px;margin-left:1px;line-height:0;display:inline-grid;overflow:visible}.card-platform svg{flex:none;width:16px;height:16px;display:block;overflow:visible}.card-person .icon-btn{width:30px;height:30px;color:var(--text-muted);border:1px solid #0000;border-radius:8px;flex:0 0 30px;margin-top:1px}.card-person .icon-btn:hover:not(:disabled){color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff14}.card-more-btn{border-color:rgb(var(--accent-rgb) / 30%)!important;color:var(--accent)!important;background:0 0!important}.card-more-btn:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 45%)!important;background:rgb(var(--accent-rgb) / 8%)!important;color:var(--accent)!important}.badge-role{border-color:rgb(var(--accent-rgb) / 14%);background:rgb(var(--accent-rgb) / 5%);color:color-mix(in srgb, var(--accent) 42%, var(--text-secondary));letter-spacing:.045em;gap:6px;padding:4px 8px;font-size:10px;font-weight:600}.card-title{min-height:34px;color:var(--text-secondary);font-size:12px;line-height:1.42}.card-meta{color:var(--text-muted);gap:6px;padding-top:1px;font-size:11px;font-weight:540}.offline-row .row-actions{border-left:0;padding-left:0}.empty{margin:80px auto}.empty-icon{background:linear-gradient(145deg, #ffffff0a, transparent), var(--surface);border-color:#ffffff14}.modal{background:linear-gradient(145deg, #ffffff0a, transparent 42%), var(--surface-2);border-color:#ffffff1a;gap:14px}.error{background:#ff315812;border:1px solid #ff31582e;border-radius:8px;padding:8px 10px}@media (width<=1280px){.toolbar{align-items:flex-start}.toolbar:not(.following-role-toolbar) .tool-actions .search{min-width:160px}}body{background-color:#0d0f11;background-image:none}.sidebar{background-image:linear-gradient(#14161ffa,#0b0d13fc);background-repeat:no-repeat;background-size:auto;border-right-color:#ffffff1a;box-shadow:10px 0 30px #00000047}.main{background-image:linear-gradient(90deg,#06080ce0 0%,#06080ccc 48%,#06080cb8 100%),url(/app/themes/background-gold.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.card:hover .card-media img{filter:brightness(.88)saturate(1.08);transform:scale(1.045)}.card-preview-origin{visibility:hidden}.expanded-live-card{z-index:90;border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));border-radius:var(--r-lg);background:linear-gradient(148deg, #ffffff0b, transparent 45%), var(--surface);width:424px;box-shadow:0 28px 56px -24px #000000f5, 0 14px 34px -26px rgb(var(--accent-rgb) / 60%), inset 0 1px #ffffff12;transform-origin:0 0;animation:.19s cubic-bezier(.2,.8,.2,1) both expanded-live-card-in;position:fixed;overflow:hidden}.expanded-live-card.motion-off{animation:none}.expanded-media{cursor:pointer;background:#07080b;border-radius:10px;width:400px;height:300px;margin:12px 12px 0;position:relative;overflow:hidden}.expanded-media:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.expanded-media>img{z-index:0;object-fit:cover;width:400px;height:300px;position:absolute;inset:0}.expanded-twitch,.expanded-twitch iframe,.expanded-media>iframe{z-index:1;pointer-events:none;border:0;width:400px;height:300px;position:absolute;inset:0}.expanded-live-card .card-body{min-height:156px}.expanded-live-card .card-identity>b{color:var(--text);font-size:var(--fs-nick)}@keyframes expanded-live-card-in{0%{opacity:.2;transform:scale(.955)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.expanded-live-card{animation:none}}.card-team{align-items:center;gap:5px;display:inline-flex}.team-logo{object-fit:contain;flex:none;width:18px;height:18px}.pop-search{width:calc(100% - var(--s2) * 2);margin:0 var(--s2) var(--s1);color:var(--text);background:var(--surface-sunken,#0003);border:1px solid var(--border,#ffffff1f);border-radius:6px;outline:none;padding:6px 8px;font-size:12px}.pop-search:focus{border-color:var(--border-strong,#ffffff3d)}.pop-team-list{max-height:220px;overflow-y:auto}.pop-list-compact{max-height:92px;overflow-y:auto}.pop-chips{padding:var(--s1) 0 0;flex-wrap:wrap;gap:4px;display:flex}.pop-chip{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);max-width:100%;height:26px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;gap:4px;padding:0 7px;font-size:11.5px;font-weight:500;display:inline-flex}.pop-chip:hover{border-color:var(--border-hover);color:var(--text)}.pop-chip.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.pop-chip .pop-rank-icon{width:14px;height:14px}.pop-rank-icon{object-fit:contain;flex:none;width:20px;height:20px}.pop-item-icon{width:20px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.platform-icon-twitch{color:#9146ff}.platform-icon-kick{color:#53fc18}.pop-item-icon .pop-flag{object-fit:cover;border-radius:2px;width:20px;height:15px;box-shadow:0 1px 2px #00000040}.pop-item-icon .pop-team-logo{object-fit:contain;width:20px;height:20px}.pop-empty{padding:var(--s1) var(--s2) var(--s2);color:var(--text-faint);font-size:11px}.alert-grid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.alert-card{gap:var(--s2);padding:var(--s3);background:var(--surface,#ffffff0a);border:1px solid var(--border,#ffffff1a);border-radius:10px;flex-direction:column;display:flex}.alert-card.is-disabled{opacity:.55}.alert-card-head{align-items:flex-start;gap:var(--s2);display:flex}.alert-card-icon{width:28px;height:28px;color:var(--accent,currentColor);flex:none;justify-content:center;align-items:center;display:inline-flex}.alert-card-body{min-width:0}.alert-card-name{font-size:13px;font-weight:600}.alert-card-filters{color:var(--text-muted);margin-top:2px;font-size:12px}.alert-card-count{color:var(--text-faint);margin-top:4px;font-size:11px}.alert-card-actions{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.alert-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.alert-confirm-label{color:var(--text-muted);font-size:12px}.following-section-tabs{gap:var(--s1);margin-bottom:var(--s2);display:flex}.following-section-tab{color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:#ffffff08;border:1px solid #ffffff17;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.following-section-tab:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff2e}.following-section-tab[aria-pressed=true]{color:var(--accent-hover);background:rgb(var(--accent-rgb) / 10%);border-color:rgb(var(--accent-rgb) / 32%)}.following-section-tab[aria-pressed=true]:hover{background:rgb(var(--accent-rgb) / 15%);border-color:rgb(var(--accent-rgb) / 46%)}.settings-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"system opening""appearance notifications""game game""sharing account";gap:16px 18px}.settings-system-card{grid-area:system}.settings-preferences-card{grid-area:opening}.settings-appearance-card{grid-area:appearance}.settings-notification-card{grid-area:notifications}.settings-performance-card{grid-area:game}.settings-sharing-card{grid-area:sharing}.settings-account-card{grid-area:account}.settings-section,.settings-account-card{background:linear-gradient(145deg,#ffffff07,#0000 50%),#0f1117f0;border-color:#ffffff14;border-radius:14px;box-shadow:inset 0 1px #ffffff06,0 16px 28px -30px #000000f2}.settings-section{padding:18px 20px 20px}.settings-section-heading{border:0;padding:0}.settings-section-heading .eyebrow,.settings-section-heading>p:last-child{display:none}.settings-section-heading h2{letter-spacing:-.012em;font-size:15px;font-weight:680}.system-settings-list,.notification-sound-content{gap:15px;padding:16px 0 0}.system-setting{border:0;gap:18px;min-height:0;padding:0}.system-setting+.system-setting{border:0}.system-setting p,.system-setting small{margin-top:3px;line-height:1.42}.settings-system-card .system-setting small{display:none}.settings-control-label{margin-top:1px}.settings-control-label b,.notification-block-heading h3{color:var(--text-primary);font-size:var(--fs-body);font-weight:620}.sound-mode-control{background:#0000002e;border-color:#ffffff14;border-radius:9px;gap:3px;padding:3px}.sound-mode-control button{border-radius:7px;min-height:32px}.sound-mode-control button.is-selected{color:var(--amber);background:rgb(var(--accent-rgb) / 8%);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 31%)}.settings-appearance-card .notification-sound-content,.settings-preferences-card .notification-sound-content{gap:13px}.settings-performance-card{padding-bottom:17px}.settings-performance-card .system-settings-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:14px;display:grid}.settings-performance-card .system-setting{align-items:center}.settings-notification-card{flex-direction:column;gap:16px;display:flex}.settings-notification-card .settings-section-heading,.settings-notification-card .notification-alert-row,.settings-notification-card .settings-status-row,.settings-notification-card .settings-action-row,.settings-notification-card .notification-sound-block{background:0 0;border:0;margin:0;padding:0}.notification-block-heading p,.notification-sound-block .sound-note{display:none}.settings-notification-card .notification-sound-content{gap:10px;padding:8px 0 0}.notification-sound-block .sound-volume{gap:7px}.settings-sharing-card>.settings-sharing-content{justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:15px 0 0;display:flex}.settings-sharing-content b{color:var(--text-primary);font-size:var(--fs-body);font-weight:600}.settings-sharing-content p{color:var(--text-muted);font-size:var(--fs-meta);margin-top:3px;line-height:1.4}.settings-sharing-card .setting-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.settings-sharing-card .note{margin-top:11px}.settings-account-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px 12px;min-height:0;padding:18px 20px;display:grid}.settings-account-card .settings-section-heading{grid-column:1/-1}.settings-account-content{display:contents}.settings-account-avatar{border:1px solid rgb(var(--accent-rgb) / 28%);width:34px;height:34px;color:var(--amber);background:rgb(var(--accent-rgb) / 8%);border-radius:50%;grid-column:1;place-items:center;font-size:13px;font-weight:700;display:grid}.settings-account-copy{grid-column:2;min-width:0}.settings-account-copy b{color:var(--text-primary);font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:620;display:block;overflow:hidden}.settings-account-copy p{font-size:var(--fs-meta);margin-top:2px;line-height:1.35}.settings-account-card>.setting-actions{grid-area:2/3}@media (width<=1050px){.settings{width:100%}.settings-columns{grid-template-columns:minmax(0,1fr);grid-template-areas:"system""opening""appearance""notifications""game""sharing""account"}.settings-performance-card .system-settings-list{grid-template-columns:minmax(0,1fr);gap:15px}}.settings .page-head{padding-bottom:22px}.settings-content{width:100%}.settings-major-section{border-bottom:1px solid #ffffff12;padding:0 0 34px}.settings-major-section+.settings-major-section{padding-top:32px}.settings-major-section:last-child{border-bottom:0;padding-bottom:0}.settings-major-heading h2{color:var(--amber);letter-spacing:.11em;margin:0;font-size:11px;font-weight:720}.settings-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:72px;margin-top:18px;display:grid}.settings-group{min-width:0}.settings-group h3{color:var(--text-primary);letter-spacing:-.012em;margin:0;font-size:16px;font-weight:660}.settings-group .system-settings-list,.settings-control-stack{gap:18px;padding:17px 0 0;display:grid}.settings-major-section .system-setting,.settings-major-section .system-setting+.system-setting{border:0;min-height:0;padding:0}.settings-major-section .system-setting{gap:18px}.settings-major-section .system-setting p{margin-top:3px;line-height:1.42}.settings-control-label{color:var(--text-primary);font-size:var(--fs-body);margin-bottom:7px;font-weight:620;display:block}.settings-segmented{scrollbar-width:none;width:fit-content;max-width:100%;display:inline-flex;overflow-x:auto}.settings-segmented::-webkit-scrollbar{display:none}.settings-segmented button{flex:none;padding:0 14px}.settings-segmented-opening,.settings-segmented-game,.settings-segmented-language,.settings-segmented-role,.settings-segmented-sound{min-width:0}.settings-notification-groups{gap:72px}.settings-status-row,.settings-action-row{justify-content:space-between;align-items:center;gap:18px;min-height:40px;display:flex}.settings-status-row b,.settings-action-row b{color:var(--text-primary);font-size:var(--fs-body);font-weight:600;display:block}.settings-status{font-size:var(--fs-meta);margin:3px 0 0;font-weight:620}.settings-status span{font-size:10px}.settings-status.is-ready{color:#8ed8ac}.settings-status.is-blocked{color:#ff9a8f}.settings-sharing-content{justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding-top:17px;display:flex}.settings-sharing-content p{color:var(--text-muted);font-size:var(--fs-meta);margin-top:3px}.settings-sharing-group .setting-actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.settings-account-group{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;display:grid}.settings-account-group h3{grid-column:1/-1}.settings-account-identity{align-items:center;gap:11px;min-width:0;padding-top:17px;display:flex}.settings-account-avatar{border:1px solid rgb(var(--accent-rgb) / 28%);width:34px;height:34px;color:var(--amber);background:rgb(var(--accent-rgb) / 8%);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.settings-account-identity>div{min-width:0}.settings-account-identity b,.settings-account-identity p{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.settings-account-identity b{color:var(--text-primary);font-size:var(--fs-body);font-weight:620}.settings-account-identity p{font-size:var(--fs-meta);margin-top:2px;line-height:1.35}.settings-group-action{align-self:end;padding-top:17px}.settings-avatar-picker{flex-direction:column;gap:14px;padding-top:17px;display:flex}.settings-avatar-picker-presets{flex-wrap:wrap;gap:10px;display:flex}.settings-avatar-option{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;width:48px;height:48px;padding:0;overflow:hidden}.settings-avatar-option img{object-fit:cover;width:100%;height:100%;display:block}.settings-avatar-option:hover{border-color:rgb(var(--accent-rgb) / 40%)}.settings-avatar-option.is-selected{border-color:var(--amber)}.settings-avatar-option:disabled{cursor:default;opacity:.6}.settings-avatar-picker-actions{align-items:center;gap:10px;display:flex}.settings-avatar-picker-actions .btn{cursor:pointer}.settings-inline-error{color:#ff9a8f;font-size:var(--fs-meta);margin-top:13px}@media (width<=980px){.settings{width:100%}.settings-groups{gap:32px}.settings-segmented-game{min-width:0}}@media (width<=760px){.settings-groups{grid-template-columns:minmax(0,1fr);gap:28px}.settings-major-section{padding-bottom:28px}.settings-major-section+.settings-major-section{padding-top:28px}.settings-segmented-role{min-width:0}}@media (width<=560px){.settings-section,.settings-account-card{padding:16px}.settings-sharing-card>.settings-sharing-content{flex-direction:column;align-items:flex-start}.settings-sharing-card .setting-actions{justify-content:flex-start}}.settings{width:min(100%,1120px);max-width:none;margin:0 auto}.settings-panel{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;grid-template-columns:196px minmax(0,1fr);display:grid;overflow:hidden}.settings-panel-nav{background:#ffffff03;border-right:1px solid #ffffff12;flex-direction:column;gap:7px;padding:24px 14px;display:flex;overflow-y:auto}.settings-panel-nav button{min-height:42px;color:var(--text-secondary);font:inherit;font-size:var(--fs-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-weight:600;position:relative}.settings-panel-nav button:hover,.settings-panel-nav button:focus-visible{color:var(--text-primary);background:#ffffff0d;outline:none}.settings-panel-nav button.is-active{color:var(--text-primary);background:linear-gradient(90deg, rgb(var(--accent-rgb) / 17%), rgb(var(--accent-rgb) / 5%));box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 10%)}.settings-panel-nav button.is-active:before{background:var(--amber);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}.settings-panel-nav button:not(:first-child):after{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);content:"";pointer-events:none;height:1px;position:absolute;top:-4px;left:14px;right:14px}.settings-panel-content{min-width:0;padding:34px 34px 36px;overflow-y:auto}.settings-panel-category-header>h2,.settings-panel-category-header>span{margin:0}.settings-panel-category-header>h2{color:var(--text-primary);letter-spacing:.06em;font-size:22px;font-weight:720}.settings-panel-category-header>span{color:var(--text-secondary);font-size:var(--fs-body);margin-top:5px;display:block}.settings-panel-content .settings-groups{margin:25px 0 0;display:block}.settings-panel-group{margin:0;padding:0}.settings-panel-group+.settings-panel-group{border-top:1px solid #ffffff14;margin-top:32px;padding-top:31px}.settings-panel-group>h3{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:10px;font-weight:720}.settings-panel-content .settings-auth-gate{flex-direction:column;align-items:flex-start;gap:11px;max-width:420px;margin:25px 0 0;display:flex}.settings-auth-gate-icon{width:40px;height:40px;color:var(--accent);background:rgb(var(--accent-rgb) / 12%);border-radius:12px;place-items:center;display:grid}.settings-auth-gate h3{color:var(--text-primary);letter-spacing:0;text-transform:none;margin:3px 0 0;font-size:15px;font-weight:660}.settings-auth-gate p{color:var(--text-secondary);font-size:var(--fs-meta);margin:0;line-height:1.5}.settings-auth-gate .btn{margin-top:7px}.settings-panel .system-settings-list,.settings-panel .settings-control-stack{gap:17px;margin:0;padding:0;display:grid}.settings-panel .system-setting,.settings-panel .settings-status-row,.settings-panel .settings-action-row{background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:28px;margin:0;padding:0;display:flex}.settings-panel .system-setting>div,.settings-panel .settings-status-row>div,.settings-panel .settings-action-row>div{min-width:0}.settings-panel .system-setting b,.settings-panel .settings-status-row b,.settings-panel .settings-action-row b,.settings-panel .settings-control-label{color:var(--text-primary);font-size:var(--fs-body);font-weight:600}.settings-panel .system-setting p,.settings-panel .settings-status-row p,.settings-panel .settings-action-row p{color:var(--text-secondary);font-size:var(--fs-meta);margin:3px 0 0;line-height:1.4}.settings-panel .system-toggle{flex:none;margin-top:2px}.settings-panel .settings-control-label{margin-bottom:9px;display:block}.settings-panel .sound-mode-control{width:auto;max-width:100%;display:inline-flex}.settings-panel .settings-segmented-opening,.settings-panel .settings-segmented-game{min-width:0}.settings-panel .sound-mode-control button{flex:none;min-width:auto;padding-inline:13px}.settings-panel .sound-volume{max-width:420px}.settings-panel .settings-status{font-weight:600}.settings-panel .settings-status-row .btn,.settings-panel .settings-action-row .btn{flex:none}.settings-panel .settings-version-badge{border:1px solid var(--border,#ffffff24);background:var(--surface-2,#ffffff0d);color:var(--text-secondary);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;margin-top:2px;padding:3px 10px;font-weight:600}.settings-panel .settings-account-row{align-items:center}.settings-panel .settings-account-identity{padding-top:0}.settings-panel .settings-account-row .btn{flex:none}.account-page{max-width:760px}.account-section{border-bottom:1px solid var(--border);padding:22px 0}.account-section:first-child{padding-top:4px}.account-section:last-of-type{border-bottom:0}.account-section>h3{color:var(--accent);letter-spacing:.12em;margin:0 0 14px;font-size:11px;font-weight:750}.account-section-intro{color:var(--muted);margin:-4px 0 8px;font-size:13px}.account-identity,.account-action-line,.account-method{align-items:center;gap:14px;display:flex}.account-identity .avatar{flex:0 0 52px;width:52px;height:52px}.account-identity>div{flex:1;gap:2px;min-width:0;display:grid}.account-identity b,.account-method b,.account-action-line b{color:var(--text);font-size:14px}.account-identity span{color:var(--accent);font-size:13px}.account-identity p,.account-method p,.account-action-line p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.account-avatar-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.account-avatar-presets{flex-wrap:wrap;gap:9px;display:flex}.account-avatar-actions{flex-wrap:wrap;gap:8px;display:flex}.account-method-list{border-top:1px solid var(--border)}.account-method{border-bottom:1px solid var(--border);min-height:66px}.account-method>div{flex:1;min-width:0}.account-method-icon,.google-mark{width:26px;height:26px;color:var(--accent);background:#22262f;border-radius:50%;flex:0 0 26px;place-items:center;font-size:10px;font-weight:800;display:grid}.google-mark{color:#4285f4;background:#f5f6f8;font-family:Arial,sans-serif;font-size:15px}.account-cancel-google{border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;margin:10px -10px 0;padding:6px 10px;font-size:12px}.account-cancel-google:hover{background:var(--surface-hover);color:var(--text)}.account-cancel-google:active{background:var(--border-strong)}.account-action-line{justify-content:space-between;align-items:flex-start}.account-action-line>div{max-width:520px}.account-danger>h3{color:#e75563}.account-delete-button{color:#ff8691;background:#e755631a;border-color:#e7556373}.account-delete-button:hover{background:#e755632e}.account-feedback{color:var(--accent);margin:16px 0 0;font-size:13px}.account-empty{color:var(--muted);justify-items:start;gap:14px;padding:12px 0;display:grid}.account-modal{gap:13px;display:grid}.account-field{color:var(--muted);gap:7px;font-size:13px;display:grid}.account-availability{color:var(--muted);margin:-4px 0 2px;font-size:12px}.account-availability.is-available{color:#81c995}.account-availability.is-taken{color:#ee7c88}@media (width<=640px){.account-identity,.account-action-line{flex-wrap:wrap;align-items:flex-start}.account-identity>.btn,.account-action-line>.btn{margin-left:66px}.account-avatar-content{flex-direction:column;align-items:flex-start}.account-method{flex-wrap:wrap;align-items:flex-start;padding:13px 0}.account-method>.btn{margin-left:40px}}.settings-panel .settings-sharing-content{align-items:center;min-height:0;padding-top:0}.settings-panel .settings-sharing-content>div:first-child{min-width:0}.settings-panel .settings-sharing-content p{color:var(--text-secondary);margin:3px 0 0}.settings-panel .shared-link-field{max-width:420px}.settings-username-value{color:var(--text);letter-spacing:.01em;margin:6px 0 0;font-size:14px;font-weight:650}.settings-panel .settings-username-stack{gap:6px}.settings-username-edit{gap:8px;max-width:360px;display:grid}.settings-username-actions{gap:8px;display:flex}.settings-username-note{margin-top:0}.settings-panel .settings-sharing-content .settings-control-label{margin:0}@media (width<=820px){.settings-panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings-panel-nav{border-bottom:1px solid #ffffff12;border-right:0;flex-direction:row;align-items:center;padding:10px 12px;overflow:auto hidden}.settings-panel-nav button{flex:none}.settings-panel-nav button.is-active:before{width:auto;height:2px;inset:auto 10px 0}}@media (width<=560px){.settings-panel-content{padding:24px 18px}.settings-panel .settings-segmented-opening,.settings-panel .settings-segmented-game{min-width:0}.settings-panel .sound-mode-control{flex-wrap:wrap}.settings-panel .settings-account-row,.settings-panel .settings-sharing-content{align-items:flex-start}.settings-panel .settings-sharing-content{flex-direction:column}}.settings-overlay{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020408b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.settings-modal{background:radial-gradient(circle at 80% 0%, rgb(var(--accent-rgb) / 3.5%), transparent 30%), var(--surface);border:1px solid #ffffff21;border-radius:18px;width:min(1020px,100%);height:min(720px,100vh - 56px);max-height:min(720px,100vh - 56px);position:relative;overflow:hidden;box-shadow:0 32px 90px #0000009e,0 0 0 1px #0000003d}.settings-modal>.settings{flex-direction:column;width:100%;height:100%;margin:0;display:flex;overflow:hidden}.settings-modal>.settings>.page-head{border-bottom:1px solid #ffffff12;flex:none;margin:0;padding:28px 92px 26px 38px}.settings-modal>.settings>.note{flex:none;margin:0;padding:0 38px 16px}.settings-modal-close{z-index:2;width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#0c0e13e0;border:1px solid #ffffff1f;border-radius:10px;place-items:center;display:grid;position:absolute;top:18px;right:20px}.settings-modal-close:hover,.settings-modal-close:focus-visible{color:#fff;background:#9c2e2e85;border-color:#ff6a6a9e;outline:none}.settings-modal-close svg,.settings-window-close svg{width:18px;height:18px}.settings-window{background:radial-gradient(circle at 82% 0%, rgb(var(--accent-rgb) / 8%), transparent 30%), var(--bg);min-height:100vh;padding:34px;position:relative}.settings-window-close{z-index:3;width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#0c0e13e0;border:1px solid #ffffff1f;border-radius:10px;place-items:center;display:grid;position:fixed;top:20px;right:22px}.settings-window-close:hover,.settings-window-close:focus-visible{color:#fff;background:#9c2e2e85;border-color:#ff6a6a9e;outline:none}@media (width<=980px){.settings-overlay{padding:16px}.settings-modal{height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.settings-modal>.settings{padding:0}.settings-modal>.settings>.page-head{padding:25px 82px 23px 24px}}@media (width<=1320px){.toolbar{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.toolbar .chip-row{width:100%}.toolbar .tool-actions{border-top:1px solid #ffffff12;border-left:0;width:100%;padding:8px 0 0}.toolbar .search{flex:220px;width:auto}}.page-head{align-items:center;padding:10px 0 8px}.page-sub{margin-top:3px}.game-page-header{padding-top:16px;padding-bottom:15px}.game-page-header .page-title{margin-top:4px}.game-page-header .page-sub{margin-top:6px}.game-page-header .head-status{margin-top:5px}.head-status{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.head-status-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--live);align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.head-status-dot{background:var(--live);border-radius:999px;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #ff3b4726}.head-status-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.3}.toolbar{margin-top:0}.grid{margin-top:10px}.tool-btn-accent{border-color:rgb(var(--accent-rgb) / 14%)}@media (width<=720px){.page-head{flex-wrap:wrap;row-gap:8px}.head-status{text-align:left;align-items:flex-start}}.chip-stack{flex-direction:column;gap:4px;min-width:0;display:flex}.chip-tier{align-items:center;gap:10px;min-width:0;display:flex}.chip-tier-sub{border-top:1px solid #ffffff0f;padding-top:4px}.chip-tier-label{letter-spacing:.9px;text-transform:uppercase;width:54px;color:var(--text-secondary);flex:0 0 54px;font-size:9.5px;font-weight:700}.chip-row-category,.chip-row-role{flex:auto;row-gap:6px;min-width:0}.chip-row-role .chip[aria-pressed=true]{font-weight:600}.toolbar-split{flex-direction:column;align-items:stretch;gap:2px;display:flex}.toolbar-split-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.toolbar-split-row .chip-tier-label{flex:0 0 54px}.toolbar-split-row .chip-row-category,.toolbar-split-row .chip-row-role{flex:1 0 auto;min-width:0}.toolbar .chip-row-role:has(.chip-tight){gap:1px}.toolbar .chip-row-role .chip-tight{gap:5px;padding:0 8px}.toolbar-split-row:has(.chip-tight){column-gap:10px}.toolbar-row-side{align-items:center;gap:var(--s2);flex:none;margin-left:auto;display:flex}.toolbar.toolbar-split .tool-actions{border:0;flex:none;width:auto;padding:0}.toolbar.toolbar-split{display:flex}.toolbar.toolbar-split .chip-row{width:auto}@media (width<=1400px){.toolbar.toolbar-split .toolbar-role-actions{flex-basis:100%;justify-content:flex-start;margin-left:0}.toolbar.toolbar-split .toolbar-search-side{flex-basis:100%;justify-content:flex-end}}.toolbar-search-inline{margin-left:auto;display:flex}.toolbar.toolbar-split .tool-actions .search{flex:0 220px;width:auto;min-width:140px;max-width:220px;margin-right:0}.toolbar-split-sep{background:linear-gradient(90deg,#ffffff0d 45%,#0000 70%);width:100%;height:1px;margin:1px 0}@media (width<=1320px){.toolbar .chip-stack{width:100%}}.tool-btn-ghost:hover:not(:disabled),.tool-btn-ghost[aria-expanded=true]{color:var(--text);background:#ffffff0f;border-color:#ffffff2e}.tool-btn-ghost.is-active{border-color:rgb(var(--accent-rgb) / 24%);background:rgb(var(--accent-rgb) / 8%);color:var(--accent-hover)}.tool-btn-accent{border-color:rgb(var(--accent-rgb) / 32%);background:rgb(var(--accent-rgb) / 10%);color:var(--accent-hover)}.tool-btn-accent:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 46%);background:rgb(var(--accent-rgb) / 15%);color:var(--text)}.tool-btn-accent svg{color:var(--accent-hover)}.tool-actions .tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-switch{height:30px;font-size:var(--fs-meta);color:var(--text-secondary);white-space:nowrap;transition:color var(--t-fast);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 10px 0 8px;font-weight:570;display:inline-flex}.tool-switch:hover{color:var(--text)}.tool-switch+.tool-switch{margin-left:-12px;padding-left:14px;position:relative}.tool-switch+.tool-switch:before{content:"";background:#ffffff24;width:1px;position:absolute;top:7px;bottom:7px;left:0}.tool-switch:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.tool-switch-track{width:30px;height:17px;transition:background var(--t-fast), border-color var(--t-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:2px;position:relative}.tool-switch-knob{background:var(--text-muted);width:11px;height:11px;transition:transform var(--t-fast), background var(--t-fast);border-radius:50%;display:block;box-shadow:0 1px 2px #00000059}.tool-switch.is-on{color:var(--accent-hover)}.tool-switch.is-on .tool-switch-track{border-color:rgb(var(--accent-rgb) / 45%);background:rgb(var(--accent-rgb) / 18%)}.tool-switch.is-on .tool-switch-knob{background:var(--amber);transform:translate(13px)}.following-filters{margin-top:var(--s4);background:linear-gradient(106deg,#ffffff0a,#0000 34%),#0e0f14eb;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;display:flex}.following-filters .search{border-radius:8px;flex:320px;min-width:200px;max-width:420px;height:30px}.following-team-filter{flex-direction:column;gap:6px;min-width:0;margin-top:10px;display:flex}.following-filter-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.following-team-row{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.following-team-row::-webkit-scrollbar{display:none}.following-team-row .chip{background:#ffffff08;border-color:#ffffff17}.chip-team-logo{object-fit:contain;width:17px;height:17px}.team-logo--dark{filter:brightness(0)invert()}.section-tight{margin-top:var(--s4)}@media (width<=900px){.following-filters{flex-wrap:wrap}.following-filters .search{flex:100%;max-width:none}}.page-head:not(.game-page-header){align-items:center;min-height:96px;padding:20px 0 18px;position:relative}.page-head:not(.game-page-header) .page-title{letter-spacing:-.035em;padding-left:13px;font-size:25px;font-weight:680;line-height:1.12;position:relative}.page-head:not(.game-page-header) .page-title:before{background:var(--amber);content:"";border-radius:3px;width:3px;position:absolute;top:.1em;bottom:.1em;left:0}.page-head:not(.game-page-header) .page-sub{color:var(--text-secondary);margin:5px 0 0 13px;font-size:13px;line-height:1.4}.settings-modal>.settings>.page-head{min-height:102px;padding:20px 92px 18px 38px}.following-filters{margin-top:0}@media (width<=720px){.page-head:not(.game-page-header){min-height:0;padding:18px 0 14px}}.window-titlebar{background:linear-gradient(90deg, rgb(var(--accent-rgb) / 5%), transparent 22%), var(--titlebar-bg);border-bottom-color:#ffffff0f;height:36px;min-height:36px}.window-brand{gap:6px;height:36px;padding:0 14px}.window-brand img{width:24px;height:24px}.window-brand strong{letter-spacing:.025em;font-size:13px;font-weight:600;line-height:1}.window-brand-prime{font-weight:600}.window-brand-live{letter-spacing:.075em;margin-left:3px;font-weight:700}.window-brand em{display:none}.notif-center{align-items:center;margin-right:8px;padding-right:10px;display:flex;position:relative}.notif-center:after{content:"";background:#ffffff1f;width:1px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sidebar{background:linear-gradient(180deg, rgb(var(--accent-rgb) / 1.5%), transparent 42%), radial-gradient(ellipse 150px 300px at 0% 18%, rgb(var(--accent-rgb) / 4.5%), transparent 78%), linear-gradient(180deg, #ffffff09, transparent 16%), linear-gradient(180deg, #121319 0%, #0d0e14 48%, #090a0e 100%);border-right-color:#ffffff0d;gap:0;min-width:0;padding:13px 12px 12px;position:relative;overflow-x:hidden;box-shadow:12px 0 26px -28px #000}.sidebar:after{z-index:1;pointer-events:none;background:linear-gradient(180deg, transparent, rgb(var(--accent-rgb) / 13%) 18%, #ffffff14 52%, transparent);content:"";width:1px;position:absolute;top:20px;bottom:20px;right:0}.sidebar>.side-nav:first-of-type{border-bottom:1px solid #ffffff0f;padding-bottom:10px}.side-label{color:#89919d;letter-spacing:.16em;margin-top:0;padding:12px 10px 7px;font-size:10px;font-weight:700}.side-label-primary{padding-top:0}.side-label-soon{color:#7c828d;border-top:1px solid #ffffff0f;margin-top:7px;padding-top:15px}.side-nav-soon{margin-bottom:2px}.side-item.game-item-soon{opacity:.55;min-height:36px}.side-item.game-item-soon:hover{color:#aeb5c0;box-shadow:none;background:0 0;border-color:#0000}.side-item{box-sizing:border-box;color:#aeb5c0;border-radius:9px;gap:10px;min-height:40px;padding:0 10px;font-size:13px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s}.side-item>svg,.side-item .game-icon{color:#9099a7}.side-item>svg{width:16px;height:16px}.side-item .game-icon,.side-item .game-icon img{width:19px;height:19px}.side-nav{gap:5px}.side-item:hover{color:#dce0e6;background:#ffffff09;border-color:#ffffff12;transform:none;box-shadow:inset 0 1px #ffffff04}.side-item[aria-current=true]{border-color:rgb(var(--accent-rgb) / 18%);background:linear-gradient(90deg, rgb(var(--accent-rgb) / 11%), rgb(var(--accent-rgb) / 3%) 70%, transparent);color:var(--text);box-shadow:inset 2px 0 0 var(--accent), 0 7px 18px -18px rgb(var(--accent-rgb) / 48%), inset 0 1px 0 #ffffff0a}.side-item[aria-current=true]>svg,.side-item[aria-current=true] .game-icon{color:var(--accent-hover)}.side-item[data-game=EA_FC_27] .game-icon img{width:18px;height:18px;margin:.5px}.side-badge,.side-item[aria-current=true] .side-badge{box-sizing:border-box;color:#aab1bc;background:#ffffff0d;border-color:#ffffff1c;border-radius:5px;place-items:center;min-width:22px;height:20px;margin-left:auto;padding:1px 5px;font-size:10.5px;display:inline-grid}.side-item[aria-current=true] .side-badge{border-color:rgb(var(--accent-rgb) / 24%);background:rgb(var(--accent-rgb) / 13%);color:var(--accent-hover)}.side-bottom{border-top:1px solid #ffffff0f;min-width:0;margin-top:auto;padding-top:12px;padding-bottom:1px}.sidebar>*,.side-bottom,.side-bottom .account,.side-bottom .account-trigger{min-width:0;max-width:100%}.side-bottom .account-trigger{box-sizing:border-box;gap:9px;min-height:76px;padding:11px 10px}.side-bottom .account-row-top{gap:7px}.side-bottom .account-row-top.is-supporter{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.side-bottom .account-row-top.is-supporter .account-badge{border:1px solid rgb(var(--gold-rgb) / 34%);background:linear-gradient(180deg, rgb(var(--gold-rgb) / 18%), rgb(var(--gold-rgb) / 9%));color:var(--gold);letter-spacing:.045em;justify-self:start}.side-bottom .account-name{min-width:32px;font-size:16px;line-height:1.05}.side-bottom .account-summary{letter-spacing:-.01em;text-overflow:clip;font-size:10.5px;font-weight:570;overflow:visible}.side-bottom .account-badge{letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;max-width:150px;min-height:18px;padding:2px 7px;font-size:8px;line-height:1;display:inline-flex;overflow:hidden}.side-bottom .account-badge-support{cursor:pointer}.side-bottom .account-badge-support:hover,.side-bottom .account-badge-support:focus-visible{border-color:rgb(var(--gold-rgb) / 60%);background:rgb(var(--gold-rgb) / 16%);outline:none}.side-bottom .account-badge svg{color:currentColor;flex:none}.side-bottom .account-chevron{align-self:center}.card-media-empty{isolation:isolate;background:repeating-linear-gradient(135deg, #ffffff06 0 1px, transparent 1px 20px), radial-gradient(circle at 50% 42%, rgb(var(--accent-rgb) / 6%), transparent 52%), #0a0c11;position:relative;overflow:hidden}.card-media-empty:before{content:"";opacity:.22;background:url(/app/brand/prime-live-mark-amber.png) 50%/44px no-repeat;position:absolute;inset:0}.card-no-thumbnail .card-live-header{justify-content:space-between;align-items:center;min-height:38px;padding:10px 12px 0;display:flex}.card-live-header .badge-live,.card-live-header .badge-viewers{position:static}.desktop-frame[data-density=compact] .card-no-thumbnail .card-live-header{min-height:32px;padding:8px 10px 0}.card-media,.card-body,.card-live-header{transition:aspect-ratio .18s,padding .18s,min-height .18s}.card-role-slot{align-items:flex-start;min-height:26px;display:flex}.card-role-slot .badge-role{align-self:flex-start}.card-role-empty{min-height:20px;color:var(--text-muted);letter-spacing:.015em;align-items:center;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.card-body{flex:auto}.card-sub{min-height:18px}.card-title{min-height:34px;max-height:34px}.card-meta{margin-top:auto;padding-top:2px}.card-sub{color:var(--text-muted);font-weight:500}.badge-qualification,.badge-qualification-radiant{color:var(--text-secondary)}.card-title{color:var(--text-muted);font-weight:400}.card-meta{color:var(--text-faint);font-weight:500}.toolbar{background:linear-gradient(106deg,#ffffff07,#0000 34%),#0e0f14eb;border-color:#ffffff0f}.tool-actions{border-left-color:#ffffff0a}.chip-tier-sub{border-top-color:#ffffff0d}.toolbar .chip:disabled{opacity:.38}.tool-btn-ghost{background:#ffffff05;border-color:#ffffff12}.tool-btn-accent{border-color:rgb(var(--accent-rgb) / 24%);background:rgb(var(--accent-rgb) / 7%)}.favorite-button{border-color:rgb(var(--accent-rgb) / 30%)!important;color:var(--accent)!important;background:0 0!important}.favorite-button:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 45%)!important;background:rgb(var(--accent-rgb) / 8%)!important;color:var(--accent)!important}.favorite-button.on{box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 35%), 0 6px 16px -12px rgb(var(--accent-rgb) / 70%);border-color:rgb(var(--accent-rgb) / 70%)!important;background:rgb(var(--accent-rgb) / 20%)!important;color:var(--accent)!important}.favorite-button.on:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 85%)!important;background:rgb(var(--accent-rgb) / 28%)!important}.account-popover-stats{gap:6px;padding:7px 7px 6px}.account-stat-row{gap:8px;min-height:19px}.account-stat-row svg{width:14px;height:14px}.account-stat-value,.account-stat-label{font-size:13px}.account .pop-item{min-height:30px;font-size:13px}.account .pop-item svg{width:15px;height:15px}.settings-segmented-theme{min-width:0}.accent-picker{grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px;max-width:540px;display:grid}.accent-swatch{border:1px solid var(--border);background:var(--surface-2);min-height:62px;color:var(--text-secondary);text-align:left;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);border-radius:11px;flex-direction:column;align-items:flex-start;gap:7px;padding:10px 11px;display:flex}.accent-swatch:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.accent-swatch:disabled{opacity:.55;cursor:default}.accent-swatch.is-selected{border-color:var(--accent-ring);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.accent-swatch-dot{border-radius:var(--r-full);width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000038,0 1px 2px #00000040}.accent-swatch.is-selected .accent-swatch-dot{box-shadow:inset 0 0 0 1px #00000038, 0 0 0 3px rgb(var(--accent-rgb) / 22%)}.accent-swatch-label{font-size:var(--fs-meta);white-space:nowrap;font-weight:600;line-height:1}.accent-swatch-note{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:9px;font-weight:700}.accent-swatch.is-selected .accent-swatch-note{color:var(--accent-hover)}@media (width<=620px){.accent-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-theme] .window-titlebar{border-bottom-color:var(--titlebar-border);background:var(--titlebar-bg)}:root[data-theme] .window-brand,:root[data-theme] .window-brand-prime{color:var(--brand-fg)}:root[data-theme] .window-brand em{color:var(--brand-fg-dim)}:root[data-theme] .window-brand em:before,:root[data-theme] .notif-center:after{background:var(--titlebar-border)}:root[data-theme=light] .toolbar .chip,:root[data-theme=light] .following-filters .chip{color:var(--text-secondary)}:root[data-theme=light] .toolbar .chip:disabled,:root[data-theme=light] .following-filters .chip:disabled{opacity:.65}:root[data-theme=light] .toolbar .league-of-legends-role-icon,:root[data-theme=light] .following-filters .league-of-legends-role-icon{filter:brightness(0)saturate()opacity(.72)}:root[data-theme=light] .sidebar{border-right-color:var(--titlebar-border);background:linear-gradient(180deg, rgb(var(--accent-rgb) / 1%), transparent 42%), radial-gradient(ellipse 150px 300px at 0% 18%, rgb(var(--accent-rgb) / 3.5%), transparent 78%), var(--bg-sidebar);box-shadow:10px 0 30px -32px #11141b4d}:root[data-theme=light] .sidebar:after{background:linear-gradient(#0000,#11141b14 40%,#0000)}:root[data-theme] .side-label,:root[data-theme] .side-label-soon{color:var(--text-muted)}:root[data-theme] .side-item,:root[data-theme] .side-item.game-item-soon:hover{color:var(--text-secondary)}:root[data-theme] .side-item>svg,:root[data-theme] .side-item .game-icon{color:var(--text-muted)}:root[data-theme] .side-item:hover{border-color:var(--border);background:var(--surface-hover);color:var(--text);box-shadow:none}:root[data-theme] .side-badge{border-color:var(--border);background:var(--surface-active);color:var(--text-secondary)}:root[data-theme] .sidebar>.side-nav:first-of-type,:root[data-theme] .side-bottom,:root[data-theme] .side-secondary-nav,:root[data-theme] .side-label-soon{border-color:var(--border)}:root[data-theme] .card{border-color:var(--border);background:var(--surface)}:root[data-theme] .card-media,:root[data-theme] .card-media-empty{background:var(--surface-inset)}:root[data-theme] .section-count{background:var(--surface-active);border-color:var(--border);color:var(--text-secondary)}:root[data-theme] .toolbar{background:color-mix(in srgb, var(--bg) 90%, transparent)}:root[data-theme] .expanded-live-card{background:var(--surface);box-shadow:var(--shadow-pop), 0 0 0 1px var(--border)}:root[data-theme] .settings-modal-overlay,:root[data-theme] .settings-overlay{background:#11141b52}:root[data-theme] .window-titlebar,:root[data-theme] .sidebar>.side-nav:first-of-type{border-color:var(--border)}:root[data-theme=light] body{background-color:var(--bg);background-image:radial-gradient(900px 500px at 92% -12%, rgb(var(--accent-rgb) / 6%), transparent 64%), radial-gradient(650px 420px at 36% 108%, #11141b08, transparent 68%)}:root[data-theme] .shell{background:var(--bg)}:root[data-theme] .toolbar,:root[data-theme] .following-filters{border-color:var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:var(--shadow-card)}:root[data-theme] .search,:root[data-theme] .toolbar .search{border-color:var(--border-strong);background:var(--surface);box-shadow:none}:root[data-theme] .search:focus-within,:root[data-theme] .toolbar .search:focus-within{border-color:var(--accent-ring);background:var(--surface)}:root[data-theme] .chip:hover:not(:disabled){border-color:var(--border-strong)}:root[data-theme] .system-toggle{border-color:var(--border-strong);background:var(--surface-active)}:root[data-theme] .system-toggle span{background:var(--surface);box-shadow:0 1px 2px #11141b40}:root[data-theme] .system-toggle.is-on{border-color:rgb(var(--accent-rgb) / 55%);background:rgb(var(--accent-rgb) / 24%);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 12%)}:root[data-theme] .system-toggle.is-on span{background:var(--accent);box-shadow:0 1px 3px #11141b4d}:root[data-theme] .system-toggle:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / 45%)}:root[data-theme] .sound-mode-control{background:var(--surface-inset);border-color:var(--border)}:root[data-theme] .sound-mode-control button:hover,:root[data-theme] .sound-mode-control button.is-selected{background:var(--surface)}:root[data-theme] .expanded-media,:root[data-theme] .card-media{background:var(--surface-inset)}:root[data-theme] .settings-panel-nav{border-color:var(--border)}:root[data-theme] .settings-panel-nav button.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}:root[data-theme] .avatar{background:var(--surface-active)}.card{background:linear-gradient(150deg, rgb(var(--accent-rgb) / 3.5%), transparent 62%), linear-gradient(148deg, #ffffff08, transparent 46%), var(--surface);border-color:color-mix(in srgb, rgb(var(--accent-rgb) / 12%), var(--border) 80%)}.card:hover,.card[data-focus]{background:linear-gradient(150deg, rgb(var(--accent-rgb) / 7%), transparent 58%), linear-gradient(148deg, #ffffff0a, transparent 44%), var(--surface-2);border-color:rgb(var(--accent-rgb) / 60%);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 48%), var(--shadow-raised), 0 12px 30px -20px rgb(var(--accent-rgb) / 34%)}:root[data-accent] .card{background:linear-gradient(150deg, rgb(var(--accent-rgb) / 6%), transparent 60%), linear-gradient(148deg, #ffffff08, transparent 46%), var(--surface);border-color:color-mix(in srgb, rgb(var(--accent-rgb) / 18%), var(--border) 74%)}:root[data-accent] .card:hover,:root[data-accent] .card[data-focus]{background:linear-gradient(150deg, rgb(var(--accent-rgb) / 11%), transparent 56%), linear-gradient(148deg, #ffffff0a, transparent 44%), var(--surface-2);border-color:rgb(var(--accent-rgb) / 75%);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 58%), var(--shadow-raised), 0 12px 30px -20px rgb(var(--accent-rgb) / 38%)}:root[data-theme=light] .card{background:linear-gradient(150deg, rgb(var(--accent-rgb) / 5%), transparent 60%), var(--surface);border-color:color-mix(in srgb, rgb(var(--accent-rgb) / 26%), var(--border) 74%)}:root[data-theme=light] .card:hover,:root[data-theme=light] .card[data-focus]{border-color:rgb(var(--accent-rgb) / 70%);background:linear-gradient(150deg, rgb(var(--accent-rgb) / 9%), transparent 56%), var(--surface);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 55%), 0 16px 28px -20px #11141b38}:root{--main-veil:linear-gradient(90deg, #000c 0%, #000000b3 48%, #000000a3 100%);--main-wallpaper:url(/app/themes/background-gold.webp)}:root[data-accent=green]{--main-wallpaper:url(/app/themes/background-green.webp)}:root[data-accent=blue]{--main-wallpaper:url(/app/themes/background-blue.webp)}:root[data-accent=red]{--main-wallpaper:url(/app/themes/background-red.webp)}:root[data-accent=pink]{--main-wallpaper:url(/app/themes/background-pink.webp)}:root[data-accent=obsidian]{--main-wallpaper:url(/app/themes/background-obsidian.webp);--main-veil:linear-gradient(90deg, #000000de 0%, #000000d4 48%, #000000c9 100%)}:root[data-accent=violet]{--main-wallpaper:url(/app/themes/background-violet.webp);--main-veil:linear-gradient(90deg, #000000e6 0%, #000000db 48%, #000000d1 100%)}:root[data-accent=ice]{--main-wallpaper:url(/app/themes/background-ice.webp);--main-veil:linear-gradient(90deg, #000000e6 0%, #000000db 48%, #000000d1 100%)}:root[data-custom-wallpaper]{--main-wallpaper:var(--custom-wallpaper);--main-veil:linear-gradient(90deg, #000c 0%, #000000b3 48%, #000000a3 100%)}:root[data-theme=light]{--main-veil:linear-gradient(90deg, color-mix(in srgb, var(--bg) 92%, transparent), color-mix(in srgb, var(--bg) 86%, transparent))}:root .main{background-image:var(--main-veil), var(--main-wallpaper);background-position:50%;background-repeat:no-repeat;background-size:cover}.side-bottom .account-trigger{border-color:var(--account-card-border);background:linear-gradient(145deg, var(--account-card-bg), rgb(var(--accent-rgb) / 2%) 55%, transparent 85%), linear-gradient(145deg, #ffffff05, transparent 52%), var(--surface);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 6%)}.side-bottom .account-trigger:hover,.side-bottom .account-trigger[aria-expanded=true]{border-color:var(--account-card-hover-border);background:linear-gradient(145deg, var(--account-card-hover-bg), rgb(var(--accent-rgb) / 4%) 55%, transparent 88%), linear-gradient(145deg, #ffffff08, transparent 48%), var(--surface-2);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 14%), 0 8px 22px -14px var(--account-card-glow)}.side-bottom .account-trigger .avatar{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 28%), inset 0 1px 0 #ffffff0f}.side-bottom .account-trigger:hover .avatar,.side-bottom .account-trigger[aria-expanded=true] .avatar{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 48%), 0 0 12px -1px var(--account-card-glow), inset 0 1px 0 #ffffff0f}.side-bottom .account-trigger{border-radius:12px;gap:11px;min-height:82px;padding:12px 11px}.side-bottom .account-trigger .avatar{flex:0 0 40px;width:40px;height:40px}.side-bottom .account-text{justify-content:center;gap:4px}.side-bottom .account-name{letter-spacing:-.02em;width:100%;font-size:15px;font-weight:720;line-height:1.05}.side-bottom .account-badge{border:1px solid rgb(var(--gold-rgb) / 24%);border-radius:var(--r-full);background:rgb(var(--gold-rgb) / 7%);max-width:100%;min-height:17px;color:color-mix(in srgb, var(--gold) 82%, var(--text));letter-spacing:.055em;align-self:flex-start;padding:3px 7px;font-size:7.8px;font-weight:760}.side-bottom .account-badge.is-supporter{border-color:rgb(var(--gold-rgb) / 42%);background:linear-gradient(90deg, rgb(var(--gold-rgb) / 15%), rgb(var(--gold-rgb) / 6%));color:var(--gold);box-shadow:inset 0 1px #ffffff0d}.side-bottom .account-badge-support{border-color:rgb(var(--gold-rgb) / 28%)}.side-bottom .account-summary{width:100%;color:color-mix(in srgb, var(--text-muted) 92%, white);margin-top:1px;font-size:10px;font-weight:560;line-height:1.15}.side-bottom .account-chevron{align-self:center;margin-left:1px}.side-bottom .account-trigger{border-color:var(--account-card-border);background:radial-gradient(100% 150% at 0% 100%, rgb(var(--accent-rgb) / 5%), transparent 66%), linear-gradient(135deg, #ffffff08, transparent 48%), var(--surface);min-height:76px;transition:border-color .2s cubic-bezier(.4, 0, .2, 1), background .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1), transform var(--t-fast);border-radius:14px;gap:10px;padding:11px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 10px 22px -20px #000000eb}.side-bottom .account-trigger:before{background:var(--accent);content:"";opacity:.55;width:2px;transition:background .2s cubic-bezier(.4, 0, .2, 1), opacity var(--t-fast);position:absolute;inset:0 auto 0 0}.side-bottom .account-trigger.is-supporter{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:inset 0 1px 0 #ffffff0a, 0 10px 22px -20px #000000eb, 0 0 0 1px rgb(var(--accent-rgb) / 8%)}.side-bottom .account-trigger.is-supporter:before{opacity:.8;box-shadow:0 0 9px rgb(var(--accent-rgb) / 32%)}.side-bottom .account-trigger:hover,.side-bottom .account-trigger[aria-expanded=true]{border-color:var(--account-card-hover-border);background:radial-gradient(100% 150% at 0% 100%, rgb(var(--accent-rgb) / 8%), transparent 68%), linear-gradient(135deg, #ffffff0d, transparent 52%), var(--surface-2);box-shadow:var(--shadow-raised), inset 0 1px 0 #ffffff0d, 0 8px 20px -14px var(--account-card-glow);transform:translateY(-1px)}.side-bottom .account-trigger .avatar{border:1px solid var(--account-card-border);width:42px;height:42px;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px rgb(var(--accent-rgb) / 10%);flex-basis:42px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.side-bottom .account-trigger.is-supporter .avatar{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));box-shadow:0 0 0 3px var(--surface), 0 0 0 4px rgb(var(--accent-rgb) / 14%), 0 5px 16px -9px var(--account-card-glow)}.side-bottom .account-text{gap:3px}.side-bottom .account-name{font-family:var(--font-display);letter-spacing:-.025em;font-size:15px;font-weight:760}.side-bottom .account-badge{border-color:var(--account-card-border);background:var(--surface-2);min-height:18px;color:var(--text-secondary);letter-spacing:.07em;padding:3px 7px 3px 6px;font-size:7.5px;font-weight:800;transition:border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.side-bottom .account-badge.is-supporter{border-color:rgb(var(--gold-rgb) / 48%);background:rgb(var(--gold-rgb) / 10%);color:var(--gold-bright)}.side-bottom .account-badge-support{border-color:var(--account-card-border);background:linear-gradient(90deg, rgb(var(--accent-rgb) / 9%), rgb(var(--accent-rgb) / 4%));color:var(--text-secondary)}.side-bottom .account-badge-support:hover,.side-bottom .account-badge-support:focus-visible{border-color:var(--account-card-hover-border);background:linear-gradient(90deg, rgb(var(--accent-rgb) / 16%), rgb(var(--accent-rgb) / 7%));color:var(--text);outline:none}.side-bottom .account-summary{color:var(--text-muted);letter-spacing:.01em;text-underline-offset:3px;margin-top:2px;font-size:10px;font-weight:500;-webkit-text-decoration:underline #ffffff3d;text-decoration:underline #ffffff3d}.side-bottom .account-trigger.is-supporter .account-summary{color:var(--text-muted)}.side-bottom .account-chevron{border:1px solid var(--hairline);width:25px;height:25px;color:var(--text-muted);transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast);border-radius:50%;place-items:center;display:grid}.side-bottom .account-trigger:hover .account-chevron,.side-bottom .account-trigger[aria-expanded=true] .account-chevron{border-color:var(--account-card-hover-border);background:rgb(var(--accent-rgb) / 8%);color:var(--accent)}.side-bottom .account-trigger{gap:7px;padding-inline:9px}.side-bottom .account-trigger .avatar{flex-basis:38px;width:38px;height:38px}.side-bottom .account-text{min-width:0}.side-bottom .account-badge{letter-spacing:.045em;text-overflow:clip;align-self:flex-start;max-width:100%;padding:4px 6px;font-size:8px;overflow:visible}.side-bottom .account-badge.is-supporter{border-color:rgb(var(--gold-rgb) / 40%);background:linear-gradient(90deg, rgb(var(--gold-rgb) / 9%), rgb(var(--gold-rgb) / 4%));box-shadow:inset 0 1px #ffffff0d}.side-bottom .account-chevron{flex:0 0 20px;width:20px;height:20px;margin-left:3px}.side-bottom .account-trigger .account-badge{box-sizing:border-box;white-space:nowrap;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.side-bottom .account-trigger .account-badge>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.side-bottom .account-trigger .account-badge>svg{flex:none}.side-bottom .account-trigger .account-badge.is-supporter{letter-spacing:.02em;padding-inline:5px}.side-bottom .pop-anchor{width:100%}.side-bottom .pop-anchor:has(.pop) .account-trigger{border-top-left-radius:0;border-top-right-radius:0}.side-bottom .pop-anchor:has(.pop) .account-trigger:before{border-bottom-left-radius:13px}.side-bottom .pop.pop-up{box-sizing:border-box;border-color:var(--border);background:var(--surface);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;min-width:0;padding:10px;bottom:calc(100% - 1px);box-shadow:0 -16px 32px -27px #000000f5,inset 0 1px #ffffff0a}.side-bottom .pop-anchor:has(.account-trigger.is-supporter) .pop.pop-up{border-color:var(--account-card-hover-border);background:radial-gradient(100% 120% at 0% 100%, rgb(var(--accent-rgb) / 10%), transparent 68%), var(--surface);border-bottom-color:#0000}.side-bottom .pop-anchor:has(.pop) .account-popover-summary{display:none}.side-bottom .pop.pop-up .pop-sep{background:var(--hairline);margin:8px 0}.side-bottom .pop.pop-up .account-popover-stats{gap:7px;padding:2px 5px 4px}.side-bottom .pop.pop-up .pop-item{border-radius:8px;min-height:34px}.card{border-color:color-mix(in srgb, var(--border) 82%, rgb(var(--accent-rgb) / 24%));border-radius:var(--r-lg);background:radial-gradient(115% 100% at 100% 100%, rgb(var(--accent-rgb) / 9%), transparent 54%), linear-gradient(148deg, #ffffff08, transparent 45%), var(--surface);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.card:before{background:linear-gradient(90deg, transparent, #ffffff26, rgb(var(--accent-rgb) / 24%), transparent)}.card:hover,.card[data-focus]{border-color:color-mix(in srgb, var(--border-strong) 52%, rgb(var(--accent-rgb) / 74%));background:radial-gradient(115% 100% at 100% 100%, rgb(var(--accent-rgb) / 13%), transparent 54%), linear-gradient(148deg, #ffffff0a, transparent 45%), var(--surface-2);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 24%), var(--shadow-raised), 0 12px 30px -23px rgb(var(--accent-rgb) / 38%), inset 0 1px 0 #ffffff0d;transform:translateY(-3px)}.card-media{box-shadow:inset 0 -1px #ffffff12}.card-media:after{background:linear-gradient(#04050808 20%,#04050852 100%)}.badge-live{border-radius:var(--r-sm);background:var(--live);min-height:24px;box-shadow:0 7px 15px -12px color-mix(in srgb, var(--live) 72%, transparent);border:1px solid #fff3;gap:5px;padding:4px 8px;font-weight:700}.badge-viewers{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06070abd;border:1px solid #ffffff1a;align-items:center;gap:5px;min-height:24px;padding:4px 7px;display:inline-flex;box-shadow:0 5px 14px -10px #000000e0}.card-body{gap:10px;padding:13px 14px 14px}.card-person{gap:10px}.card-person>.avatar{width:34px;height:34px;box-shadow:0 0 0 1px #ffffff1f,inset 0 1px #ffffff0d}.card-open{color:var(--text);font-weight:700;line-height:1.16}.card-sub{color:var(--text-muted);gap:4px;font-weight:500}.card-sub-sep{color:var(--text-faint)}.badge-category-group{gap:6px;min-height:22px}.badge-category,.badge-qualification{box-sizing:border-box;border-radius:var(--r-sm);background:linear-gradient(145deg, #ffffff0a, transparent), var(--surface-inset);letter-spacing:.055em;border:1px solid #ffffff17;min-height:22px;padding:0 8px;font-size:10px;font-weight:700}.badge-category{border-color:color-mix(in srgb, rgb(var(--accent-rgb) / 30%), #ffffff17);background:linear-gradient(145deg, rgb(var(--accent-rgb) / 9%), transparent), var(--surface-inset);color:var(--accent)}.badge-qualification{color:var(--text-secondary)}.badge-category-icon{flex:none}.badge-qualification+.badge-qualification:before{content:none}.badge-role{border-color:rgb(var(--accent-rgb) / 13%);border-radius:var(--r-sm);background:rgb(var(--accent-rgb) / 4%);min-height:22px;color:color-mix(in srgb, var(--accent) 36%, var(--text-secondary));padding:3px 8px;font-size:10px;font-weight:600}.card-title{min-height:32px;max-height:32px;color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.35}.card-meta{color:var(--text-faint);padding-top:2px;font-size:11px;font-weight:500}.card-person .favorite-button{border-radius:var(--r-md);flex-basis:32px;width:32px;height:32px}.card-person .favorite-button:hover:not(:disabled){background:rgb(var(--accent-rgb) / 8%)!important}:root[data-theme] .card,:root[data-theme] .offline-row,:root[data-accent] .card,:root[data-accent] .offline-row{border-color:color-mix(in srgb, var(--border) 82%, rgb(var(--accent-rgb) / 24%));background:radial-gradient(115% 100% at 100% 100%, rgb(var(--accent-rgb) / 5.5%), transparent 54%), linear-gradient(148deg, #ffffff08, transparent 45%), var(--surface)}:root[data-theme] .card:hover,:root[data-theme] .card[data-focus],:root[data-theme] .offline-row:hover,:root[data-accent] .card:hover,:root[data-accent] .card[data-focus],:root[data-accent] .offline-row:hover{border-color:color-mix(in srgb, var(--border-strong) 52%, rgb(var(--accent-rgb) / 74%));background:radial-gradient(115% 100% at 100% 100%, rgb(var(--accent-rgb) / 8%), transparent 54%), linear-gradient(148deg, #ffffff0a, transparent 45%), var(--surface-2);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / 24%), var(--shadow-raised), 0 12px 30px -23px rgb(var(--accent-rgb) / 38%), inset 0 1px 0 #ffffff0d}.support-prime-live-overlay{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020408c2;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.support-prime-live{border:1px solid rgb(var(--accent-rgb) / 26%);background:radial-gradient(115% 85% at 100% 0%, rgb(var(--accent-rgb) / 10%), transparent 52%), linear-gradient(145deg, #ffffff0a, transparent 42%), var(--surface);border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 56px);position:relative;overflow:auto;box-shadow:0 30px 80px #000000a3,inset 0 1px #ffffff12}.support-prime-live-card{background:0 0;border:0;border-radius:0;margin:0;padding:34px 38px 30px}.support-prime-live-card>svg{color:var(--accent)}.support-prime-live-close{z-index:1;width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);background:#080a0ebd;border:1px solid #ffffff1f;border-radius:9px;place-items:center;display:grid;position:absolute;top:15px;right:15px}.support-prime-live-close:hover,.support-prime-live-close:focus-visible{border-color:rgb(var(--accent-rgb) / 52%);background:rgb(var(--accent-rgb) / 11%);color:var(--accent-hover);outline:none}.support-prime-live-close svg{width:16px;height:16px}.support-prime-live-kicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:16px 0 7px;font-size:10px;font-weight:800}.support-prime-live-card h2{max-width:410px;color:var(--text);margin:0;font-size:24px;line-height:1.16}.support-prime-live-card p:not(.support-prime-live-kicker){color:var(--text-secondary);margin:14px 0 20px;font-size:13px;line-height:1.6}.support-prime-live-card small{color:var(--text-muted);margin-top:13px;font-size:11px;display:block}.support-amount{margin:0 0 22px}.support-amount>label{color:var(--accent);letter-spacing:.16em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.support-amount-field{border:1px solid var(--border-strong);background:linear-gradient(100deg, #ffffff0a, transparent 62%), var(--surface-inset);border-radius:9px;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;width:min(332px,100%);height:46px;padding:0 13px;display:grid}.support-amount span{color:var(--text-secondary);font-size:13px;font-weight:700}.support-amount input{width:100%;height:44px;color:var(--text);font:750 16px var(--font-body);background:0 0;border:0;outline:0;padding:0 8px}.support-amount-field:focus-within{border-color:rgb(var(--accent-rgb) / 64%);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 9%)}.support-amount-field small{color:var(--text-muted);white-space:nowrap;margin:0;font-size:10px}.support-amount-presets{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.support-amount-presets button{border:1px solid var(--hairline);height:27px;color:var(--text-muted);background:0 0;border-radius:6px;padding:0 9px;font-size:10px;font-weight:700}.support-amount-presets button:hover,.support-amount-presets button.is-selected{border-color:rgb(var(--accent-rgb) / 48%);background:rgb(var(--accent-rgb) / 9%);color:var(--accent-hover)}.accent-lock{color:var(--text-muted);margin-left:auto;display:inline-grid}.share-unlock{border-radius:var(--r-md);background:#e5484d0d;border:1px solid #e5484d42;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.share-unlock-goal{flex:240px;align-items:center;gap:10px;min-width:0;display:flex}.share-unlock-goal b{color:var(--text);font-size:12.5px;font-weight:650}.share-unlock-goal p{color:var(--text-muted);margin:1px 0 0;font-size:11.5px}.share-unlock-goal.is-done p{color:var(--text-secondary)}.share-unlock-swatch{border-radius:var(--r-full);color:#fff;opacity:.5;background:#e5484d;flex:none;place-items:center;width:26px;height:26px;display:grid}.share-unlock-goal.is-done .share-unlock-swatch{opacity:1}.share-menu{flex:none;position:relative}.share-menu-trigger{align-items:center;gap:6px;display:inline-flex}.share-menu-trigger svg{transition:transform .15s}.share-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.share-menu-list{z-index:20;border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--surface-2);min-width:210px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 36px -12px #0009}.share-menu-item{border-radius:var(--r-sm,8px);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;font-weight:600;display:flex}.share-menu-item:hover,.share-menu-item:focus-visible{background:#ffffff0f;outline:none}.share-menu-icon{width:20px;color:var(--brand,var(--text-secondary));place-items:center;display:grid}.share-menu-note{color:var(--text-muted);border-top:1px solid #ffffff0f;margin:4px 6px 2px;padding-top:6px;font-size:10.5px;line-height:1.35}.about-social-whatsapp{--brand:#25d366}.about-social-telegram{--brand:#2aabee}.about-social-facebook{--brand:#1877f2}.about-social-tiktok{--brand:#e7e9ea}.supporter-badge{border:1px solid var(--accent-border);border-radius:var(--r-full);color:var(--text-muted);letter-spacing:.07em;vertical-align:middle;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:650;display:inline-flex}.wallpaper-picker{border:1px solid var(--border);background:var(--surface-2);text-align:left;width:100%;font:inherit;color:inherit;cursor:default;border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}button.wallpaper-picker{cursor:pointer}button.wallpaper-picker:hover{border-color:var(--border-hover)}.wallpaper-preview{background:var(--surface-inset);width:64px;height:40px;box-shadow:inset 0 0 0 1px var(--border);border-radius:7px;flex-shrink:0;position:relative;overflow:hidden}.wallpaper-preview img{object-fit:cover;width:100%;height:100%;display:block}.wallpaper-preview-empty{width:100%;height:100%;color:var(--text-faint);place-items:center;display:grid}.wallpaper-picker-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wallpaper-picker-body b{color:var(--text);font-size:13px}.wallpaper-picker-body p{color:var(--text-secondary);margin:0;font-size:12px}.wallpaper-picker-body .note.error{margin:4px 0 0;font-size:11px}.wallpaper-picker-actions{flex-shrink:0;gap:8px;display:flex}.supporter-notice{z-index:90;background:#00000085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.supporter-notice>div{border:1px solid var(--border-strong);background:var(--surface);width:min(390px,100%);box-shadow:var(--shadow-pop);border-radius:12px;padding:28px;position:relative}.supporter-notice b{color:var(--text);font-size:15px;display:block}.supporter-notice p{color:var(--text-secondary);margin:10px 0 20px;font-size:13px;line-height:1.55}.supporter-notice small{color:var(--text-muted);margin-top:12px;font-size:11px;display:block}.supporter-notice-close{width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:9px;right:10px}.install-hint{z-index:90;background:#00000085;justify-content:flex-end;align-items:flex-start;padding:108px 28px 24px;display:flex;position:fixed;inset:0}.install-hint.is-centered{justify-content:center;align-items:center;padding:20px}.install-hint-arrow{color:var(--accent);filter:drop-shadow(0 2px 6px #00000073);animation:.32s cubic-bezier(.4,0,.2,1) .12s both install-hint-arrow-in;position:absolute;top:130px;right:440px}@keyframes install-hint-arrow-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.install-hint>div{border:1px solid var(--border-strong);background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow-pop);border-radius:12px;padding:24px 24px 20px;position:relative}.install-hint-icon{background:rgb(var(--accent-rgb) / 14%);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.install-hint-title{color:var(--text);font-size:15px;display:block}.install-hint p{color:var(--text-secondary);margin:10px 0 14px;font-size:13px;line-height:1.55}.install-hint-steps b{color:var(--text);font-weight:600}.install-hint small{color:var(--text-muted);font-size:11px;display:block}.install-hint-close{width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:9px;right:10px}.support-prime-live-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.support-prime-live-action-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.support-supporter-thanks{border-left:2px solid rgb(var(--accent-rgb) / 52%);background:linear-gradient(90deg, rgb(var(--accent-rgb) / 7%), transparent 84%);align-items:flex-start;gap:9px;width:min(470px,100%);padding:9px 0 10px 11px;display:flex}.support-supporter-thanks>span{flex:none;font-size:15px;line-height:1.35}.support-prime-live-card .support-supporter-thanks p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.support-supporter-thanks strong{color:var(--accent-hover);margin-bottom:2px;font-size:11px;display:block}.support-supporter-thanks b{color:var(--text);font-weight:750}.support-prime-live-card .support-supporter-thanks ul{flex-direction:column;gap:3px;margin:4px 0 0;padding:0;list-style:none;display:flex}.support-supporter-thanks ul li{color:var(--text-secondary);padding-left:14px;font-size:11px;line-height:1.5;position:relative}.support-supporter-thanks ul li:before{content:"";background:var(--accent-hover);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.support-prime-live-methods{flex-wrap:wrap;gap:10px;display:flex}.support-prime-live-methods .btn{border-radius:9px;min-width:112px;height:38px;padding-inline:16px;font-size:12px;font-weight:700}.support-prime-live-methods .btn-secondary{border-color:rgb(var(--accent-rgb) / 62%)}.support-prime-live-methods .btn{cursor:pointer;transition:transform var(--t-fast), filter var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast), background var(--t-fast)}.support-prime-live-methods .btn:hover:not(:disabled){box-shadow:0 8px 18px -12px rgb(var(--accent-rgb) / 82%);transform:translateY(-1px)}.support-prime-live-methods .btn-primary:hover:not(:disabled){filter:brightness(1.08)}.support-prime-live-methods .btn-secondary:hover:not(:disabled){border-color:var(--accent);background:rgb(var(--accent-rgb) / 10%);color:var(--accent-hover)}.support-prime-live-methods .btn:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}.support-prime-live-methods .btn:active:not(:disabled){transform:translateY(1px)}.support-login-gate{box-sizing:border-box;border:1px solid rgb(var(--accent-rgb) / 34%);background:linear-gradient(160deg, rgb(var(--accent-rgb) / 7%), #ffffff04 55%), #00000038;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:16px 18px 15px;display:flex;box-shadow:inset 0 1px #ffffff0a}.support-login-gate>strong{color:var(--text);letter-spacing:.01em;font-size:14px;font-weight:800}.support-prime-live-card .support-login-gate p{color:var(--text-secondary);margin:0 0 6px;font-size:12px;line-height:1.55}.support-login-gate .btn{letter-spacing:.06em;cursor:pointer;min-width:220px;height:42px;transition:transform var(--t-fast), filter var(--t-fast), box-shadow var(--t-fast);border-radius:9px;padding-inline:22px;font-size:12px;font-weight:800}.support-login-gate .btn:hover{filter:brightness(1.08);box-shadow:0 8px 18px -12px rgb(var(--accent-rgb) / 82%);transform:translateY(-1px)}.support-login-gate .btn:active{transform:translateY(1px)}.support-login-gate .btn:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}.support-login-gate-switch{color:var(--text-muted);font-size:11px}.support-login-gate-switch button{color:var(--accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.support-login-gate-switch button:hover{color:var(--accent-hover)}.support-pix-document{border:1px solid var(--border-strong);background:#ffffff05;border-radius:9px;width:min(390px,100%);margin-top:16px;padding:14px}.support-pix-document label{color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.support-pix-document>div{gap:8px;display:flex}.support-pix-document input{border:1px solid var(--border-strong);background:var(--surface-inset);min-width:0;height:38px;color:var(--text);font:inherit;border-radius:7px;outline:none;flex:1;padding:0 11px}.support-pix-document input:focus{border-color:var(--accent)}.support-pix-document .btn{height:38px;padding-inline:13px;font-size:11px}.support-pix-document small{margin-top:9px;line-height:1.45}.support-pix-box{border:1px solid var(--border-strong);background:linear-gradient(145deg, #ffffff0a, transparent 44%), var(--surface-2);border-radius:10px;width:min(440px,100%);margin-top:20px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.support-pix-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.support-pix-heading>div{gap:4px;display:grid}.support-pix-heading span{color:var(--accent);letter-spacing:.16em;font-size:9px;font-weight:800}.support-pix-heading b{color:var(--text);font-size:14px}.support-pix-heading p.support-pix-description,.support-pix-heading p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.support-pix-heading strong{color:var(--accent);white-space:nowrap;font-size:13px}.support-pix-qr{background:#fff;place-items:center;width:244px;height:244px;margin:16px auto;padding:12px;display:grid}.support-pix-qr img{object-fit:contain;width:100%;height:100%;display:block}.support-pix-copy{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.support-pix-copy>span{color:var(--text-muted);font-size:11px}.support-pix-copy .btn{min-width:138px;height:34px;padding-inline:11px;font-size:11px}.badge-role.badge-role-uninformed{color:var(--text-secondary);background:#ffffff08;border-color:#ffffff1a}.badge-role.badge-role-uninformed>svg{color:var(--text-muted)}.modal.modal-auth{text-align:left;border:1px solid color-mix(in srgb, rgb(var(--accent-rgb) / 18%), var(--border) 80%);background:linear-gradient(160deg, rgb(var(--accent-rgb) / 8%), transparent 58%), var(--surface);border-radius:18px;justify-items:stretch;gap:14px;width:min(420px,100%);max-height:calc(100dvh - 48px);padding:28px;animation:.18s cubic-bezier(.2,.8,.2,1) both auth-card-in;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d,0 24px 48px -20px #000c}.modal.modal-auth:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 65%), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:18%;right:18%}:root[data-theme=light] .modal.modal-auth{box-shadow:inset 0 1px #fff9,0 20px 40px -18px #11141b4d,0 0 0 1px #11141b0a}@keyframes auth-card-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal.modal-auth{animation:none}}.modal-auth .auth-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:4px;padding-bottom:16px;padding-right:32px;display:flex}.modal-auth .modal-brand{border:1px solid color-mix(in srgb, rgb(var(--accent-rgb) / 22%), var(--border));background:linear-gradient(160deg, rgb(var(--accent-rgb) / 12%), transparent 70%), var(--surface-inset);border-radius:11px;flex:none;width:40px;height:40px;margin:0}.modal-auth .modal-brand-mark{width:26px}.modal-auth .eyebrow{color:var(--text-muted);letter-spacing:.12em;justify-self:start;margin:0;font-size:10px}.modal-auth .eyebrow:before{display:none}.modal-auth h2{letter-spacing:-.4px;color:var(--text);font-size:22px;line-height:1.25}.modal-auth h2 .brand-live{color:var(--gold);font-style:normal}:root[data-theme=light] .modal-auth h2 .brand-live{color:#c98f0f}.modal-auth .modal-note{text-align:left;max-width:none;color:var(--text-secondary);justify-self:stretch;font-size:13px;line-height:1.6}.modal-auth .field-password{width:100%;min-width:0}.auth-field-label{color:var(--text-secondary);gap:8px;font-size:12px;font-weight:500;display:grid}.modal-auth .field{border:1px solid var(--border-strong);background:var(--surface-inset);height:42px;color:var(--text);border-radius:10px;font-size:13px}.modal-auth .field::placeholder{color:var(--text-muted)}.modal-auth .field:hover:not(:focus){border-color:color-mix(in srgb, rgb(var(--accent-rgb) / 35%), var(--border-strong))}.modal-auth .field:focus{border-color:var(--accent);outline:2px solid rgb(var(--accent-rgb) / 18%);outline-offset:1px}.modal-auth .btn{border-radius:10px;min-height:42px;font-size:13px}.modal-auth .btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:none;border:1px solid #0000;margin-top:2px;font-weight:650}.modal-auth .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.modal-auth .btn-ghost{color:var(--text-secondary);border-top:1px solid var(--border);border-radius:0;margin-top:2px;padding-top:14px}.modal-auth .btn-ghost:hover:not(:disabled){color:var(--accent);background:0 0}.modal-auth .auth-divider{color:var(--text-muted);letter-spacing:.04em;text-transform:none;margin:1px 0;font-size:10px}.modal-auth .auth-divider:before,.modal-auth .auth-divider:after{background:var(--border)}.modal-auth .auth-forgot-link{color:var(--text-muted);font-size:12px}.modal-auth .auth-forgot-link:hover{color:var(--accent)}.modal-auth button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.modal-auth .auth-field{gap:6px;display:grid}.modal-auth .field[aria-invalid=true]{border-color:#ff6b76}.modal-auth .field[aria-invalid=true]:focus{outline-color:#ff6b7633}.auth-field-error,.auth-field-hint{margin:0;font-size:12px;line-height:1.4}.auth-field-error{color:#ff8b91}.auth-field-hint{color:var(--text-muted)}:root[data-theme=light] .auth-field-error{color:#d03a48}.auth-password-rules{color:var(--text-muted);gap:3px;margin:0;padding:0;font-size:12px;line-height:1.4;list-style:none;display:grid}.auth-password-rules li{gap:6px;display:flex}.auth-password-rules li>span{text-align:center;flex:none;width:10px}.auth-password-rules li[data-met]{color:#4fd18b}:root[data-theme=light] .auth-password-rules li[data-met]{color:#1f8f57}.modal-auth .auth-notice{color:var(--text)}.modal-auth .auth-submit{background:var(--surface-2);border-color:var(--border-strong);color:var(--text);margin-top:2px}.modal-auth .auth-submit:hover:not(:disabled){background:var(--surface-hover);border-color:color-mix(in srgb, rgb(var(--accent-rgb) / 40%), var(--border-strong))}.modal-auth .btn-google{font-weight:600}.auth-button-spinner{opacity:.8;border-width:2px;border-color:#0000 currentColor currentColor;width:14px;height:14px}.modal-auth button:disabled{cursor:default}.auth-switch{text-align:center;color:var(--text-muted);margin:2px 0 0;font-size:13px}.auth-switch-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.auth-switch-link:hover:not(:disabled){text-underline-offset:2px;text-decoration:underline}:root[data-theme=light] .modal-auth .modal-brand,:root[data-theme=light] .update-checking .splash-mark-wrap{background:#14161b;border-radius:10px;place-items:center}:root[data-theme=light] .update-checking .splash-mark-wrap{border-radius:18px;width:76px;height:76px}.app-toast{z-index:200;border:1px solid var(--border-strong);border-radius:var(--r-lg,12px);background:var(--surface);max-width:min(400px,100vw - 44px);color:var(--text);box-shadow:var(--shadow-pop);animation:app-toast-in var(--t-fast) ease-out;pointer-events:none;align-items:center;gap:12px;padding:16px 22px;font-size:14px;font-weight:550;line-height:1.4;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-toast-icon{background:rgb(var(--accent-rgb) / 16%);width:24px;height:24px;color:var(--accent);border-radius:999px;flex:none;place-items:center;display:grid}.app-toast-icon svg{width:14px;height:14px}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=480px){.modal.modal-auth{max-height:calc(100dvh - 32px);padding:26px 22px}.modal-auth h2{font-size:20px}}.card-actions-menu{min-width:232px;display:grid}.card-actions-menu .pop-item:disabled{opacity:.5;cursor:default;background:0 0}.card-actions-menu .pop-item.is-done{color:var(--accent)}.card-actions-chevron{color:var(--text-faint);display:grid;transform:rotate(-90deg)}.card-actions-back{color:var(--text);font-weight:600}.profile-request-modal{width:min(420px,100%);max-height:calc(100vh - 2 * var(--s6));overscroll-behavior:contain;overflow-y:auto}:root[data-theme=light] .dota-lane-icon,:root[data-theme=light] .aion-role-icon{filter:brightness(0)saturate()opacity(.72)}.league-rank-badge img[src*="aion-2-factions/server.svg"]{width:14px;height:14px}.card.card-partner,.card.card-partner:hover,.card.card-partner[data-focus]{border:2px solid rgb(var(--accent-rgb) / 90%);background:linear-gradient(180deg, rgb(var(--accent-rgb) / 14%), transparent 38%), linear-gradient(145deg, #ffffff0a, transparent 40%), #121319;box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 22%), 0 0 0 3px rgb(var(--accent-rgb) / 16%), 0 10px 30px rgb(var(--accent-rgb) / 20%)}.card.card-partner:hover{border-color:rgb(var(--accent-rgb));box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 30%), 0 0 0 3px rgb(var(--accent-rgb) / 24%), 0 14px 36px rgb(var(--accent-rgb) / 28%)}.badge-partner{z-index:1;border:1px solid rgb(var(--accent-rgb) / 55%);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;min-height:24px;color:var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1019d1;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.card-live-header .badge-partner{position:absolute}.partner-media-fallback{background:radial-gradient(circle at 50% 42%, rgb(var(--accent-rgb) / 26%), transparent 48%), linear-gradient(135deg, #231a0b, #0c1019 72%);place-items:center;display:grid}.card-media-empty.partner-media-fallback:before{content:none;background:0 0}.partner-media-fallback img{object-fit:contain;opacity:.85;width:30%;height:30%}@keyframes partner-glow{0%,to{border-color:rgb(var(--accent-rgb) / 55%);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 12%), 0 0 0 3px rgb(var(--accent-rgb) / 6%), 0 8px 22px rgb(var(--accent-rgb) / 10%)}50%{border-color:rgb(var(--accent-rgb));box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 32%), 0 0 0 3px rgb(var(--accent-rgb) / 28%), 0 12px 36px rgb(var(--accent-rgb) / 34%)}}@media (prefers-reduced-motion:no-preference){.card.card-partner{animation:2.2s ease-in-out infinite partner-glow}}.side-bottom .account-trigger.is-partner{border:2px solid rgb(var(--accent-rgb) / 90%);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / 22%), 0 0 0 3px rgb(var(--accent-rgb) / 9%), 0 8px 22px rgb(var(--accent-rgb) / 11%)}.side-bottom .account-badge.is-partner,.m-account-badge.is-partner{border-color:rgb(var(--accent-rgb) / 55%);background:rgb(var(--accent-rgb) / 14%);color:var(--gold)}.prime-welcome{z-index:95;background:#0009;place-items:center;padding:20px;animation:.22s ease-out prime-welcome-fade;display:grid;position:fixed;inset:0}.prime-welcome-card{border:1px solid rgb(var(--accent-rgb) / 45%);background:radial-gradient(circle at 50% 0%, rgb(var(--accent-rgb) / 16%), transparent 55%), var(--surface);width:min(440px,100%);box-shadow:var(--shadow-pop), 0 0 0 3px rgb(var(--accent-rgb) / 8%);text-align:center;border-radius:16px;padding:30px 28px 24px;animation:.26s cubic-bezier(.2,.9,.3,1.2) prime-welcome-pop;position:relative}.prime-welcome-card.is-partner{border:2px solid rgb(var(--accent-rgb) / 90%);box-shadow:var(--shadow-pop), 0 0 0 3px rgb(var(--accent-rgb) / 16%), 0 10px 30px rgb(var(--accent-rgb) / 20%)}.prime-welcome-card h2{color:var(--gold-bright,var(--gold));font-family:var(--font-display);margin:0 0 14px;font-size:19px;line-height:1.3}.prime-welcome-card p{color:var(--text-secondary);margin:0 0 10px;font-size:13.5px;line-height:1.55}.prime-welcome-card p b{color:var(--text)}.prime-welcome-note{color:var(--text-muted)!important;font-size:12px!important}.prime-welcome-ok{width:100%;margin-top:12px}.prime-welcome-close{width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}@keyframes prime-welcome-fade{0%{opacity:0}}@keyframes prime-welcome-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}}.match-ticker{border:1px solid var(--border,#ffffff14);width:min(480px,42%);color:var(--text-secondary);background:#ffffff08;border-radius:999px;padding:6px 0;font-size:12.5px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.match-ticker-track{width:max-content;animation:38s linear infinite match-ticker-scroll;display:flex}.match-ticker-item{white-space:nowrap;flex:none;align-items:center;gap:8px;padding-right:16px;display:inline-flex}.match-ticker-item b{color:var(--text-primary,#fff);font-weight:650}.match-ticker-team{color:var(--text-primary,#fff);align-items:center;gap:6px;font-weight:600;display:inline-flex}.match-ticker-team img{object-fit:contain;width:16px;height:16px}.match-ticker-sep,.match-ticker-vs{opacity:.55}@keyframes match-ticker-scroll{to{transform:translate(-50%)}}.match-ticker-score{color:var(--text-primary,#fff);font-variant-numeric:tabular-nums;font-weight:800}.match-ticker-live{color:var(--live);letter-spacing:.5px;align-items:center;gap:5px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.match-ticker .match-ticker-track{animation-duration:38s!important;animation-iteration-count:infinite!important}}.match-ticker-mark{flex:none;width:16px;height:16px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sponsor-banner{border:1px solid rgb(var(--accent-rgb) / 28%);background:linear-gradient(115deg, rgb(var(--accent-rgb) / 8%), transparent 70%), #ffffff06;max-width:100%;color:var(--text-primary,#fff);text-align:left;cursor:pointer;border-radius:12px;flex:none;align-self:center;align-items:center;gap:10px;margin:0 auto 0 20px;padding:8px 12px 8px 10px;transition:border-color .15s,background-color .15s;display:inline-flex}.sponsor-banner:hover{border-color:rgb(var(--accent-rgb) / 50%)}.sponsor-banner:focus-visible{outline:2px solid rgb(var(--accent-rgb) / 70%);outline-offset:2px}.sponsor-banner-icon{background:rgb(var(--accent-rgb) / 12%);width:28px;height:28px;color:var(--accent-hover,var(--accent));border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sponsor-banner-logo{object-fit:contain;border-radius:8px;flex:none;width:28px;height:28px}.sponsor-banner-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.sponsor-banner-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;line-height:1.25;overflow:hidden}.sponsor-banner-sub{color:var(--text-secondary);white-space:nowrap;font-size:11px;line-height:1.25}.sponsor-banner-arrow{color:var(--accent-hover,var(--accent));flex:none;margin-left:4px;transition:transform .15s;display:inline-flex}.sponsor-banner:hover .sponsor-banner-arrow{transform:translate(2px)}@media (width<1700px){.sponsor-banner~.match-ticker{width:min(420px,32%);left:calc(50% + 170px)}}@media (width<=1180px){.sponsor-banner~.match-ticker{display:none}}.worlds-congrats{white-space:nowrap;background:linear-gradient(110deg,#1e1608f5,#0e0c0af5) padding-box padding-box,linear-gradient(110deg,#8a6a1f,#ffe08a 35%,#b8862b 60%,#ffe08a) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:5px 16px 5px 6px;display:flex;position:absolute;top:50%;right:172px;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 22px #ffc84629,inset 0 0 14px #ffc8460f}.worlds-congrats:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#ffecaa38 50%,#0000 65%);animation:5.5s ease-in-out infinite worlds-congrats-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes worlds-congrats-shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.worlds-congrats-crest{background:radial-gradient(circle at 35% 30%,#ffe08a59,#ffffff0a 70%);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;line-height:1;display:grid;box-shadow:0 0 0 1px #ffe08a73,0 0 12px #ffc84659}.worlds-congrats-loud{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin:-3px 1px 0;display:inline-block}.worlds-congrats-text{text-align:center;flex-direction:column;align-items:center;gap:1px;line-height:1.15;display:flex}.worlds-congrats-kicker{letter-spacing:.14em;color:#fff4d6bf;font-size:9.5px;font-weight:600}.worlds-congrats-title{letter-spacing:.06em;background:linear-gradient(90deg,#ffe08a,#fff4cf 45%,#e0a93a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:12.5px;font-weight:800}@media (prefers-reduced-motion:reduce){.worlds-congrats:after{animation:none}}@media (width<1700px){.worlds-congrats{display:none}}@media (width<=720px){.sponsor-banner{order:3;width:100%;margin:0}.sponsor-banner-copy{flex:1}}html:root .sidebar{padding-top:9px}html:root .sidebar .side-item{min-height:38px}html:root .sidebar .side-nav{gap:4px;padding-bottom:8px}html:root .sidebar .side-label{padding-top:9px}html:root .sidebar .side-label-primary{padding-top:0}html:root .sidebar .side-bottom{padding-top:10px}html:root .sidebar .side-secondary-nav{gap:3.5px;padding-top:8px}html:root .sidebar{overflow:hidden}.side-scroll{gap:var(--s1);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.side-games{gap:var(--s1);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.side-bottom{flex:none}.sidebar .side-scroll>.side-nav:first-of-type{border-bottom:1px solid #ffffff0f}html:root .sidebar .side-label{padding-bottom:4px}html:root .sidebar .side-label:not(.side-label-primary){padding-top:5px}.social-dock{z-index:70;right:var(--page-pad);align-items:flex-end;gap:var(--s2);width:360px;max-width:calc(100vw - 2 * var(--page-pad));pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:0}.social-dock>*{pointer-events:auto}.social-dock-bar{align-items:flex-end;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;width:100%;display:flex}.social-dock-toggle{align-items:center;gap:var(--s2);min-height:34px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md) var(--r-md) 0 0;background:var(--surface-2);box-shadow:var(--shadow-raised);font-size:var(--fs-meta);color:var(--text);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast);border-bottom:none;font-weight:600;display:inline-flex}.social-dock-toggle:hover{background:var(--surface-hover);border-color:var(--border-hover)}.social-dock-toggle svg{color:var(--text-secondary)}.social-dock-badge{border-radius:var(--r-full);background:var(--accent);color:#101013;place-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-weight:700;display:inline-grid}.social-panel{border:1px solid var(--border-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);width:100%;max-height:min(560px,100vh - 140px);box-shadow:var(--shadow-pop);animation:social-panel-in var(--t) both;flex-direction:column;display:flex;overflow:hidden}@keyframes social-panel-in{0%{opacity:0;transform:translateY(10px)}}[data-motion=off] .social-panel,[data-motion=off] .social-toast{animation:none}.social-panel-head{align-items:center;gap:var(--s2);min-height:46px;padding:0 var(--s3);border-bottom:1px solid var(--border);background:var(--surface-2);flex:none;display:flex}.social-panel-head h2{min-width:0;font-family:var(--font-display);font-size:var(--fs-section);letter-spacing:-.02em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;font-weight:660;display:flex;overflow:hidden}.social-friend-total{border-radius:var(--r-full);background:var(--surface-inset);border:1px solid var(--border);min-width:19px;height:19px;font-family:var(--font-body);letter-spacing:0;color:var(--text-secondary);place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.social-panel-actions{flex:none;align-items:center;gap:2px;display:flex}.social-icon-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);transition:background var(--t-fast), color var(--t-fast);place-items:center;display:inline-grid;position:relative}.social-icon-btn:hover{background:var(--surface-hover);color:var(--text)}.social-panel-head .social-icon-btn{border:1px solid var(--border);background:var(--surface-inset);color:var(--text-secondary);cursor:pointer;transition:background var(--t), border-color var(--t), color var(--t), transform var(--t-fast)}.social-panel-head .social-icon-btn:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.social-panel-head .social-icon-btn:active{background:var(--surface-inset);transform:scale(.97)}.social-panel-head .social-panel-actions .social-icon-btn:last-child{margin-left:6px}.social-count-badge{border-radius:var(--r-full);background:var(--accent);color:#fff;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:1px;right:0}.social-panel-body{min-height:0;padding:var(--s2) var(--s2) var(--s3);flex:1;overflow-y:auto}.social-section+.social-section{margin-top:var(--s3)}.social-section-title{padding:var(--s2) var(--s2) 6px;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.social-presence-group-title{align-items:center;gap:6px;display:flex}.social-presence-group-title .social-dot{flex:none}.social-section-count{color:var(--text-faint);letter-spacing:0;text-transform:none;font-weight:600}.social-note{padding:var(--s2) var(--s2) var(--s3);font-size:var(--fs-meta);color:var(--text-muted);line-height:1.45}.social-note.is-error{color:var(--live)}.social-empty{padding:var(--s6) var(--s4);text-align:center}.social-empty h3{font-size:var(--fs-body);color:var(--text);font-weight:640}.social-empty p{margin:6px 0 var(--s4);font-size:var(--fs-meta);color:var(--text-muted);line-height:1.5}.social-dot{border-radius:var(--r-full);background:var(--text-faint);width:7px;height:7px;display:inline-block}.social-dot.is-online{background:var(--success);box-shadow:0 0 0 2px #3ecf8e2e}.social-dot.is-away{background:var(--warn);box-shadow:0 0 0 2px #d9a4412e}.social-dot.is-busy{background:var(--danger);box-shadow:0 0 0 2px #ff4d4f2e}.social-sep{color:var(--text-faint)}.social-ended{color:var(--text-muted)}.social-activity-row{gap:var(--s2);padding:var(--s2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);display:flex}.social-activity-row+.social-activity-row{margin-top:6px}.social-activity-text{flex:1;min-width:0}.social-activity-text>b{font-size:var(--fs-body);color:var(--text);align-items:center;gap:6px;font-weight:640;display:flex}.social-activity-line{font-size:var(--fs-meta);color:var(--text-secondary);margin-top:1px}.social-activity-meta{font-size:var(--fs-label);color:var(--text-muted);margin-top:1px}.social-activity-actions{margin-top:var(--s2);align-items:center;gap:4px;display:flex}.social-watch-btn{min-height:26px;padding:0 var(--s2);border:1px solid var(--accent-border);border-radius:var(--r-sm);background:var(--accent-soft);font-size:var(--fs-label);color:var(--accent);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:5px;font-weight:640;display:inline-flex}.social-watch-btn:hover{background:rgb(var(--accent-rgb) / 14%);border-color:var(--accent)}.social-link-btn{font-size:var(--fs-label);color:var(--accent);text-underline-offset:2px;margin-left:6px;font-weight:600;text-decoration:underline}.social-friend-row{border-radius:var(--r-md);transition:background var(--t-fast);align-items:center;gap:2px;display:flex}.social-friend-row:hover{background:var(--surface-hover)}.social-friend-main{align-items:center;gap:var(--s2);min-width:0;padding:6px var(--s2);text-align:left;flex:1;display:flex}.social-friend-text{flex-direction:column;flex:1;min-width:0;display:flex}.social-friend-text b{font-size:var(--fs-body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex;overflow:hidden}.social-friend-text b svg{color:var(--star)}.social-friend-text small{font-size:var(--fs-label);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-friend-text small.is-online{color:var(--success)}.social-friend-text small.is-away{color:var(--warn)}.social-friend-text small.is-busy{color:var(--danger)}.social-unread-pill{border-radius:var(--r-full);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-hover);flex:none;padding:2px 7px;font-size:10px;font-weight:640}.social-menu{flex-direction:column;min-width:190px;display:flex}.pop-item.is-danger{color:var(--live)}.pop-item.is-danger:hover{color:var(--live);background:#ff31581a}.participant-menu-volume{padding:2px var(--s3) 6px}.participant-menu-volume .watch-slider{width:100%}.participant-menu-volume .watch-slider input[type=range]{flex:1;width:auto}.participant-profile{padding:var(--s4) var(--s3) var(--s3);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.participant-profile b{font-size:var(--fs-body);color:var(--text)}.participant-profile small{color:var(--text-muted)}.social-confirm{width:232px;padding:var(--s2)}.social-confirm p{font-size:var(--fs-body);color:var(--text);font-weight:620}.social-confirm small{font-size:var(--fs-label);color:var(--text-muted);margin-top:4px;line-height:1.45;display:block}.social-confirm-actions{margin-top:var(--s3);justify-content:flex-end;gap:6px;display:flex}.btn-danger{background:var(--live);color:#fff;border-color:#0000}.btn-danger:hover:not(:disabled){background:#ff4a6c;border-color:#0000}.btn-tiny{min-height:26px;padding:0 var(--s2);font-size:var(--fs-label)}.social-request-row{align-items:center;gap:var(--s2);padding:6px var(--s2);border-radius:var(--r-md);display:flex}.social-request-row:hover{background:var(--surface-hover)}.social-modal-overlay{z-index:90;background:#00000094;place-items:center;display:grid;position:fixed;inset:0}.social-modal{width:380px;max-width:calc(100vw - 2 * var(--s6));padding:var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-pop)}.social-modal header{margin-bottom:var(--s3);justify-content:space-between;align-items:center;display:flex}.social-modal h3{font-family:var(--font-display);font-size:var(--fs-section);color:var(--text);font-weight:660}.social-input{width:100%;min-height:34px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-inset);font-family:var(--font);font-size:var(--fs-body);color:var(--text);transition:border-color var(--t-fast), box-shadow var(--t-fast)}.social-input::placeholder{color:var(--text-faint)}.social-input:focus-visible{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.social-search-results{max-height:260px;margin-top:var(--s2);overflow-y:auto}.social-blocked-list{max-height:300px;margin-top:var(--s1);overflow-y:auto}.social-share-menu{min-width:216px}.social-share-title{padding:2px var(--s2) 6px;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.social-share-list{max-height:220px;overflow-y:auto}.social-share-list .pop-item{min-height:34px}.social-share-list .pop-text{align-items:center;gap:4px;display:flex}.social-share-list .pop-text svg{color:var(--star)}.social-share-sent{font-size:var(--fs-label);color:var(--success);align-items:center;gap:4px;font-weight:640;display:inline-flex}.social-share-sending{font-size:var(--fs-label);color:var(--text-muted)}.social-share-list .pop-item.is-sent{background:#3ecf8e1a}.social-shared-live-tags{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.social-shared-live-tag{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-inset);color:var(--text-secondary);white-space:nowrap;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.5}.social-shared-live-tag.is-role{border-color:var(--accent-border);color:var(--accent)}.social-conversation-activity{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);background:var(--surface-inset);flex:none;display:flex}.social-conversation-activity b{font-size:var(--fs-meta);color:var(--text);font-weight:620;display:block}.social-conversation-activity small{font-size:var(--fs-label);color:var(--text-muted)}.social-conversation-head{min-height:54px}.social-conversation-who{align-items:center;gap:var(--s2);flex:1;min-width:0;display:flex}.social-conversation-title{flex-direction:column;min-width:0;display:flex}.social-conversation-title h2{flex:none;line-height:1.2}.social-conversation-title small{font-size:var(--fs-label);color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.social-conversation-title small.is-online{color:var(--success)}.social-conversation-title small.is-away{color:var(--warn)}.social-conversation-title small.is-busy{color:var(--danger)}.social-conversation-head .social-avatar-wrap .avatar{width:32px;height:32px;font-size:13px}.social-avatar-wrap{flex:none;display:inline-grid;position:relative}.social-avatar-wrap .avatar{box-shadow:0 0 0 1px var(--border-strong)}.social-avatar-presence{border:2px solid var(--surface-2);border-radius:var(--r-full);background:var(--text-faint);width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.social-avatar-presence.is-online{background:var(--success)}.social-avatar-presence.is-away{background:var(--warn)}.social-avatar-presence.is-busy{background:var(--danger)}.social-status-dot{border-radius:var(--r-full);background:var(--text-faint);width:10px;height:10px;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.social-status-dot.is-online{background:var(--success);box-shadow:0 0 0 2px #3ecf8e38}.social-status-dot.is-away{background:var(--warn);box-shadow:0 0 0 2px #d9a44138}.social-status-dot.is-busy{background:var(--danger);box-shadow:0 0 0 2px #ff4d4f38}.pop-item .social-status-dot{width:9px;height:9px}.social-status-option{flex-direction:column;gap:1px;display:flex}.social-status-option small{color:var(--text-faint);font-size:10px;font-weight:500;line-height:1.3}.social-panel-body .social-avatar-presence{border-color:var(--surface)}.social-friend-text small.is-typing,.social-conversation-title small.is-typing{color:var(--accent);align-items:center;gap:4px;font-weight:600;display:inline-flex}.social-typing-dots{align-items:center;gap:3px;height:8px;display:inline-flex}.social-typing-dots i{border-radius:var(--r-full);background:currentColor;width:4px;height:4px;animation:1.2s ease-in-out infinite social-typing-dot}.social-typing-dots i:nth-child(2){animation-delay:.15s}.social-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes social-typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}[data-motion=off] .social-typing-dots i{opacity:.7;animation:none}.social-messages{min-height:180px;padding:var(--s3) var(--s3) var(--s2);overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.social-message{align-items:flex-end;gap:var(--s2);max-width:100%;display:flex}.social-message.starts-group:not(:first-child){margin-top:var(--s3)}.social-message.is-mine{justify-content:flex-end}.social-message-avatar{flex:none;width:26px;display:grid}.social-message-content{flex-direction:column;align-items:flex-start;min-width:0;max-width:78%;display:flex}.social-message.is-mine .social-message-content{align-items:flex-end}.social-message-content header{align-items:baseline;gap:6px;margin:0 0 3px 2px;display:flex}.social-message-content header b{font-size:var(--fs-label);color:var(--text-secondary);font-weight:660}.social-message-content header time{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:10px}.social-message-content>p{border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-body);color:var(--text);text-align:left;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px;padding:7px 11px;line-height:1.42;animation:.14s ease-out both social-message-in}.social-message:not(.is-mine) .social-message-content>p{border-bottom-left-radius:5px}.social-message:not(.is-mine):not(.starts-group) .social-message-content>p{border-top-left-radius:5px}.social-message.is-mine .social-message-content>p{border-color:var(--accent-border);background:rgb(var(--accent-rgb) / 14%);border-bottom-right-radius:5px}.social-message.is-mine:not(.starts-group) .social-message-content>p{border-top-right-radius:5px}.social-message.is-sending .social-message-content>p{opacity:.62}.social-message.is-failed .social-message-content>p{background:#ff315814;border-color:#ff315873}@keyframes social-message-in{0%{opacity:0;transform:translateY(4px)}}[data-motion=off] .social-message-content>p,[data-motion=off] .social-typing-row{animation:none}.social-receipt{color:var(--text-faint);font-variant-numeric:tabular-nums;margin:3px 2px 0;font-size:10px}.social-receipt.is-failed{color:var(--live)}.social-receipt .social-link-btn{margin-left:0;font-size:10px}.social-read-mark{color:var(--success)}.social-typing-row{align-items:flex-end;gap:var(--s2);margin-top:var(--s3);animation:.16s ease-out both social-message-in;display:flex}.social-typing-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.social-typing-name{font-size:var(--fs-label);color:var(--text-secondary);margin:0 0 3px 2px;font-weight:660}.social-typing-bubble{border:1px solid var(--border);background:var(--surface-2);height:30px;color:var(--text-secondary);border-radius:14px 14px 14px 5px;align-items:center;padding:0 12px;display:inline-flex}.social-typing-bubble .social-typing-dots i{width:5px;height:5px}.social-messages-skeleton{gap:var(--s2);flex-direction:column;display:flex}.social-messages-skeleton span{background:var(--surface-2);border-radius:14px;width:58%;height:30px;animation:1.1s ease-in-out infinite alternate social-skeleton}.social-messages-skeleton span.is-mine{align-self:flex-end;width:44%}@keyframes social-skeleton{to{opacity:.45}}.social-conversation-empty{padding:var(--s4) var(--s3);text-align:center;flex-direction:column;align-items:center;gap:6px;margin:auto;display:flex}.social-conversation-empty .avatar{width:48px;height:48px;box-shadow:0 0 0 1px var(--border-strong);font-size:17px}.social-conversation-empty b{font-size:var(--fs-body);color:var(--text);font-weight:640}.social-conversation-empty p{font-size:var(--fs-meta);color:var(--text-muted)}.social-shared-live{padding:var(--s2);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);text-align:left}.social-shared-live-from{font-size:var(--fs-label);color:var(--text-muted);margin-bottom:6px}.social-shared-live-body{align-items:center;gap:var(--s2);margin-bottom:var(--s2);display:flex}.social-shared-live-info{min-width:0}.social-shared-live-body .avatar{width:34px;height:34px;box-shadow:0 0 0 1px var(--border-strong)}.social-shared-live-body b{font-size:var(--fs-body);color:var(--text);font-weight:640;display:block}.social-shared-live-body small{font-size:var(--fs-label);color:var(--text-muted)}.social-shared-live-body .badge-live{margin-left:auto;position:static}.social-shared-live .social-ended{font-size:var(--fs-label)}.social-composer{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3) var(--s3);border-top:1px solid var(--border);background:var(--surface-2);flex:none;display:flex}.social-composer .social-input{border-radius:var(--r-full);flex:1;min-height:36px;padding:0 14px}.social-send-btn{border-radius:var(--r-full);background:var(--accent);color:#101013;width:36px;height:36px;transition:background var(--t-fast), opacity var(--t-fast), transform var(--t-fast);flex:none;place-items:center;display:grid}.social-send-btn:active:not(:disabled){transform:scale(.94)}.social-send-btn:hover:not(:disabled){background:var(--accent-hover)}.social-send-btn:disabled{background:var(--surface-active);color:var(--text-faint)}.social-minimized{border:1px solid var(--border-strong);border-radius:var(--r-md) var(--r-md) 0 0;background:var(--surface-2);min-width:0;max-width:128px;min-height:30px;box-shadow:var(--shadow-raised);border-bottom:none;flex:0 auto;align-items:center;display:flex}.social-minimized-main{min-width:0;padding:0 var(--s2);font-size:var(--fs-label);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.social-minimized-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-minimized-main:hover{color:var(--text)}.social-minimized-typing{color:var(--accent);place-items:center;display:inline-grid}.social-minimized-close{width:22px;height:100%;color:var(--text-faint);place-items:center;display:grid}.social-minimized-close:hover{color:var(--text)}.social-toasts{flex-direction:column;gap:6px;width:100%;display:flex}.social-toast{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--shadow-pop);animation:social-toast-in var(--t) both;display:flex}@keyframes social-toast-in{0%{opacity:0;transform:translateY(6px)}}.social-toast-icon{border-radius:var(--r-full);background:var(--surface-active);width:22px;height:22px;color:var(--text-secondary);flex:none;place-items:center;display:grid}.social-toast.is-activity .social-toast-icon{color:var(--accent)}.social-toast-avatar{flex:none;display:inline-grid;position:relative}.social-toast-avatar .avatar{width:30px;height:30px;box-shadow:0 0 0 1px var(--border-strong)}.social-toast-avatar .social-toast-icon{border:2px solid var(--surface-2);width:16px;height:16px;position:absolute;bottom:-4px;right:-5px}.social-toast-text{flex:1;min-width:0}.social-toast-text b{font-size:var(--fs-meta);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:640;display:block;overflow:hidden}.social-toast-text small{font-size:var(--fs-label);color:var(--text-muted)}.card-friends{font-size:var(--fs-label);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;cursor:default;align-items:center;gap:5px;margin-top:4px;display:flex;overflow:hidden}.card-friends svg{color:var(--text-faint);flex:none}.watch-room{z-index:90;background:var(--bg);animation:watch-room-in var(--t) both;flex-direction:column;display:flex;position:fixed;inset:0}@keyframes watch-room-in{0%{opacity:0}}.watch-room-body{flex:1;min-height:0;display:flex;position:relative}.watch-room-video{background:#000;flex:1;place-items:center start;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.watch-room-head{align-items:center;gap:var(--s2);min-height:48px;padding:6px var(--s3) 6px 5px;border-bottom:1px solid var(--border);background:var(--surface);flex:none;display:flex}.watch-room-collapse{border:1px solid var(--border-hover);border-radius:var(--r-sm);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-raised);transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);flex:none;place-items:center;display:inline-grid}.watch-room-collapse:hover{border-color:var(--accent-ring);background:rgb(var(--accent-rgb) / 14%);color:var(--accent-hover)}.watch-room-collapse:active{transform:scale(.96)}.watch-room-who{align-items:center;gap:var(--s2);min-width:0;display:flex}.watch-room-title{min-width:0}.watch-room-title h2{font-size:var(--fs-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:640;line-height:1.2;overflow:hidden}.watch-room-live{border-radius:var(--r-xs);background:var(--live);letter-spacing:.6px;color:#fff;flex:none;align-items:center;gap:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.watch-room-live:before{content:"";border-radius:var(--r-full);background:#fff;width:5px;height:5px}.watch-room-title small{font-size:var(--fs-label);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.watch-room-actions{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.social-icon-btn.is-leave:hover{color:var(--danger);background:#ff4d4f1f}.watch-room-reopen{top:var(--s3);right:var(--s3);z-index:3;border-radius:var(--r-sm);color:#ffffffc7;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:34px;height:34px;transition:background var(--t-fast), color var(--t-fast);background:#0000008c;border:1px solid #ffffff1f;place-items:center;display:inline-grid;position:absolute}.watch-room-reopen:hover{color:#fff;background:#000000c7}.watch-room-collapse-icon.is-closed{scale:-1 1}.watch-room-screen{background:#000;width:min(100cqw,177.778cqh);height:min(100cqh,56.25cqw);position:relative}.watch-room-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.watch-room-frame iframe{border:0;width:100%;height:100%;display:block}.watch-room-hint,.watch-room-unmute{top:var(--s3);z-index:2;max-width:min(560px, calc(100% - var(--s6)));padding:7px var(--s3);border-radius:var(--r-full);font-size:var(--fs-meta);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:600;position:absolute;left:50%;translate:-50%}.watch-room-hint{color:#d7dae0;pointer-events:none;background:#0a0b0fb8;border:1px solid #ffffff1a}.watch-room-unmute{border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;box-shadow:var(--shadow-raised);transition:border-color var(--t), color var(--t);background:#0a0b0fd1;align-items:center;gap:6px;display:inline-flex}.watch-room-unmute:hover{border-color:var(--accent);color:var(--accent-hover)}.watch-room-notice{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);background:var(--surface-2);flex-direction:column;flex:none;gap:6px;display:flex}.watch-room-notice.is-invite{padding:var(--s3)}.watch-room-expiry{min-width:0;font-size:var(--fs-meta);color:var(--text);line-height:1.35}.watch-room-invite{border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent);width:100%;height:44px;font-size:var(--fs-body);color:#101013;cursor:pointer;transition:background var(--t-fast), transform var(--t-fast);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.watch-room-invite:hover{background:var(--accent-hover)}.watch-room-invite:active{transform:scale(.99)}.watch-room-invite svg:last-child{opacity:.7}.watch-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);height:32px;font-size:var(--fs-meta);color:var(--text);cursor:pointer;transition:border-color var(--t), background var(--t), color var(--t);flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.watch-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.watch-btn:disabled{opacity:.42;cursor:default}.watch-btn svg{flex:none}.watch-btn.is-icon{width:32px;padding:0}.watch-btn.is-chip{height:30px;padding:0 10px}.watch-btn.is-quiet{color:var(--text-muted);background:0 0}.watch-btn.is-quiet:hover:not(:disabled){color:var(--text)}.watch-btn.is-on,.watch-btn.is-primary{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.watch-btn.is-on:hover:not(:disabled),.watch-btn.is-primary:hover:not(:disabled){border-color:var(--accent-ring);background:rgb(var(--accent-rgb) / 14%);color:var(--accent-hover)}.watch-btn.is-off{color:var(--danger);background:#ff4d4f1a;border-color:#ff4d4f59}.watch-btn.is-off:hover:not(:disabled){color:var(--danger);background:#ff4d4f29;border-color:#ff4d4f8c}.watch-btn.is-leave{color:var(--text-muted);background:0 0}.watch-btn.is-leave:hover:not(:disabled){color:var(--danger);background:#ff4d4f1a;border-color:#ff4d4f59}.watch-slider{font-size:var(--fs-label);color:var(--text-muted);flex:none;align-items:center;gap:7px;font-weight:640;display:inline-flex}.watch-slider.is-compact{gap:0;width:76px}.watch-slider.is-disabled{opacity:.45}.watch-slider-icon{display:inline-flex}.watch-slider-value{width:32px;font-size:var(--fs-meta);font-variant-numeric:tabular-nums;text-align:right;color:var(--text-faint)}.watch-slider input[type=range]{cursor:pointer;appearance:none;background:0 0;width:96px;height:14px}.watch-slider.is-compact input[type=range]{width:100%}.watch-slider input[type=range]:disabled{cursor:default}.watch-slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--r-full);background:linear-gradient(to right, var(--accent) var(--fill,0%), var(--surface-active) var(--fill,0%));height:4px}.watch-slider input[type=range]::-webkit-slider-thumb{background:var(--text);appearance:none;width:11px;height:11px;transition:transform var(--t-fast);border:0;border-radius:50%;margin-top:-3.5px;box-shadow:0 1px 3px #00000073}.watch-slider input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.18)}.watch-slider input[type=range]:focus-visible{outline:none}.watch-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus-ring)}.watch-slider input[type=range]::-moz-range-track{border-radius:var(--r-full);background:var(--surface-active);height:4px}.watch-slider input[type=range]::-moz-range-progress{border-radius:var(--r-full);background:var(--accent);height:4px}.watch-slider input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:11px;height:11px}.watch-voice{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);background:linear-gradient(180deg, rgb(var(--accent-rgb) / 5%), transparent 72%), var(--surface);flex-direction:column;flex:none;gap:5px;display:flex}.watch-voice-state{font-size:var(--fs-label);color:var(--text-faint);white-space:nowrap;flex:none;align-items:center;gap:5px;margin-left:auto;padding-right:4px;font-weight:600;display:inline-flex}.watch-voice-state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.watch-voice-state.is-on{color:var(--success)}.watch-voice-state.is-wait{color:var(--warn)}.watch-voice-state.is-error{color:var(--danger)}.watch-voice-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:2px 0 10px;display:flex}.watch-voice-tools .watch-btn.is-icon{margin-left:auto}.watch-voice-brand-mark{opacity:.92;width:auto;height:22px;margin-left:4px}.watch-voice-row{align-items:center;gap:var(--s2);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);min-width:0;transition:border-color var(--t), box-shadow var(--t);padding:4px 6px 4px 4px;display:flex}.watch-voice-row.is-dim{opacity:.62}.watch-voice-row.is-empty{font-size:var(--fs-meta);color:var(--text-muted);background:0 0;border-style:dashed}.watch-voice-row.is-speaking{border-color:#3ecf8e73;box-shadow:0 0 0 1px #3ecf8e2e}.watch-voice-row[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:border-color var(--t), box-shadow var(--t), background var(--t-fast)}.watch-voice-row[role=button]:hover{background:var(--surface-hover)}.watch-voice-row[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.watch-voice-status{color:var(--text-faint);flex:none;display:inline-flex}.watch-voice-avatar{flex:none;display:inline-flex;position:relative}.watch-voice-avatar-empty{border:1px dashed var(--border);border-radius:50%;flex:none;width:24px;height:24px}.watch-voice-ring{transition:border-color var(--t);border:2px solid #0000;border-radius:50%;position:absolute;inset:-3px}.watch-voice-row.is-speaking .watch-voice-ring{border-color:var(--success)}.watch-voice-name{min-width:0;font-size:var(--fs-meta);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;font-weight:600;line-height:1.3;display:flex;overflow:hidden}.watch-voice-name small{font-size:var(--fs-label);color:var(--text-faint);text-overflow:ellipsis;font-weight:500;overflow:hidden}.watch-voice-sync{font-size:var(--fs-label);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;padding:2px 0 0 4px;font-weight:600;display:flex;overflow:hidden}.watch-voice-pulse{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.watch-voice-sync.is-synced{color:var(--success)}.watch-voice-sync.is-synced .watch-voice-pulse:after{content:"";border:1px solid;border-radius:50%;animation:2.4s ease-out infinite watch-pulse;position:absolute;inset:-4px}@keyframes watch-pulse{0%{opacity:.5;transform:scale(.55)}to{opacity:0;transform:scale(1.4)}}.watch-voice-sync.is-ahead,.watch-voice-sync.is-behind{color:var(--warn)}.watch-voice-drift{color:var(--text-faint);font-variant-numeric:tabular-nums;font-weight:500}.watch-voice-note{font-size:var(--fs-meta);color:var(--text-muted);text-align:left}button.watch-voice-note{padding:6px var(--s2);border:1px solid var(--accent-border);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);cursor:pointer}.watch-voice-note.is-error{color:var(--danger)}.watch-devices{gap:var(--s2);padding:var(--s3);flex-direction:column;min-width:260px;display:flex}.watch-device{font-size:var(--fs-label);color:var(--text-muted);flex-direction:column;gap:4px;font-weight:640;display:flex}.watch-device select{padding:6px var(--s2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-meta);color:var(--text);font-weight:500}.watch-gate{gap:var(--s2);flex-direction:column;display:flex}.watch-switch{align-items:flex-start;gap:var(--s2);cursor:pointer;display:flex}.watch-switch-text{flex-direction:column;flex:1;gap:2px;display:flex}.watch-switch-text b{font-size:var(--fs-label);color:var(--text);font-weight:640}.watch-switch-text small{font-size:var(--fs-meta);color:var(--text-faint);font-weight:500;line-height:1.35}.watch-switch input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.watch-switch-track{border-radius:var(--r-full);background:var(--surface-active);width:34px;height:20px;transition:background var(--t-fast);flex:none;margin-top:1px;position:relative}.watch-switch-track:after{content:"";background:var(--text-faint);width:14px;height:14px;transition:transform var(--t-fast), background var(--t-fast);border-radius:50%;position:absolute;top:3px;left:3px}.watch-switch input[type=checkbox]:checked+.watch-switch-track{background:var(--accent)}.watch-switch input[type=checkbox]:checked+.watch-switch-track:after{background:var(--surface);transform:translate(14px)}.watch-switch input[type=checkbox]:focus-visible+.watch-switch-track{box-shadow:0 0 0 3px var(--focus-ring)}.watch-meter{align-items:center;height:16px;display:flex;position:relative}.watch-meter:before{content:"";border-radius:var(--r-full);background:var(--surface-active);height:6px;position:absolute;left:0;right:0}.watch-meter-fill{border-radius:var(--r-full);background:var(--warn);width:0;height:6px;transition:width 90ms linear, background var(--t-fast);position:absolute;left:0}.watch-meter.is-open .watch-meter-fill{background:var(--success)}.watch-meter.is-muted .watch-meter-fill{background:var(--text-faint)}.watch-meter-mark{left:var(--gate,0%);background:var(--text);border-radius:1px;width:2px;height:14px;transition:left .2s linear;position:absolute;transform:translate(-1px)}.watch-meter-input{cursor:pointer;appearance:none;background:0 0;width:100%;height:16px;margin:0;position:absolute;left:0;right:0}.watch-meter-input::-webkit-slider-runnable-track{background:0 0;height:16px}.watch-meter-input::-webkit-slider-thumb{background:var(--text);appearance:none;border:0;border-radius:2px;width:4px;height:16px;box-shadow:0 1px 3px #00000073}.watch-meter-input:focus-visible{outline:none}.watch-meter-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus-ring)}.watch-meter-input::-moz-range-track{background:0 0;height:16px}.watch-meter-input::-moz-range-thumb{background:var(--text);border:0;border-radius:2px;width:4px;height:16px}.watch-room-offline{place-content:center;justify-items:center;gap:var(--s1);padding:var(--s6) var(--s8);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);text-align:center;margin:auto;display:grid}.watch-room-offline b{font-size:var(--fs-body);color:var(--text);font-weight:640}.watch-room-offline p{font-size:var(--fs-meta);color:var(--text-muted)}.watch-room-chat{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.watch-room-body.is-collapsed .watch-room-video,.watch-room.is-theater .watch-room-video{place-items:center}.watch-room-theater-exit{top:var(--s3);right:var(--s3);z-index:3;border-radius:var(--r-sm);color:#ffffffdb;font-size:var(--fs-label);cursor:pointer;opacity:0;transition:opacity var(--t-fast), background var(--t-fast);background:#0000009e;border:1px solid #ffffff24;align-items:center;gap:6px;padding:6px 10px;font-weight:640;display:inline-flex;position:absolute}.watch-room.is-theater:hover .watch-room-theater-exit,.watch-room-theater-exit:focus-visible{opacity:1}.watch-room-theater-exit:hover{color:#fff;background:#000000d1}.watch-room-chat-head{padding:var(--s3);border-bottom:1px solid var(--border);font-size:var(--fs-label);color:var(--text-muted);flex:none;align-items:center;gap:6px;font-weight:640;display:flex}.watch-room-chat-head svg{flex:none}.social-shared-live.is-party{border-color:var(--accent-border);background:var(--accent-soft)}.social-shared-live.is-party .social-shared-live-from{color:var(--accent);align-items:center;gap:5px;display:flex}@media (height<=780px){.social-panel{max-height:calc(100vh - 120px)}}@media (width<=1180px){.social-dock{width:330px}}@media (width<=900px){.watch-room-body{flex-direction:column}.watch-room-chat{border-left:0;border-top:1px solid var(--border);width:100%;max-height:45vh}.watch-room-reopen{top:auto;bottom:var(--s3)}}.notif-center{align-items:center;display:flex;position:relative}.notif-bell{color:#cdd2d9;border-radius:var(--r-sm);cursor:pointer;width:30px;height:26px;transition:color var(--t), background-color var(--t), border-color var(--t), transform var(--t-fast);background:#ffffff0f;border:1px solid #ffffff14;place-items:center;margin-right:10px;display:grid;position:relative}.notif-bell:hover{color:#fff;background:#ffffff1f;border-color:#ffffff29}.notif-bell:active{background:#ffffff29;transform:scale(.96)}.notif-bell:disabled{opacity:.4;cursor:default;pointer-events:none}.notif-bell[aria-expanded=true]{color:var(--text);background:#ffffff1a}.notif-bell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.notif-bell-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #090b10}.notif-panel{z-index:300;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);width:384px;max-width:calc(100vw - 16px);max-height:min(460px,100vh - 58px);box-shadow:var(--shadow-pop);animation:pop-in var(--t) both;flex-direction:column;display:flex;position:fixed;top:42px;right:8px;overflow:hidden}.notif-panel-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-bottom:1px solid var(--border);display:flex}.notif-panel-head h2{min-width:0;font-family:var(--font-display);font-size:var(--fs-section);color:var(--text);flex:1;font-weight:660}.notif-panel-head-actions{align-items:center;gap:var(--s2);flex:none;display:flex}.notif-head-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-inset);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:background var(--t), border-color var(--t), color var(--t), transform var(--t-fast);flex:none;place-items:center;display:grid}.notif-head-btn:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.notif-head-btn:active{background:var(--surface-inset);transform:scale(.97)}.notif-head-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.notif-mark-all{font-size:var(--fs-meta);color:var(--text-secondary);transition:color var(--t-fast);flex:none}.notif-mark-all:hover:not(:disabled){color:var(--accent)}.notif-mark-all:disabled{color:var(--text-faint);cursor:default}.notif-list{padding:var(--s1);overflow-y:auto}.notif-empty{padding:var(--s8) var(--s4);color:var(--text-muted);font-size:var(--fs-meta);text-align:center}.notif-item{align-items:flex-start;gap:var(--s3);width:100%;padding:var(--s3);border-radius:var(--r-md);text-align:left;transition:background var(--t-fast);display:flex}.notif-item:hover{background:var(--surface-hover)}.notif-item.is-unread{background:var(--accent-soft)}.notif-item.is-unread:hover{background:rgb(var(--accent-rgb) / 13%)}.notif-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.notif-item-icon{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-secondary);background:var(--surface-active);flex:0 0 28px;place-items:center;display:grid}.notif-item-icon.is-followed-player-live{color:var(--live)}.notif-item-icon.is-saved-alert-triggered,.notif-item-icon.is-app-update{color:var(--accent)}.notif-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item-body b{font-size:var(--fs-body);color:var(--text);font-weight:620}.notif-item-body small{font-size:var(--fs-meta);color:var(--text-secondary);line-height:1.4}.notif-item-dot{background:var(--accent);border-radius:50%;flex:0 0 7px;align-self:center;width:7px;height:7px}:root[data-theme=light] .notif-bell{color:var(--text-secondary);background:#11141b0d;border-color:#11141b1f}:root[data-theme=light] .notif-bell:hover,:root[data-theme=light] .notif-bell[aria-expanded=true]{color:var(--text);background:#11141b17;border-color:#11141b2e}:root[data-theme=light] .notif-bell:active{background:#11141b21}:root[data-theme=light] .notif-bell-dot{box-shadow:0 0 0 2px var(--titlebar-bg)}.update-overlay,.update-checking{z-index:250;top:36px}.update-overlay{background:#040507b8}.update-checking{background:var(--bg);animation:fade var(--t) both;place-content:center;justify-items:center;gap:26px;display:grid;position:fixed;inset:36px 0 0}.update-checking p{color:var(--text-secondary);letter-spacing:.01em;font-size:13px}.modal.modal-auth.update-dialog{outline:none;width:min(480px,100%);max-height:calc(100dvh - 84px)}.update-versions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:2px 0 0;display:grid}.update-versions>div{border:1px solid var(--border);background:var(--surface-inset);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.update-versions>div.is-new{border-color:rgb(var(--accent-rgb) / 45%)}.update-versions dt{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.update-versions dd{color:var(--text);font-family:var(--font-display);letter-spacing:-.3px;font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:650}.update-versions>div.is-new dd{color:var(--accent)}.update-versions-arrow{color:var(--text-muted);font-size:16px}.update-notes{gap:8px;display:grid}.update-notes b{color:var(--text-secondary);font-size:12px;font-weight:600}.update-notes ul,.update-notes p{border:1px solid var(--border);background:var(--surface-inset);max-height:260px;color:var(--text-secondary);border-radius:10px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-y:auto}.update-notes p{white-space:pre-line}.update-notes ul{gap:6px;list-style:none;display:grid}.update-notes li{padding-left:14px;position:relative}.update-notes li:before{content:"";background:var(--accent);border-radius:999px;width:4px;height:4px;position:absolute;top:.65em;left:2px}.update-notes p:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.update-progress{border:1px solid var(--border);background:var(--surface-inset);border-radius:12px;gap:10px;padding:14px;display:grid}.update-progress-head{color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:550;display:flex}.update-progress-head b{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:15px}.update-progress small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.update-progress-track{background:var(--border);border-radius:999px;height:6px;position:relative;overflow:hidden}.update-progress-track>span{border-radius:inherit;background:var(--accent);width:0;transition:width .16s linear;position:absolute;inset:0 auto 0 0}.update-progress-track.is-indeterminate>span{width:36%;animation:1.2s ease-in-out infinite update-indeterminate}@keyframes update-indeterminate{0%{transform:translate(-100%)}to{transform:translate(280%)}}.update-error{color:#ff9b9b;background:#ff505012;border:1px solid #ff6b6b3d;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}.update-error.is-soft{border-color:var(--border);background:var(--surface-inset);color:var(--text-secondary)}.update-actions{gap:8px;display:grid}.modal-auth.update-dialog .update-actions .btn-primary{gap:10px}.modal-auth.update-dialog .update-actions .btn-primary .spinner{border-color:color-mix(in srgb, var(--on-accent) 25%, transparent);border-top-color:var(--on-accent)}.modal-auth.update-dialog .update-actions .btn-primary:disabled{opacity:.8;cursor:progress}@media (prefers-reduced-motion:reduce){.update-progress-track.is-indeterminate>span{opacity:.45;width:100%;animation:none}}.home{--home-gap:16px}.home-game[data-game=VALORANT]{--game-rgb:255 70 85}.home-game[data-game=LEAGUE_OF_LEGENDS]{--game-rgb:59 130 246}.home-game[data-game=COUNTER_STRIKE]{--game-rgb:222 155 53}.home-game[data-game=EA_FC_27]{--game-rgb:0 214 120}.home-game[data-game=DOTA_2]{--game-rgb:200 50 40}.home-game[data-game=AION_2]{--game-rgb:120 110 255}.home-game[data-game=RAINBOW_SIX]{--game-rgb:235 165 45}.home-hint{border:1px solid var(--account-card-border);border-radius:var(--r-lg);background:linear-gradient(100deg, rgb(var(--accent-rgb) / 7%), transparent 55%), var(--surface);box-shadow:var(--shadow-card);align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex}.home-hint-icon{border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);flex:none;place-items:center;display:grid}.home-hint-copy{flex:1;min-width:0}.home-hint-copy b{font-size:var(--fs-body);color:var(--text);font-weight:650;display:block}.home-hint-copy p{font-size:var(--fs-meta);color:var(--text-secondary);margin-top:3px;line-height:1.45}.home-hint-action{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent);flex:none}.home-hint-action:hover:not(:disabled){border-color:var(--accent-ring);background:rgb(var(--accent-rgb) / 14%);color:var(--accent-hover)}.home-games{gap:var(--home-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;min-height:calc(100dvh - 230px);display:grid}.home-game{isolation:isolate;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(120% 55% at 50% 0, rgb(var(--game-rgb) / 24%), transparent 70%), radial-gradient(90% 40% at 50% 100%, rgb(var(--game-rgb) / 12%), transparent 75%), linear-gradient(180deg, #ffffff08, transparent 40%), var(--surface);min-height:220px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--t), border-color var(--t), box-shadow var(--t), background-color var(--t);flex-direction:column;justify-content:space-between;gap:28px;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.home-game:before{background:linear-gradient(90deg, transparent, rgb(var(--game-rgb) / 90%), transparent);opacity:0;height:2px;transition:opacity var(--t);content:"";position:absolute;inset:0 0 auto}.home-game:hover{border-color:rgb(var(--game-rgb) / 45%);box-shadow:var(--shadow-raised), 0 18px 40px -26px rgb(var(--game-rgb) / 70%);transform:translateY(-3px)}.home-game:hover:before,.home-game:focus-visible:before{opacity:1}.home-game:active{transform:translateY(-1px)}.home-game:focus-visible{border-color:rgb(var(--game-rgb) / 60%);box-shadow:0 0 0 3px var(--focus-ring), var(--shadow-raised);outline:none}.home-game-mark{z-index:-1;aspect-ratio:1;opacity:.34;pointer-events:none;width:72%;max-width:300px;transition:opacity var(--t), transform .42s cubic-bezier(.2, .7, .2, 1);position:absolute;top:12%;left:50%;transform:translate(-50%)}.home-game-mark img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 28px rgb(var(--game-rgb) / 55%))}.home-game-mark:before{z-index:-1;background:radial-gradient(closest-side, rgb(var(--game-rgb) / 30%), transparent 72%);content:"";position:absolute;inset:-25%}.home-game:hover .home-game-mark{opacity:.62;transform:translate(-50%)translateY(-6px)scale(1.05)}.home-game[data-game=EA_FC_27] .home-game-mark{opacity:.2}.home-game[data-game=EA_FC_27]:hover .home-game-mark{opacity:.4}.home-game-art{z-index:-1;opacity:.6;pointer-events:none;transition:opacity var(--t), transform .7s cubic-bezier(.2, .7, .2, 1);background:50%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#00000026 88%);mask-image:linear-gradient(#000 30%,#00000026 88%)}.home-game:hover .home-game-art{opacity:.85;transform:scale(1.06)}.home-game.has-art .home-game-mark{display:none}.home-game[data-game=VALORANT] .home-game-art{background-position:50% 15%}.home-game[data-game=LEAGUE_OF_LEGENDS] .home-game-art{background-position:50% 40%}.home-game[data-game=COUNTER_STRIKE] .home-game-art{background-position:50%}.home-game[data-game=EA_FC_27] .home-game-art{background-position:50% 0}.home-game[data-game=DOTA_2] .home-game-art{background-position:50% 25%}.home-game[data-game=AION_2] .home-game-art{background-position:50% 30%}.home-game[data-game=RAINBOW_SIX] .home-game-art{background-position:50% 18%}.home-game:after{z-index:-1;background:linear-gradient(115deg, transparent 35%, rgb(var(--game-rgb) / 14%) 50%, transparent 65%) -160% 0 / 250% 100% no-repeat, linear-gradient(#ffffff08 1px, transparent 1px) 0 0 / 100% 36px, linear-gradient(90deg, #ffffff08 1px, transparent 1px) 0 0 / 36px 100%;pointer-events:none;content:"";transition:background-position .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.home-game:hover:after{background-position:160% 0,0 0,0 0}.home-game-icon{border:1px solid rgb(var(--game-rgb) / 26%);background:radial-gradient(circle at 30% 20%, rgb(var(--game-rgb) / 22%), transparent 70%), var(--surface-inset);width:56px;height:56px;box-shadow:inset 0 1px 0 #ffffff0d, 0 10px 22px -16px rgb(var(--game-rgb) / 80%);border-radius:14px;place-items:center;display:grid}.home-game-icon img{object-fit:contain;width:34px;height:34px}.home-game[data-game=DOTA_2] .home-game-icon img{width:30px;height:30px}.home-game[data-game=AION_2] .home-game-icon img{width:46px;height:46px}.home-game[data-game=EA_FC_27] .home-game-icon img{width:30px;height:30px}.home-game-body{flex-direction:column;gap:8px;margin-top:auto;display:flex}.home-game-name{font-family:var(--font-display);letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1.15}.home-game-live{font-size:var(--fs-meta);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.home-game-live b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.home-game-live:not(.is-live) .live-dot{background:var(--text-faint);box-shadow:none}.home-game-live.is-live .live-dot{animation:2.2s ease-out infinite home-live-pulse}.home-game-live-pending{color:var(--text-muted)}.home-game-cta{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--fs-label);letter-spacing:.2px;color:var(--text-secondary);transition:color var(--t), border-color var(--t), background-color var(--t);background:#0000002e;align-items:center;gap:4px;padding:5px 10px 5px 12px;font-weight:600;display:inline-flex;position:absolute;top:20px;right:20px}.home-game-cta svg{transition:transform var(--t);transform:rotate(-90deg)}.home-game:hover .home-game-cta{border-color:rgb(var(--game-rgb) / 40%);background:rgb(var(--game-rgb) / 12%);color:var(--text)}.home-game:hover .home-game-cta svg{transform:rotate(-90deg)translateY(2px)}@keyframes home-live-pulse{0%{box-shadow:0 0 #ff315873}70%{box-shadow:0 0 0 7px #ff315800}to{box-shadow:0 0 #ff315800}}.desktop-frame[data-motion=off] .home-game,.desktop-frame[data-motion=off] .home-game-mark,.desktop-frame[data-motion=off] .home-game-cta svg{transition:none}.desktop-frame[data-motion=off] .home-game:hover,.desktop-frame[data-motion=off] .home-game:hover .home-game-mark{transform:none}.desktop-frame[data-motion=off] .home-game-live .live-dot{animation:none}:root[data-theme=light] .home-game-cta{background:#fff9}:root[data-theme=light] .home-game[data-game=EA_FC_27] .home-game-mark img,:root[data-theme=light] .home-game[data-game=EA_FC_27] .home-game-icon img{filter:invert()}@media (width<=899px){.home{--home-gap:12px}.home-hint{flex-wrap:wrap;gap:12px;padding:14px}.home-hint-copy{flex-basis:calc(100% - 48px)}.home-hint-action{width:100%;min-height:42px}.home-games{grid-template-columns:repeat(2,minmax(0,1fr));min-height:calc(100dvh - 300px)}.home-game{gap:20px;min-height:176px;padding:16px}.home-game-cta{top:16px;right:16px}.home-game-icon{border-radius:12px;width:48px;height:48px}.home-game-icon img{width:30px;height:30px}.home-game-name{font-size:19px}.home-game:hover{transform:none}}@media (width<=560px){.home{flex-direction:column;min-height:calc(100dvh - 142px);display:flex}.home-hint{flex-wrap:nowrap;order:2;align-items:center;gap:10px;margin:10px 0 0;padding:8px 10px}.home-hint-copy{flex:auto;min-width:0}.home-hint-copy b{font-size:13px;line-height:1.25}.home-hint-copy p{display:none}.home-hint-action{flex:none;width:auto;min-height:34px;padding:0 12px}.home-games{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(104px,1fr);gap:10px;min-height:0}.home-game{gap:6px;min-height:0;padding:12px}.home-game-cta{display:none}.home-game-icon{border-radius:10px;width:38px;height:38px}.home-game-icon img{width:24px;height:24px}.home-game[data-game=AION_2] .home-game-icon img{width:34px;height:34px}.home-game-body{gap:4px}.home-game-name{font-size:17px}.home-game-live{gap:6px;font-size:12px}.home-game-mark{width:110px;height:110px}}@media (prefers-reduced-motion:reduce){.home-game,.home-game-mark,.home-game-cta svg{transition:none}.home-game:hover,.home-game:hover .home-game-mark{transform:none}.home-game-live .live-dot{animation:none}}.opening-setting{margin-bottom:22px}.opening-options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.opening-option{border:1px solid var(--border);border-radius:var(--r-md);min-height:44px;font-size:var(--fs-meta);text-align:left;color:var(--text-secondary);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast), background-color var(--t-fast);background:#ffffff05;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.opening-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.opening-option:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.opening-option:disabled{cursor:default;opacity:.55}.opening-option.is-selected{border-color:rgb(var(--accent-rgb) / 38%);background:rgb(var(--accent-rgb) / 8%);color:var(--text)}.opening-option-radio{border:1.5px solid var(--border-hover);border-radius:var(--r-full);width:16px;height:16px;transition:border-color var(--t-fast);flex:none;place-items:center;display:grid}.opening-option-radio:after{border-radius:var(--r-full);background:var(--accent);width:8px;height:8px;transition:transform var(--t-fast);content:"";transform:scale(0)}.opening-option.is-selected .opening-option-radio{border-color:var(--accent)}.opening-option.is-selected .opening-option-radio:after{transform:scale(1)}.opening-option-icon{width:22px;height:22px;color:var(--text-muted);flex:none;place-items:center;display:grid}.opening-option-icon img{object-fit:contain;width:20px;height:20px}.opening-option[data-game=DOTA_2] .opening-option-icon img{width:22px;height:22px}.opening-option[data-game=AION_2] .opening-option-icon img{width:26px;height:26px}.opening-option[data-game=EA_FC_27] .opening-option-icon img{width:18px;height:18px}:root[data-theme=light] .opening-option[data-game=EA_FC_27] .opening-option-icon img{filter:invert()}.opening-option.is-selected .opening-option-icon{color:var(--accent)}.opening-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.opening-setting-note{font-size:var(--fs-meta);color:var(--text-muted);margin-top:10px;line-height:1.5}@media (width<=899px){.opening-options{grid-template-columns:minmax(0,1fr)}.opening-option{min-height:48px}}.home-challenge{isolation:isolate;border:1px solid var(--accent-border);border-radius:var(--r-lg);background:radial-gradient(90% 70% at 100% 0, rgb(var(--accent-rgb) / 14%), transparent 70%), linear-gradient(180deg, rgb(var(--accent-rgb) / 4%), transparent 45%), var(--surface);min-width:0;min-height:220px;box-shadow:var(--shadow-card);color:var(--text);transition:transform var(--t), border-color var(--t), box-shadow var(--t);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.home-challenge:not(.is-empty):hover{border-color:var(--accent-ring);box-shadow:var(--shadow-raised), 0 18px 40px -26px rgb(var(--accent-rgb) / 70%);transform:translateY(-3px)}.home-challenge-open{z-index:1;border-radius:inherit;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.home-challenge-open:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-ring), 0 0 0 3px var(--focus-ring);outline:none}.home-challenge-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.home-challenge-eyebrow{font-size:var(--fs-label);letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;color:var(--accent);font-weight:700}.home-challenge-game{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-2);font-size:var(--fs-label);text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);padding:2px 8px;font-weight:600;overflow:hidden}.home-challenge-thumb{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-inset);flex:auto;min-height:96px;display:block;position:relative;overflow:hidden}.home-challenge-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.home-challenge:hover .home-challenge-thumb img{transform:scale(1.05)}.home-challenge-thumb.is-loading{animation:1.4s ease-in-out infinite home-challenge-pulse}.home-challenge.is-empty .home-challenge-thumb{background:repeating-linear-gradient(135deg, transparent 0 14px, rgb(var(--accent-rgb) / 5%) 14px 28px), var(--surface-inset)}.home-challenge-play{border-radius:var(--r-full);background:var(--accent);width:36px;height:36px;color:var(--on-accent);place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 8px 22px -8px #000000b3}.home-challenge-play svg{width:15px;height:15px}.home-challenge-thumb-info{color:#fff;background:linear-gradient(#0000,#000000d9 55%);flex-direction:column;gap:3px;padding:32px 12px 10px;display:flex;position:absolute;inset:auto 0 0}.home-challenge-thumb-info b{font-family:var(--font-display);letter-spacing:-.2px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.home-challenge-thumb-info span{font-size:var(--fs-meta);text-overflow:ellipsis;white-space:nowrap;color:#fffc;overflow:hidden}.home-challenge-empty{flex-direction:column;justify-content:center;gap:6px;padding:14px;display:flex;position:absolute;inset:0}.home-challenge-empty b{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2}.home-challenge-empty span{font-size:var(--fs-meta);color:var(--text-secondary)}.home-challenge-actions{flex-wrap:wrap;gap:8px;display:flex}.home-challenge-cta{border-radius:var(--r-md);background:var(--accent);min-height:34px;font-size:var(--fs-meta);white-space:nowrap;color:var(--on-accent);transition:background-color var(--t);border:1px solid #0000;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.home-challenge-cta svg{transform:rotate(-90deg)}.home-challenge-cta.is-quiet{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}button.home-challenge-cta{z-index:2;cursor:pointer;position:relative}button.home-challenge-cta:hover{border-color:var(--accent-ring)}button.home-challenge-cta:focus-visible,.home-challenge-game-link:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.home-challenge-open:hover~.home-challenge-actions span.home-challenge-cta{background:var(--accent-hover)}.home-challenge-game-link{z-index:2;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-meta);color:var(--text);transition:border-color var(--t), background-color var(--t);align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex;position:relative}.home-challenge-game-link>svg{color:var(--accent);flex:none}.home-challenge-game-link b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.home-challenge-game-link:hover{border-color:var(--accent-border);background:var(--surface-hover)}.home-challenge-game-go{color:var(--accent);flex:none;align-items:center;gap:4px;font-weight:700;display:inline-flex}.home-challenge-game-go svg{transform:rotate(-90deg)}@keyframes home-challenge-pulse{50%{opacity:.55}}@media (width<=1600px){span.home-challenge-cta{display:none}}@media (width<=899px){.home-challenge{min-height:176px;padding:14px}.home-challenge:not(.is-empty):hover{transform:none}}@media (width<=560px){.home-challenge{gap:0;min-height:0;padding:0}.home-challenge-head{z-index:1;pointer-events:none;position:absolute;top:8px;left:8px}.home-challenge-eyebrow{border-radius:var(--r-full);background:var(--accent);letter-spacing:.8px;color:var(--on-accent);padding:3px 7px;font-size:9.5px}.home-challenge-game,.home-challenge-game-link,span.home-challenge-cta{display:none}.home-challenge-thumb{border:0;border-radius:0;min-height:0}.home-challenge-play{color:#fff;background:#0009;width:24px;height:24px;top:7px;right:7px;box-shadow:0 0 0 1px #ffffff40}.home-challenge-play svg{width:11px;height:11px}.home-challenge-thumb-info{gap:1px;padding:24px 9px 8px}.home-challenge-thumb-info b{font-family:inherit;font-size:13px}.home-challenge-thumb-info span{font-size:10.5px}.home-challenge:not(.is-empty) .home-challenge-actions{display:none}.home-challenge-empty{justify-content:flex-end;gap:2px;padding:30px 10px 6px}.home-challenge-empty b{font-family:inherit;font-size:13px}.home-challenge-empty span{display:none}.home-challenge-actions{padding:0 8px 8px}.home-challenge-cta{min-height:28px;font-size:12px}}@media (prefers-reduced-motion:reduce){.home-challenge,.home-challenge-thumb img{transition:none}.home-challenge:not(.is-empty):hover,.home-challenge:hover .home-challenge-thumb img{transform:none}.home-challenge-thumb.is-loading{animation:none}}.desktop-frame[data-motion=off] .home-challenge,.desktop-frame[data-motion=off] .home-challenge-thumb img{transition:none}.desktop-frame[data-motion=off] .home-challenge:not(.is-empty):hover,.desktop-frame[data-motion=off] .home-challenge:hover .home-challenge-thumb img{transform:none}.desktop-frame[data-motion=off] .home-challenge-thumb.is-loading{animation:none}.clips-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"main side""comments side";align-items:start;gap:20px 24px;display:grid}.clips-main{grid-area:main;min-width:0}.clips-side{grid-area:side;min-width:0;position:sticky;top:16px}.clip-player{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-card);background:#000;position:relative;overflow:hidden}.clip-player iframe{border:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.clip-player.is-loading iframe{opacity:0}.clip-player-cover{place-items:center;display:grid;position:absolute;inset:0}.clip-player-cover img{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.clip-player-cover .spinner{border-width:3px;width:32px;height:32px;position:relative}.clip-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 20px;margin-top:16px;display:flex}.clip-info-copy{flex:280px;min-width:0}.clip-game{border:1px solid var(--accent-border);border-radius:var(--r-full);background:var(--accent-soft);font-size:var(--fs-label);letter-spacing:.3px;color:var(--accent);padding:3px 9px;font-weight:700;display:inline-block}.clip-title{font-family:var(--font-display);letter-spacing:-.3px;color:var(--text);overflow-wrap:anywhere;margin-top:8px;font-size:22px;font-weight:700;line-height:1.2}.clip-streamer{font-size:var(--fs-body);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px;display:flex}.clip-streamer b{color:var(--text);font-weight:650}.clip-source{font-size:var(--fs-meta);color:var(--text-muted);transition:color var(--t-fast);align-items:center;gap:4px;margin-left:8px;text-decoration:none;display:inline-flex}.clip-source:hover{color:var(--accent)}.clip-actions{flex-wrap:wrap;gap:8px;display:flex}.clip-action{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);min-height:36px;font-size:var(--fs-meta);color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;gap:7px;padding:0 13px;font-weight:600;display:inline-flex}.clip-action:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.clip-action:disabled{cursor:default;opacity:.7}.clip-action.is-on{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.clip-action:focus-visible,.clip-option:focus-visible,.clip-cta:focus-visible,.clip-comment-delete:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.clip-notice{font-size:var(--fs-meta);color:var(--text-secondary);margin-top:10px}.clip-notice.is-error{color:var(--danger)}.clip-challenge{border:1px solid var(--accent-border);border-radius:var(--r-lg);background:radial-gradient(110% 60% at 100% 0, rgb(var(--accent-rgb) / 11%), transparent 70%), var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:20px;display:flex}.clip-eyebrow{font-size:var(--fs-label);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);font-weight:700}.clip-challenge-title{font-family:var(--font-display);letter-spacing:-.3px;color:var(--text);font-size:20px;font-weight:700;line-height:1.2}.clip-challenge-note,.clip-challenge-foot{font-size:var(--fs-meta);color:var(--text-secondary);line-height:1.5}.clip-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 4px;display:grid}.clip-option{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);min-height:40px;font-size:var(--fs-body);color:var(--text);cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);padding:6px 10px;font-weight:600}.clip-rank{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.clip-rank img{object-fit:contain;flex:none;width:22px;height:22px}.clip-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover)}.clip-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.clip-option:disabled{cursor:default;opacity:.6}.clip-cta{border-radius:var(--r-md);background:var(--accent);min-height:40px;font-size:var(--fs-body);color:var(--on-accent);cursor:pointer;transition:background-color var(--t-fast), opacity var(--t-fast);border:0;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-weight:700;display:inline-flex}.clip-cta:hover:not(:disabled){background:var(--accent-hover)}.clip-cta:disabled{cursor:default;opacity:.5}.clip-cta.is-compact{min-height:34px;font-size:var(--fs-meta);padding:0 14px}.clip-answer{font-size:var(--fs-body);color:var(--text-secondary)}.clip-answer b{color:var(--accent);font-weight:700}.clip-bars{flex-direction:column;gap:10px;margin:8px 0 4px;padding:0;list-style:none;display:flex}.clip-bar-row{min-height:24px;font-size:var(--fs-meta);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;display:flex}.clip-bar-label{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;font-weight:600;display:inline-flex}.clip-bar-pct{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.clip-bar-tag{border:1px solid var(--border-strong);border-radius:var(--r-full);letter-spacing:.2px;color:var(--text-secondary);padding:1px 7px;font-size:10px;font-weight:600}.clip-bar-track{border-radius:var(--r-full);background:var(--surface-inset);height:8px;box-shadow:inset 0 0 0 1px var(--border);margin-top:5px;overflow:hidden}.clip-bar-fill{border-radius:inherit;background:var(--text-faint);min-width:0;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1);display:block}.clip-bar.is-correct .clip-bar-row{color:var(--accent)}.clip-bar.is-correct .clip-bar-fill{background:var(--accent)}.clip-bar.is-mine:not(.is-correct) .clip-bar-row{color:var(--text)}.clip-bar.is-mine:not(.is-correct) .clip-bar-fill{background:var(--text-muted)}.clip-comments{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);grid-area:comments;padding:20px;scroll-margin-top:16px}.clip-comments-title{font-size:var(--fs-section);color:var(--text);align-items:center;gap:8px;font-weight:700;display:flex}.clip-comments-count{border-radius:var(--r-full);background:var(--surface-active);font-size:var(--fs-label);color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:1px 8px;font-weight:700}.clip-comment-form{margin-top:14px}.clip-comment-form textarea{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-inset);width:100%;min-height:64px;font:inherit;font-size:var(--fs-body);color:var(--text);resize:vertical;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:10px 12px;line-height:1.5;display:block}.clip-comment-form textarea::placeholder{color:var(--text-muted)}.clip-comment-form textarea:focus{border-color:var(--accent-ring);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.clip-comment-form-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.clip-comment-counter{font-size:var(--fs-label);color:var(--text-muted);font-variant-numeric:tabular-nums}.clip-login-hint{border:1px dashed var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-meta);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding:10px 14px;display:flex}.clip-comment-list{overscroll-behavior:contain;flex-direction:column;max-height:392px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.clip-comment{border-top:1px solid var(--hairline);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.clip-comment:first-child{border-top:0}.clip-comment-body{flex:1;min-width:0}.clip-comment-meta{font-size:var(--fs-meta);color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.clip-comment-meta b{color:var(--text);font-weight:650}.clip-comment-text{font-size:var(--fs-body);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px;line-height:1.5}.clip-comment-like{border-radius:var(--r-sm);height:28px;font-size:var(--fs-meta);color:var(--text-muted);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);background:0 0;border:0;flex:none;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.clip-comment-like:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.clip-comment-like.is-on{color:var(--danger)}.clip-comment-delete{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);background:0 0;border:0;flex:none;place-items:center;display:grid}.clip-comment-delete:hover:not(:disabled){background:var(--surface-hover);color:var(--danger)}.clip-comments-state{font-size:var(--fs-body);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:28px 12px 12px;display:flex}.clip-comments-more{margin:12px auto 0;display:flex}.clip-skeleton{border-color:var(--border);background:var(--surface-2);animation:1.4s ease-in-out infinite clip-skeleton-pulse}.clip-skeleton-line{border-radius:var(--r-sm);height:14px;margin-top:14px}.clip-skeleton-line.is-short{width:40%}.clip-comment-body .clip-skeleton-line{margin-top:6px}.clip-skeleton-card{min-height:320px}.clip-skeleton-avatar{border-radius:var(--r-full);flex:none;width:26px;height:26px}@keyframes clip-skeleton-pulse{50%{opacity:.5}}@media (width<=1100px){.clips-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""side""comments"}.clips-side{position:static}.clip-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.clip-title{font-size:19px}.clip-challenge,.clip-comments{padding:16px}.clip-options{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-actions{width:100%}.clip-action{flex:1;justify-content:center}.clip-source{margin-left:0}}@media (prefers-reduced-motion:reduce){.clip-skeleton{animation:none}.clip-bar-fill{transition:none}}.desktop-frame[data-motion=off] .clip-skeleton{animation:none}.desktop-frame[data-motion=off] .clip-bar-fill{transition:none}.clip-overlay{place-items:start center;overflow-y:auto}.clip-modal{width:min(1180px,100%);padding:var(--s6);display:block}.clip-modal-eyebrow{margin-bottom:var(--s4);padding-right:var(--s8)}.clip-modal .clips-side{position:static}.clip-submit{width:min(440px,100%)}.clip-submit-hint{font-size:var(--fs-meta);color:var(--text-muted);margin-top:-4px;line-height:1.45}.clip-submit-hint.is-ok{color:var(--success)}@media (width<=899px){.clip-overlay{padding:0}.clip-modal{min-height:100dvh;padding:var(--s8) var(--s4) var(--s6);border:0;border-radius:0}}.clip-rating{gap:14px}.clip-score{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 12px;display:flex}.clip-score-value{font-family:var(--font-display);color:var(--text-muted);align-items:baseline;gap:4px;line-height:1;display:flex}.clip-score-value b{letter-spacing:-2px;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 28px rgb(var(--accent-rgb) / 35%);font-size:56px;font-weight:800}.clip-score-value span{font-size:18px;font-weight:600}.clip-score-value.is-pending b{color:var(--text-secondary);text-shadow:none}.clip-score-foot{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--fs-label);background:#ffffff08;padding:4px 10px;font-weight:600}.clip-score-meter{border-radius:var(--r-full);background:var(--surface-inset);height:6px;box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.clip-score-meter span{border-radius:inherit;background:linear-gradient(90deg, rgb(var(--accent-rgb) / 55%), var(--accent));height:100%;box-shadow:0 0 12px rgb(var(--accent-rgb) / 55%);display:block}.clip-score-bars{border-top:1px solid var(--border);grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;margin:2px 0 0;padding:12px 0 0;list-style:none;display:grid}.clip-score-bar{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.clip-score-bar-count{min-height:12px;color:var(--text-secondary);font-size:10px;line-height:12px}.clip-score-bar-track{background:#ffffff08;border-radius:6px;align-items:flex-end;width:100%;height:52px;display:flex;overflow:hidden}.clip-score-bar-track:after{content:none}.clip-score-bar-fill{background:linear-gradient(180deg, rgb(var(--accent-rgb) / 60%), rgb(var(--accent-rgb) / 30%));border-radius:6px;width:100%;transition:height .3s cubic-bezier(.2,.8,.2,1);display:block}.clip-score-bar.is-mine,.clip-score-bar.is-mine .clip-score-bar-count{color:var(--accent)}.clip-score-bar.is-mine .clip-score-bar-fill{background:linear-gradient(180deg, var(--accent), rgb(var(--accent-rgb) / 70%));box-shadow:0 0 14px rgb(var(--accent-rgb) / 45%)}.clip-score-bar.is-mine .clip-score-bar-label{position:relative}.clip-score-bar.is-mine .clip-score-bar-label:after{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.clip-mine{border:1px solid var(--accent-border);border-radius:var(--r-md);background:rgb(var(--accent-rgb) / 7%);align-items:center;gap:14px;padding:12px 14px;display:flex}.clip-mine-badge{border-radius:var(--r-md);background:var(--accent);width:46px;height:46px;font-family:var(--font-display);color:var(--on-accent,#fff);box-shadow:0 8px 18px -10px rgb(var(--accent-rgb) / 80%);flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.clip-mine-text{flex-direction:column;gap:2px;min-width:0;display:flex}.clip-mine-text .clip-challenge-title{font-size:16px}.clip-rating-form{flex-direction:column;gap:10px;display:flex}.clip-scores{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:2px 0;display:grid}.clip-scores .clip-option{font-variant-numeric:tabular-nums;padding:6px 0}.clip-submission{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.clip-submission-title{color:var(--text);overflow-wrap:anywhere;font-weight:700}.clip-submission-meta{font-size:var(--fs-meta);color:var(--text-secondary)}.clip-submission-meta a{color:var(--accent)}.clip-submission-actions{flex-wrap:wrap;gap:8px;display:flex}.clip-submission-actions .btn{align-items:center;gap:6px;display:inline-flex}.clip-submit-prompt{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:14px;padding:14px 16px;display:flex}.clip-submit-prompt-icon{border-radius:var(--r-full);background:var(--surface-inset);width:40px;height:40px;color:var(--text);flex:none;place-items:center;display:grid}.clip-submit-prompt-copy{min-width:0;font-size:var(--fs-meta);color:var(--text-secondary);flex-direction:column;flex:220px;gap:2px;line-height:1.4;display:flex}.clip-submit-prompt-copy b{font-size:var(--fs-body);color:var(--text);font-weight:700}.clip-submit-prompt-action{flex:none}@media (width<=560px){.clip-submit-prompt-action{width:100%;min-height:42px}}.clip-reactions{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);gap:2px;padding:2px;display:inline-flex}.clip-reaction{border-radius:var(--r-full);min-height:32px;font-size:var(--fs-meta);color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:0 11px;font-weight:600;display:inline-flex}.clip-reaction-emoji{font-size:17px;line-height:1}.clip-reaction:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.clip-reaction.is-on{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.clip-reaction:disabled{cursor:default;opacity:.7}.clip-reaction:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.clip-won{text-align:center;max-width:400px}.clip-won-emoji{margin-bottom:var(--s3);font-size:44px;line-height:1}.clip-won h2{margin:0 0 var(--s2)}.clip-won p{margin:0 0 var(--s4)}.clip-won-actions{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}:root{--tone-win:#34d399;--tone-near:#f5b82e;--tone-far:#f87171}.elo-game-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px 24px;display:grid}:is(.elo-game-layout:has(.elo-result),.elo-game-layout:has(.elo-pick)){grid-template-columns:minmax(0,1fr) minmax(300px,360px)}:is(.elo-game-layout:has(.elo-result) .elo-game-side,.elo-game-layout:has(.elo-pick) .elo-game-side){max-width:none}:is(.elo-game-layout:has(.elo-pick),.elo-game-layout:has(.elo-result)){align-items:stretch}:is(.elo-game-layout:has(.elo-pick) .elo-game-side>.elo-podium,.elo-game-layout:has(.elo-result) .elo-game-side>.elo-podium){height:100%}.elo-game-side>.elo-podium .elo-podium-foot{margin-top:auto}.elo-weekly-clip{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid var(--border)}.elo-weekly-clip>.clip-eyebrow{margin-bottom:var(--s4)}.elo-game-main{min-width:0}.elo-game-side{min-width:0;max-width:720px}.elo-guest,.elo-steps{scroll-margin-top:12px}.elo-guest{border:1px dashed var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:16px;padding:12px 16px;display:flex}.elo-guest-copy{flex:320px;min-width:0}.elo-guest-copy b{font-size:var(--fs-body);color:var(--text);font-weight:700}.elo-guest-copy p{font-size:var(--fs-meta);color:var(--text-secondary);margin-top:2px;line-height:1.5}.elo-steps{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.elo-step{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-2);min-height:36px;font-size:var(--fs-meta);color:var(--text-secondary);cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast), color var(--t-fast);align-items:center;gap:8px;padding:0 12px 0 6px;font-weight:600;display:inline-flex}.elo-step:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.elo-step:disabled{cursor:default;opacity:.5}.elo-step[aria-current=step]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.elo-step:focus-visible,.elo-result-row:focus-visible,.elo-tabs button:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.elo-step-n{border-radius:var(--r-full);background:var(--surface-inset);width:24px;height:24px;font-size:var(--fs-label);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid}.elo-step.is-done .elo-step-n{background:var(--accent);color:var(--on-accent)}.elo-step-game{color:var(--text);padding-left:12px}.elo-game-icon{object-fit:contain;flex:none;width:20px;height:20px}.elo-step-points{font-variant-numeric:tabular-nums;color:var(--text-muted)}.elo-steps-score{font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--text-secondary);margin-left:auto}.elo-steps-score b{font-family:var(--font-display);color:var(--text);font-size:20px}.elo-stage,.elo-skeleton{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:20px 24px;display:grid}.elo-stage{grid-template-rows:auto 1fr;row-gap:14px}.elo-stage>.clip-player{grid-area:1/1/span 2}.elo-stage>:not(.clip-player){grid-area:1/2;align-self:start}.elo-stage>.elo-stage-ranking{grid-area:2/2;align-self:stretch;min-width:0}.elo-stage-ranking>.elo-podium{justify-content:space-between;height:100%}.elo-game-layout:has(.elo-stage) .elo-game-side{display:none}.elo-guess{gap:8px;padding:16px 18px}.elo-guess .clip-options{grid-template-columns:minmax(0,1fr);gap:6px;margin:2px 0}.elo-guess .clip-option{justify-content:flex-start;align-items:center;gap:12px;min-height:38px;padding:6px 12px;display:flex;position:relative}.elo-guess .clip-rank{gap:10px}.elo-option-letter{border:1px solid var(--border-strong);border-radius:var(--r-full);width:22px;height:22px;font-family:var(--font-display);color:var(--text-muted);flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.clip-option[aria-checked=true] .elo-option-letter{border-color:var(--accent);color:var(--accent)}.elo-guess .clip-cta{justify-content:center;width:100%}.elo-reveal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.elo-points{border:1px solid var(--border-strong);border-radius:var(--r-full);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;padding:3px 10px;font-weight:700}.elo-points[data-tone=win]{border-color:color-mix(in srgb, var(--tone-win) 45%, transparent);background:color-mix(in srgb, var(--tone-win) 12%, transparent);color:var(--tone-win)}.elo-points[data-tone=near]{border-color:color-mix(in srgb, var(--tone-near) 45%, transparent);background:color-mix(in srgb, var(--tone-near) 12%, transparent);color:var(--tone-near)}.elo-points[data-tone=far]{border-color:color-mix(in srgb, var(--tone-far) 45%, transparent);background:color-mix(in srgb, var(--tone-far) 12%, transparent);color:var(--tone-far)}.elo-reveal{gap:6px;padding-top:16px}.elo-reveal-head{margin-bottom:-2px}.elo-reveal .clip-answer{margin-top:-2px}.elo-reveal .clip-bar.is-mine,.elo-reveal .clip-bar.is-correct{--mark:var(--tone-far);border-radius:var(--r-md);background:color-mix(in srgb, var(--mark) 18%, transparent);box-shadow:inset 0 0 0 2px var(--mark), 0 0 16px -4px color-mix(in srgb, var(--mark) 60%, transparent);margin:0 -10px;padding:6px 10px 7px}.elo-reveal .clip-bar.is-mine[data-tone=near]{--mark:var(--tone-near)}.elo-reveal .clip-bar.is-correct{--mark:var(--tone-win)}.elo-reveal .clip-bar.is-mine .clip-bar-row,.elo-reveal .clip-bar.is-correct .clip-bar-row{color:var(--text);font-weight:700}.elo-reveal .clip-bar.is-mine .clip-bar-fill,.elo-reveal .clip-bar.is-correct .clip-bar-fill{background:var(--mark)}.elo-reveal .clip-bar.is-correct .clip-bar-row svg{color:var(--tone-win)}.elo-reveal .clip-bar.is-mine .clip-bar-tag,.elo-reveal .clip-bar .clip-bar-tag.is-answer{border-color:var(--mark);background:var(--mark);letter-spacing:.3px;text-transform:uppercase;color:#0b1220;padding:2px 9px;font-size:11px;font-weight:800}.elo-reveal .clip-bar .clip-bar-tag.is-answer{border-color:var(--tone-win);background:var(--tone-win)}.elo-votes{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-inset);font-size:var(--fs-meta);color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:3px 12px;display:flex}.elo-votes svg{color:var(--accent)}.elo-votes b{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);font-size:14px}.clip-answer:has(.elo-answer-title){justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:24px;line-height:1.4;display:flex}.elo-answer-title{min-width:0;color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.elo-answer-title svg{color:var(--accent);flex:none;display:block}.elo-answer-title span{white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.4;overflow:hidden}.clip-answer:has(.elo-answer-title) .elo-true-rank{flex:none;line-height:1.4}.elo-true-rank .clip-rank{gap:3px;line-height:1.4}.elo-true-rank .clip-rank img{width:20px;height:20px}.elo-true-rank .clip-rank span{display:block}.elo-true-rank{color:var(--text);align-items:center;gap:4px;font-weight:700;display:inline-flex}.elo-true-rank .clip-rank{color:var(--tone-win)}.elo-quip{z-index:60;border:1px solid var(--accent-border);border-radius:var(--r-lg);background:radial-gradient(120% 120% at 0 0, rgb(var(--accent-rgb) / 16%), transparent 65%), var(--surface-2);width:min(460px,100vw - 32px);box-shadow:var(--shadow-pop);flex-direction:column;gap:8px;padding:14px 40px 14px 16px;animation:.28s cubic-bezier(.2,.8,.2,1) both elo-quip-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.elo-quip.is-win{border-color:var(--accent);box-shadow:var(--shadow-pop), 0 0 28px -6px rgb(var(--accent-rgb) / 60%)}.elo-quip.is-miss{border-color:var(--border-strong);background:var(--surface-2)}.elo-quip-text{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700;line-height:1.3}.elo-quip-meta{font-size:var(--fs-meta);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;display:flex}.elo-quip-meta b{color:var(--text)}.elo-quip-close{border-radius:var(--r-full);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1;position:absolute;top:6px;right:8px}.elo-quip-close:hover{background:var(--surface-hover);color:var(--text)}@keyframes elo-quip-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (width<=767px){.elo-quip{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.elo-quip{animation:none}}.elo-pick{border:1px solid var(--accent-border);border-radius:var(--r-lg);background:radial-gradient(70% 60% at 0 0, rgb(var(--accent-rgb) / 16%), transparent 70%), var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:22px;padding:28px;display:flex}.elo-pick-head{align-items:center;gap:18px;display:flex}.elo-pick-copy{gap:6px;min-width:0;display:grid}.elo-pick-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.elo-pick-wrap{flex-wrap:wrap;align-items:stretch;gap:20px 24px;display:flex}.elo-game-main>.elo-pick-wrap{height:100%}.elo-pick-wrap>.elo-pick .elo-pick-games{flex:1}.elo-pick-wrap>.elo-pick{flex:560px;gap:18px;min-width:0;padding:22px}.elo-pick-wrap>.elo-pick .elo-pick-game{min-height:230px;padding:18px}.elo-pick-wrap>.elo-result-promos{flex:0 260px}.elo-pick-game{--game:200 155 60;border:1px solid rgb(var(--game) / 35%);border-radius:var(--r-lg);background:var(--surface-2);min-height:300px;color:var(--text);text-align:left;cursor:pointer;isolation:isolate;transition:transform var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.elo-pick-game[data-game=VALORANT]{--game:255 70 85}.elo-pick-game:after{z-index:-1;background:linear-gradient(180deg, rgb(var(--game) / 14%) 0%, transparent 35%), linear-gradient(0deg, var(--surface) 8%, #0000008c 60%, #00000040 100%);content:"";position:absolute;inset:0}.elo-pick-art{z-index:-2;object-fit:cover;opacity:.55;width:100%;height:100%;transition:transform .4s ease, opacity var(--t-fast);position:absolute;inset:0}.elo-pick-game:hover:not(:disabled){border-color:rgb(var(--game) / 70%);box-shadow:0 18px 44px -24px rgb(var(--game) / 80%);transform:translateY(-2px)}.elo-pick-game:hover:not(:disabled) .elo-pick-art{opacity:.7;transform:scale(1.04)}.elo-pick-game:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.elo-pick-game:disabled{cursor:default;filter:grayscale(.8);opacity:.6}.elo-pick-top{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:auto;display:flex}.elo-pick-top .elo-game-icon{filter:drop-shadow(0 2px 8px #0009);width:40px;height:40px}.elo-pick-status{border-radius:var(--r-full);font-size:var(--fs-label);letter-spacing:.4px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff2e;padding:4px 10px;font-weight:700}.elo-pick-game[data-state=new] .elo-pick-status{border-color:rgb(var(--game) / 60%);background:rgb(var(--game) / 30%)}.elo-pick-game[data-state=done] .elo-pick-status{background:#34d39933;border-color:#34d39980}.elo-pick-name{font-family:var(--font-display);letter-spacing:-.4px;text-shadow:0 2px 12px #0009;font-size:26px;font-weight:700;line-height:1.1}.elo-pick-meta{font-size:var(--fs-body);color:var(--text-secondary)}.elo-pick-dots{gap:6px;margin:2px 0 6px;display:flex}.elo-pick-dots i{border-radius:var(--r-full);background:#ffffff2e;width:28px;height:6px}.elo-pick-dots i.is-done{background:var(--tone-near)}.elo-pick-dots i.is-win{background:var(--tone-win)}.elo-pick-dots i.is-miss{background:var(--tone-far)}.elo-pick-progress{font-size:var(--fs-label);letter-spacing:.6px;text-transform:uppercase;color:var(--accent);font-weight:700}.elo-pick-cta{letter-spacing:1.5px;pointer-events:none;gap:8px;width:100%;padding-block:14px;font-size:16px}.elo-pick-game[data-state=done] .elo-pick-cta{border-color:var(--border-strong);color:var(--text);letter-spacing:.3px;background:#0006}.elo-pick-foot{font-size:var(--fs-meta);color:var(--text-secondary);flex-wrap:wrap;gap:8px;display:flex}.elo-pick-foot>span{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);padding:6px 12px}.elo-pick-legend{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);width:fit-content;font-size:var(--fs-meta);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 14px;display:inline-flex}.elo-pick-legend b{color:var(--text)}.elo-result-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.elo-result-top>.clip-eyebrow{margin:0}.elo-result-top>.elo-pick-legend{font-size:var(--fs-label);gap:4px 10px;margin-left:auto;padding:4px 10px}.elo-result-top>.elo-pick-legend>span{gap:4px}.elo-result-top>.elo-pick-legend>span>i{width:10px;height:5px}.elo-pick-legend>span{align-items:center;gap:6px;display:inline-flex}.elo-pick-legend>span>i{border-radius:var(--r-full);width:14px;height:6px}.elo-pick-legend>[data-tone=win]>i{background:var(--tone-win)}.elo-pick-legend>[data-tone=near]>i{background:var(--tone-near)}.elo-pick-legend>[data-tone=far]>i{background:var(--tone-far)}.elo-pick-legend>em{color:var(--text-muted,var(--text-secondary));font-size:var(--fs-label);letter-spacing:.6px;text-transform:uppercase;font-style:normal}.elo-pick-foot b,.elo-pick-foot .elo-countdown{color:var(--text)}.elo-pick-foot>span:last-child{margin-left:auto}.elo-intro-mark{border:1px solid var(--accent-border);border-radius:var(--r-full);background:var(--accent-soft);width:64px;height:64px;box-shadow:0 0 36px -6px rgb(var(--accent-rgb) / 55%);color:var(--accent);flex:none;place-items:center;display:grid}.elo-intro-title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);font-size:28px;font-weight:700;line-height:1.15}.elo-intro-note{max-width:560px;font-size:var(--fs-body);color:var(--text-secondary);line-height:1.5}.elo-result{flex:0 640px;max-width:640px}.elo-result-wrap{flex-wrap:wrap;align-items:stretch;gap:20px 24px;display:flex}.elo-result-promos{flex-direction:column;flex:240px;gap:12px;min-width:0;display:flex}@media (width>=1200px){html[data-screen-profile="1920x1200"] .elo-result-wrap{flex-wrap:nowrap}html[data-screen-profile="1920x1200"] .elo-result{min-width:440px}html[data-screen-profile="1920x1200"] .elo-result-promos{flex:1 0 240px}}.elo-promo{border:1px solid var(--accent-border);border-radius:var(--r-lg);color:var(--text);text-align:center;isolation:isolate;background:linear-gradient(160deg,#0b0d12 0%,#07080b 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.elo-promo:before{z-index:-1;background-image:radial-gradient(circle, rgb(var(--accent-rgb) / 90%) 0 38%, transparent 42%);content:"";background-size:11px 11px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 70% at 0 0,#000 0%,#0000008c 24%,#0000002e 48%,#0000 76%);mask-image:radial-gradient(120% 70% at 0 0,#000 0%,#0000008c 24%,#0000002e 48%,#0000 76%)}.elo-promo:after{z-index:-1;background-image:radial-gradient(circle, rgb(var(--accent-rgb) / 70%) 0 38%, transparent 42%);content:"";background-size:11px 11px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 45% at 100% 100%,#000 0%,#0000004d 40%,#0000 72%);mask-image:radial-gradient(90% 45% at 100% 100%,#000 0%,#0000004d 40%,#0000 72%)}.elo-promo-actions{gap:8px;width:100%;display:grid}.elo-promo-icon{border:1px solid var(--accent-border);border-radius:var(--r-full);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.elo-promo-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.elo-promo-copy b{font-size:var(--fs-body)}.elo-promo-copy span{font-size:var(--fs-meta);color:var(--text-secondary);line-height:1.4}.elo-result-score{font-size:var(--fs-body);color:var(--text-secondary);font-weight:500}.elo-result-score b{font-family:var(--font-display);letter-spacing:-1px;color:var(--accent);font-size:44px;font-weight:700;line-height:1}.elo-result-list{gap:6px;margin:6px 0;padding:0;list-style:none;display:grid}.elo-result-row{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);width:100%;min-height:44px;font-size:var(--fs-body);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast);align-items:center;gap:12px;padding:6px 12px;display:flex}.elo-result-row:hover{border-color:var(--border-hover);background:var(--surface-hover)}.elo-result-n{font-variant-numeric:tabular-nums;width:18px;color:var(--text-muted);flex:none;font-weight:700}.elo-result-ranks{flex-wrap:wrap;flex:1;align-items:center;gap:4px 10px;min-width:0;font-weight:600;display:flex}.elo-result-arrow{color:var(--text-muted)}.clip-rank[data-tone=win]{color:var(--tone-win)}.clip-rank[data-tone=near]{color:var(--tone-near)}.clip-rank[data-tone=far]{color:var(--tone-far)}.elo-result-next{font-size:var(--fs-meta);color:var(--text-secondary)}.elo-countdown{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.elo-result-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.elo-ranking{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:18px;display:flex}.elo-ranking-title{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.elo-ranking-title svg{color:var(--accent)}.elo-podium{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:16px;display:flex}.elo-podium-head{gap:10px;display:grid}.elo-podium .elo-ranking-title{font-size:16px}.elo-podium-games{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-inset);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.elo-podium-games button{border-radius:var(--r-full);height:30px;font-size:var(--fs-meta);color:var(--text-muted);cursor:pointer;transition:color var(--t-fast), background-color var(--t-fast);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.elo-podium-games button:hover{color:var(--text)}.elo-podium-games button[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border);color:var(--text)}.elo-podium-games button:not([aria-selected=true]) img{opacity:.55}.elo-podium-games img{object-fit:contain;width:16px;height:16px}.elo-podium-game{border-radius:var(--r-full);background:var(--accent-soft);height:30px;box-shadow:inset 0 0 0 1px var(--accent-border);font-size:var(--fs-meta);color:var(--text);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.elo-podium-game img{object-fit:contain;width:16px;height:16px}.elo-podium-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.elo-podium-row{--medal:#f5c542;border:1px solid color-mix(in srgb, var(--medal) 30%, var(--border));border-radius:var(--r-md);background:linear-gradient(90deg, color-mix(in srgb, var(--medal) 12%, transparent), transparent 70%), var(--surface-2);grid-template-columns:26px auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:3px 10px;display:grid}.elo-podium-row[data-place="2"]{--medal:#c3cad4}.elo-podium-row[data-place="3"]{--medal:#cd7f32}.elo-podium-row.is-me{box-shadow:inset 0 0 0 1px var(--accent)}.elo-medal{--medal:#f5c542;color:var(--medal);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--medal) 45%, transparent));grid-area:pos;place-items:center;display:grid}.elo-podium-row .elo-medal{grid-area:auto}.elo-medal[data-place="2"]{--medal:#c3cad4}.elo-medal[data-place="3"]{--medal:#cd7f32}.elo-medal svg circle{fill:color-mix(in srgb, var(--medal) 28%, transparent)}.elo-podium-name{font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-weight:600;overflow:hidden}.elo-podium-mmr{font-size:var(--fs-meta);color:var(--text-muted);white-space:nowrap}.elo-podium-mmr b{font-family:var(--font-display);color:var(--text);font-size:15px}.elo-podium-skeleton{border-radius:var(--r-md);height:38px}.elo-podium-empty{border:1px dashed var(--border);border-radius:var(--r-md);font-size:var(--fs-meta);text-align:center;color:var(--text-secondary);justify-items:center;gap:8px;padding:14px 10px;display:grid}.elo-podium-me{font-size:var(--fs-meta);color:var(--text-secondary)}.elo-podium-me b{color:var(--accent)}.elo-podium-foot{gap:10px;display:grid}.elo-podium-all{justify-content:center;width:100%}.elo-podium-guest{min-width:0;font-size:var(--fs-meta);color:var(--text-muted);line-height:1.35}.elo-podium-login{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.elo-podium-login:hover{text-decoration:underline}.elo-modal{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);width:min(760px,100vw - 32px);max-height:min(86vh,860px);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:relative}.elo-modal .elo-ranking{min-height:0;box-shadow:none;background:0 0;border:0;flex:1;padding:20px}.elo-modal .elo-board-head{padding-right:36px}.elo-modal .elo-ranking-list{flex:1;min-height:0;max-height:none}.elo-modal-close{border-radius:var(--r-full);width:30px;height:30px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid;position:absolute;top:16px;right:14px}.elo-modal-close:hover{background:var(--surface-hover);color:var(--text)}.elo-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.elo-seg{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-inset);gap:2px;padding:3px;display:inline-flex}.elo-seg button{border-radius:var(--r-full);font-size:var(--fs-meta);color:var(--text-secondary);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);align-items:center;gap:6px;padding:5px 14px;font-weight:600;display:inline-flex}.elo-seg button:hover{color:var(--text)}.elo-seg button[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text)}.elo-board-games{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.elo-board-games button{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);font-size:var(--fs-meta);color:var(--text-secondary);cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast), background-color var(--t-fast);align-items:center;gap:8px;padding:6px 14px 6px 8px;font-weight:600;display:inline-flex}.elo-board-games button:hover{border-color:var(--border-hover);color:var(--text)}.elo-board-games button[aria-selected=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.elo-board-games img{object-fit:contain;width:20px;height:20px}.elo-board-login{border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 12px 10px 14px;display:flex}.elo-board-login p{font-size:var(--fs-meta);color:var(--text-secondary)}.elo-ranking-state.is-empty{border:1px dashed var(--border);border-radius:var(--r-md);text-align:center;justify-items:center;padding:22px 12px}.elo-ranking-state.is-empty svg{color:var(--accent);opacity:.8}.elo-ranking-locked{border:1px dashed var(--border-strong);border-radius:var(--r-md);justify-items:start;gap:8px;padding:14px;display:grid}.elo-ranking-locked b{font-size:var(--fs-body);color:var(--text)}.elo-ranking-locked p,.elo-ranking-state p,.elo-ranking-hint{font-size:var(--fs-meta);color:var(--text-secondary);line-height:1.5}.elo-ranking-state{justify-items:start;gap:10px;padding:8px 0;display:grid}.elo-tabs{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-inset);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:3px;display:grid}.elo-tabs button{border-radius:calc(var(--r-md) - 3px);min-height:30px;font-size:var(--fs-meta);color:var(--text-secondary);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.elo-tabs button:hover{color:var(--text)}.elo-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.elo-tabs.is-quiet button[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text)}.elo-me{border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);gap:8px;padding:12px 14px;display:grid}.elo-me-head{font-size:var(--fs-body);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;font-weight:600;display:flex}.elo-me-pos{font-size:var(--fs-meta);color:var(--text-secondary)}.elo-me-pos b{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);margin-left:4px;font-size:20px}.elo-me-stats{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-wrap:wrap;gap:4px 14px;display:flex}.elo-me-stats b{font-size:var(--fs-body);color:var(--text)}.elo-me .clip-bar-track{margin-top:0}.elo-me .clip-bar-fill{background:var(--accent)}.elo-me-next{font-size:var(--fs-meta);color:var(--text-secondary)}.elo-ranking{container-type:inline-size}.elo-ranking-cols{display:none}.elo-ranking-list{gap:2px;max-height:560px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.elo-ranking-row{border-radius:var(--r-md);grid-template-columns:24px auto minmax(0,1fr) auto;grid-template-areas:"pos avatar name mmr""pos avatar meta meta";align-items:center;gap:2px 10px;min-height:48px;padding:6px 8px;display:grid}.elo-ranking-row.is-me{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.elo-ranking-pos{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;text-align:center;color:var(--text-muted);grid-area:pos;font-weight:700}.elo-ranking-row[data-position] .elo-ranking-pos{color:var(--accent)}.elo-ranking-avatar{grid-area:avatar;display:flex}.elo-ranking-name{min-width:0;font-size:var(--fs-body);color:var(--text);grid-area:name;align-items:center;gap:8px;font-weight:600;display:flex}.elo-ranking-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.elo-ranking-mmr{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--text-secondary);grid-area:mmr}.elo-ranking-mmr b{font-size:var(--fs-body);color:var(--text)}.elo-ranking-mmr small{letter-spacing:.3px;font-size:10px;font-weight:600}.elo-ranking-meta{min-width:0;font-size:var(--fs-meta);font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-wrap:wrap;grid-area:meta;align-items:center;gap:2px 12px;display:flex}.elo-ranking-league .clip-rank{justify-content:flex-start;gap:5px}.elo-ranking-league .clip-rank img{width:16px;height:16px}.elo-ranking-record,.elo-ranking-wr{white-space:nowrap}.elo-ranking-skeleton{border-radius:var(--r-md);height:44px}@container (width>=540px){.elo-ranking-cols,.elo-ranking-row{grid-template-columns:24px 28px minmax(0,1fr) 84px 124px 72px 44px;grid-template-areas:none;align-items:center;gap:10px;padding:4px 8px;display:grid}.elo-ranking-cols{z-index:1;background:var(--surface);letter-spacing:.4px;text-transform:uppercase;min-height:26px;color:var(--text-muted);font-size:10px;font-weight:700;position:sticky;top:0}.elo-ranking-cols>:nth-child(2){grid-column:span 2}.elo-ranking-cols>:nth-child(3),.elo-ranking-cols>:nth-child(6){text-align:right}.elo-ranking-cols>:first-child{text-align:center}.elo-ranking-row{min-height:42px}.elo-ranking-row>*,.elo-ranking-meta>*{grid-area:auto}.elo-ranking-meta{display:contents}.elo-ranking-mmr small{display:none}.elo-ranking-league,.elo-ranking-record{font-size:var(--fs-meta);color:var(--text-secondary)}.elo-ranking-league{min-width:0;color:var(--text)}.elo-ranking-wr{font-size:var(--fs-meta);text-align:right;color:var(--text);font-weight:600}}@media (width<=1100px){:is(.elo-game-layout:has(.elo-result),.elo-game-layout:has(.elo-pick),.elo-stage,.elo-skeleton){grid-template-columns:minmax(0,1fr)}.elo-stage>.clip-player,.elo-stage>:not(.clip-player),.elo-stage>.elo-stage-ranking{grid-area:auto/1}.elo-guess .clip-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.elo-guess .clip-option{flex-direction:column;justify-content:center;gap:8px;min-height:88px;padding:10px 6px}.elo-guess .clip-rank{flex-direction:column;gap:6px;font-size:13px}.elo-guess .clip-rank img{width:34px;height:34px}}@media (width<=640px){.elo-pick{padding:18px 16px}.elo-pick-head .elo-intro-mark{display:none}.elo-pick-games{grid-template-columns:minmax(0,1fr);gap:12px}.elo-pick-game{min-height:220px}.elo-pick-foot>span:last-child{margin-left:0}}@media (width<=560px){.elo-step-label{display:none}.elo-step{padding-right:10px}.elo-guess .clip-options{grid-template-columns:repeat(3,minmax(0,1fr))}.elo-result-score b{font-size:36px}}.elo-friend-games{gap:10px;display:grid}.elo-game-side>.elo-podium{gap:8px;padding:12px 14px}.elo-game-side .elo-podium-list{gap:3px}.elo-game-side .elo-podium-row{gap:8px;min-height:33px;padding:1px 8px}.elo-game-side .elo-podium-row .avatar{width:22px;height:22px;font-size:11px}.elo-game-side .elo-podium-row .elo-medal svg{width:16px;height:16px}.elo-game-side .elo-podium-name{font-size:var(--fs-meta)}.elo-game-side .elo-podium-mmr b{font-size:14px}.elo-podium-row .elo-ranking-pos{grid-area:auto}.elo-podium-name{align-items:center;gap:6px;min-width:0;display:flex}.elo-podium-name>span:first-child{text-overflow:ellipsis;overflow:hidden}.elo-podium-name .elo-medal svg{width:16px;height:16px}.elo-ranking-name .elo-medal{grid-area:auto}.elo-ranking-name .elo-medal svg{width:16px;height:16px}.elo-stage-ranking .elo-podium-list{gap:4px}.elo-stage-ranking .elo-podium-row{min-height:30px;padding-block:0}.elo-rd{width:min(560px,100%);padding:var(--s8) var(--s6) var(--s6);text-align:center;gap:16px}.elo-rd h2{font-family:inherit;font-size:var(--fs-label);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:700}.elo-rd-quip{font-family:var(--font-display);text-wrap:pretty;width:100%;max-width:none;color:var(--text);margin:-6px 0 0;font-size:20px;font-weight:700;line-height:1.35}.elo-rd-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.elo-rd-tile{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-inset,var(--surface));flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:132px;padding:12px 8px;display:flex}.elo-rd-tile img{object-fit:contain;width:56px;height:56px}.elo-rd-tile>b{font-size:var(--fs-body);color:var(--text)}.elo-rd-label{font-size:var(--fs-label);letter-spacing:.6px;text-transform:uppercase;color:var(--tone,var(--text-muted));font-weight:700}.elo-rd-tile[data-tone=win]{--tone:var(--tone-win)}.elo-rd-tile[data-tone=near]{--tone:var(--tone-near)}.elo-rd-tile[data-tone=far]{--tone:var(--tone-far)}.elo-rd-tile[data-tone]{border-color:color-mix(in srgb, var(--tone) 35%, transparent)}.elo-rd-tile>b.elo-rd-score{font-family:var(--font-display);color:var(--tone);font-size:40px;line-height:1}.elo-rd-unit{font-size:var(--fs-label);letter-spacing:.6px;color:var(--text-muted);font-weight:700}.elo-rd-votes{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-inset,var(--surface));padding:14px 14px 12px}.elo-rd-votes h3{font-size:var(--fs-body);margin:0 0 12px}.elo-rd-votes h3 span{color:var(--text-muted);font-weight:400}.elo-rd-bars{justify-content:center;align-items:flex-end;gap:8px;height:170px;margin:0;padding:0;list-style:none;display:flex}.elo-rd-bars li{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;max-width:64px;height:100%;display:flex}.elo-rd-pct{font-size:var(--fs-label);font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:700}.elo-rd-bar{background:var(--surface-3,#ffffff24);border-radius:6px 6px 2px 2px;flex:none;width:100%;max-height:calc(100% - 56px);transition:height .5s cubic-bezier(.2,.7,.2,1);display:block}.elo-rd-bars li[data-state=win] .elo-rd-bar{background:var(--tone-win)}.elo-rd-bars li[data-state=near] .elo-rd-bar{background:var(--tone-near)}.elo-rd-bars li[data-state=far] .elo-rd-bar{background:var(--tone-far)}.elo-rd-bars li[data-state] .elo-rd-pct{color:var(--text)}.elo-rd-bars img{object-fit:contain;flex:none;width:28px;height:28px}.elo-rd-name{color:var(--text-muted);font-size:10px}.elo-rd-next{justify-content:center;width:100%}@media (width<=560px){.elo-rd-tile{min-height:112px}.elo-rd-tile img{width:40px;height:40px}.elo-rd-tile>b{font-size:var(--fs-meta)}.elo-rd-tile>b.elo-rd-score{font-size:30px}.elo-rd-bars{gap:4px}.elo-rd-bars img{width:20px;height:20px}}.schedule-day{margin-top:18px;margin-bottom:22px}.schedule-day-title{color:var(--text);font-family:var(--font-display);font-size:var(--fs-section);letter-spacing:-.2px;align-items:center;gap:10px;margin:0 0 8px;font-weight:700;display:flex}.schedule-day-title:after{background:linear-gradient(90deg, var(--hairline), transparent);content:"";flex:1;height:1px}.schedule-day.is-live .schedule-day-title{color:var(--live)}.schedule-day-date{color:var(--text-muted);font-family:var(--font);font-size:var(--fs-meta);letter-spacing:0;font-weight:500}.schedule-day-count{border-radius:var(--r-full);background:var(--surface-2);min-width:22px;color:var(--text-muted);font-family:var(--font);font-size:var(--fs-label);letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;padding:2px 7px;font-weight:600}.match-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}@property --side-glow{syntax:"<percentage>";inherits:true;initial-value:11%}.match-row{--side-a-rgb:150 157 170;--side-b-rgb:150 157 170;--side-glow:11%;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-height:54px;transition:--side-glow var(--t), border-color var(--t), box-shadow var(--t), transform var(--t);grid-template-columns:84px 240px minmax(0,1fr) 210px 160px;grid-template-areas:"when bo board event actions";align-items:center;gap:6px 14px;padding:7px 14px;display:grid;position:relative;overflow:hidden}.match-row:hover{--side-glow:20%;border-color:var(--border-strong);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.match-row:before{background:var(--border-strong);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.match-row.is-live{border-color:#ff315857}.match-row.is-live:before{background:var(--live);box-shadow:0 0 12px var(--live)}.match-when{flex-direction:column;grid-area:when;align-items:flex-start;gap:4px;min-width:0;display:flex}.match-hour{color:var(--text);font-family:var(--font-display);letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1}.match-date{max-width:100%;color:var(--text-secondary);font-size:var(--fs-label);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1;overflow:hidden}.match-postponed{color:var(--text-muted);font-size:var(--fs-meta);font-weight:600}.match-live{border-radius:var(--r-full);height:22px;color:var(--live);font-size:var(--fs-label);letter-spacing:.04em;white-space:nowrap;background:#ff315824;align-items:center;gap:6px;padding:0 8px;font-weight:700;display:inline-flex}.match-live .live-dot{width:6px;height:6px}.match-format{grid-area:bo;justify-self:start;align-items:center;gap:8px;display:flex}.match-game{object-fit:contain;flex:none;width:22px;height:22px}.match-bo{border:1px solid var(--border-strong);border-radius:var(--r-sm,6px);background:var(--surface-2);height:22px;color:var(--text);font-family:var(--font-display);letter-spacing:.04em;place-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-grid}.match-board{background:radial-gradient(120px 52px at calc(50% - 48px) 50%, rgb(var(--side-a-rgb) / var(--side-glow)), transparent 100%), radial-gradient(120px 52px at calc(50% + 48px) 50%, rgb(var(--side-b-rgb) / var(--side-glow)), transparent 100%);grid-area:board;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-self:stretch;align-items:center;margin:-7px 0;display:grid}.match-side{min-width:0;color:var(--text);transition:opacity var(--t);align-items:center;gap:10px;display:flex}.match-side.is-home{text-align:right;justify-content:flex-end}.match-side.is-loser{opacity:.5}.match-side-name{letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.match-crest{flex:none;place-items:center;width:30px;height:30px;display:grid}.match-crest img{object-fit:contain;width:100%;height:100%}.match-crest img:not(.team-logo--dark){filter:drop-shadow(0 4px 7px #00000057)}.match-crest img.is-remote{filter:drop-shadow(0 0 1px #fffc)drop-shadow(0 0 1px #ffffff8c)}:root[data-theme=light] .match-crest img.is-remote,:root[data-theme=light] .match-crest .team-logo--dark{filter:none}.match-crest-mono{border:1px solid var(--border-strong);border-radius:var(--r-sm,6px);background:var(--surface-2);width:28px;height:28px;color:var(--text-secondary);font-family:var(--font-display);place-items:center;font-size:9px;font-weight:700;display:grid}.match-vs{color:var(--text-faint);font-family:var(--font-display);letter-spacing:.14em;justify-self:center;font-size:11px;font-weight:700}.match-score{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:6px;font-size:18px;font-weight:700;line-height:1;display:inline-flex}.match-score i{color:var(--text-faint);font-size:15px;font-style:normal}.match-score .is-behind{color:var(--text-muted)}.match-event{border-left:1px solid var(--hairline);grid-area:event;gap:2px;min-width:0;padding-left:14px;display:grid}.match-league{min-width:0;color:var(--text-secondary);font-size:var(--fs-meta);align-items:center;gap:7px;font-weight:600;display:flex}.match-league span,.match-stage{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-stage{color:var(--text-muted);font-size:var(--fs-label)}.match-actions{grid-area:actions;justify-content:flex-start;align-items:center;gap:6px;display:flex}.match-actions .match-watch{margin-left:auto}.match-icon-btn{border:1px solid var(--hairline);border-radius:var(--r-full);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background-color var(--t), color var(--t), border-color var(--t);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.match-icon-btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.match-icon-btn.is-on{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.match-icon-btn:disabled{cursor:default}.match-icon-btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.match-watch{border:1px solid var(--accent-border);border-radius:var(--r-full);background:var(--accent-soft);height:28px;color:var(--accent);font:inherit;font-size:var(--fs-meta);cursor:pointer;transition:background-color var(--t), color var(--t), border-color var(--t);align-items:center;gap:5px;padding:0 12px 0 9px;font-weight:700;display:inline-flex}.match-watch:hover,.match-row.is-live .match-watch{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.match-row.is-live .match-watch:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.match-watch:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}@media (width<=1400px){.match-row{grid-template-columns:82px 168px minmax(0,1fr) 150px 156px}}@media (width<=1180px){.match-row{grid-template-columns:82px 74px minmax(0,1fr) 170px;grid-template-areas:"when bo board actions"". .event.";row-gap:4px}.match-board{margin:0}.match-event{border-left:0;justify-content:center;gap:8px;padding:0;display:flex}.match-league{flex:none;max-width:60%}}@media (width<=720px){.match-row{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"when bo actions""board board board""event event event";gap:8px 10px;padding:9px 12px}.match-when{flex-direction:row;align-items:baseline;gap:8px}.match-hour{font-size:17px}.match-board{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);margin:0;padding:2px 0}.match-side{gap:8px}.match-side-name{font-size:13px}.match-crest{width:28px;height:28px}.match-event{border-top:1px solid var(--hairline);border-left:0;justify-content:flex-start;padding:7px 0 0}.match-watch{height:26px}}.teams-head{border-bottom:1px solid var(--hairline);align-items:center;gap:10px 24px;margin-bottom:12px;display:flex}.teams-switch{scrollbar-width:none;flex:1;gap:20px;min-width:0;display:flex;overflow-x:auto}.teams-switch::-webkit-scrollbar{display:none}.teams-switch-tab{height:36px;color:var(--text-muted);font-family:var(--font-display);letter-spacing:-.2px;white-space:nowrap;transition:color var(--t);flex:none;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.teams-switch-tab:after{background:var(--accent);content:"";opacity:0;height:2px;transition:opacity var(--t), transform var(--t);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.4)}.teams-switch-tab:hover{color:var(--text-secondary)}.teams-switch-tab:focus-visible{color:var(--accent);outline:none}.teams-switch-tab[aria-selected=true]{color:var(--text)}.teams-switch-tab[aria-selected=true]:after{opacity:1;transform:none}.teams-switch-icon{flex:none;place-items:center;width:17px;height:17px;display:grid}.teams-switch-icon img{object-fit:contain;width:100%;height:100%}.teams-switch-tab:hover .teams-switch-icon{opacity:.85;filter:none}.teams-switch-tab[aria-selected=true] .teams-switch-icon{opacity:1;filter:none}.teams-switch-tab:not([data-game])[aria-selected=true] .teams-switch-icon{color:var(--accent)}.teams-switch-live{color:var(--text-muted);font-family:var(--font);font-size:var(--fs-label);letter-spacing:0;font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:-2px;font-weight:600;display:inline-flex}.teams-switch-live:before{border-radius:var(--r-full);background:var(--live);content:"";width:5px;height:5px}.teams-bar{justify-content:space-between;align-items:center;gap:10px 24px;margin-bottom:30px;display:flex}.teams-bar:empty{display:none}.teams-groups{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.teams-groups::-webkit-scrollbar{display:none}.teams-group{border-radius:var(--r-full);height:30px;color:var(--text-secondary);font-size:var(--fs-meta);white-space:nowrap;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);border:1px solid #0000;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.teams-group:hover{background:var(--surface);color:var(--text)}.teams-group:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.teams-group[aria-selected=true]{border-color:var(--border-strong);background:var(--surface-2);color:var(--text);font-weight:600}.teams-group-count{color:var(--text-faint);font-size:var(--fs-label);font-variant-numeric:tabular-nums;font-weight:500}.teams-group[data-empty=true]:not([aria-selected=true]){color:var(--text-faint)}.teams-tools{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.teams-followed{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);height:32px;color:var(--text-secondary);font-size:var(--fs-meta);white-space:nowrap;transition:border-color var(--t-fast), background-color var(--t-fast), color var(--t-fast);flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.teams-followed:hover{border-color:var(--border-hover);color:var(--text)}.teams-followed:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.teams-followed[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent);font-weight:600}.teams-tools .search{width:250px;height:32px}.teams-retry{margin-bottom:16px}.teams-directory{gap:40px;display:grid}.teams-section-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.teams-section-head:after{background:var(--hairline);content:"";flex:1;height:1px}.teams-section-head.no-rule:after{display:none}.teams-section-head h2{color:var(--text);font-family:var(--font-display);letter-spacing:-.1px;margin:0;font-size:15px;font-weight:600}.teams-section-head img{object-fit:contain;width:18px;height:18px}.teams-section-count{color:var(--text-muted);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.team-grid{--team-gap:12px;gap:var(--team-gap);grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-auto-flow:dense;display:grid}.team-grid.is-featured{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@property --team-aura{syntax:"<percentage>";inherits:true;initial-value:10%}.team-card{--team-rgb:150 157 170;--team-aura:10%;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(60% 170% at 4% 50%, rgb(var(--team-rgb) / var(--team-aura)), transparent 72%), var(--surface);min-width:0;transition:--team-aura var(--t), border-color var(--t), box-shadow var(--t), transform var(--t);display:flex;position:relative}.team-card:hover{--team-aura:24%;border-color:rgb(var(--team-rgb) / 70%);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.team-card:before{border-radius:var(--r-full);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 12px no-repeat, rgb(var(--team-rgb) / 30%);content:"";pointer-events:none;width:20px;height:20px;transition:background-color var(--t), transform var(--t);position:absolute;bottom:10px;right:10px}.team-card:hover:before{transform:translateY(2px)}.team-card:has(.team-card-main:focus-visible):before{transform:translateY(2px)}.team-card-main{border-radius:inherit;text-align:left;cursor:pointer;flex-direction:row;align-items:center;gap:14px;width:100%;min-width:0;padding:16px 74px 16px 18px;display:flex}.team-card-main:after{border-radius:inherit;content:"";position:absolute;inset:0}.team-card-main:focus-visible{outline:none}.team-card-main:focus-visible:after{box-shadow:0 0 0 3px var(--focus-ring)}.team-crest{width:52px;height:52px;transition:transform var(--t);flex:none;place-items:center;display:grid}.team-card:hover .team-crest{transform:scale(1.06)}.team-crest img{object-fit:contain;width:100%;height:100%}.team-crest img:not(.team-logo--dark){filter:drop-shadow(0 8px 14px #0000005c)}:root[data-theme=light] .team-crest .team-logo--dark{filter:none}:root[data-theme=light] .team-crest img:not(.team-logo--dark){filter:drop-shadow(0 6px 10px #11141b29)}.team-crest-mono{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-inset);width:46px;height:46px;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.05em;place-items:center;font-size:17px;font-weight:700;display:grid}.team-card-name{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.team-card-meta{max-width:100%;min-height:15px;color:var(--text-muted);font-size:var(--fs-meta);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;line-height:1.25;overflow:hidden}.team-card-live{border-radius:var(--r-full);height:20px;color:var(--live);font-size:var(--fs-label);pointer-events:none;background:#ff31581f;align-items:center;gap:6px;padding:0 8px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:38px}.team-card-live .live-dot{width:5px;height:5px;box-shadow:none}.team-card-actions{z-index:1;align-items:center;display:flex;position:absolute;top:6px;right:6px}.team-card-actions .icon-btn{width:28px;height:28px}.team-card-actions .icon-btn:not(.on,.bell-on){color:var(--text-faint)}.team-card:hover .team-card-actions .icon-btn:not(.on,.bell-on),.team-card-actions .icon-btn:not(.on,.bell-on):focus-visible{color:var(--text-secondary)}.team-card.is-featured{background:radial-gradient(52% 150% at 6% 50%, rgb(var(--team-rgb) / var(--team-aura)), transparent 72%), var(--surface)}.team-card.is-featured .team-card-main{text-align:left;flex-direction:row;gap:14px;padding:16px 74px 16px 18px}.team-card.is-featured .team-crest{width:48px;height:48px;margin-bottom:0}.team-card.is-featured .team-crest-mono{width:44px;height:44px;font-size:14px}.team-card-copy{flex:1;gap:5px;min-width:0;display:grid}.team-card.is-featured .team-card-name{font-size:15px}.team-card.is-featured .team-card-meta{align-items:center;gap:8px;margin-top:0;display:flex}.team-card-game{object-fit:contain;flex:none;width:14px;height:14px}.team-card-onair{color:var(--live);flex:none;align-items:center;gap:7px;font-weight:600;display:inline-flex}.team-card-onair:before{border-radius:var(--r-full);background:var(--live);content:"";width:6px;height:6px}.team-card-avatars{flex:none;align-items:center;padding-left:8px;display:flex}.team-card-avatars .avatar{width:28px;height:28px;box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.team-card-more{color:var(--text-muted);font-size:var(--fs-label);font-variant-numeric:tabular-nums;margin-left:6px}.team-card.is-featured .team-card-actions{top:6px;right:6px}.team-card-skeleton{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);opacity:.55;height:84px}.team-detail-slot{min-width:0;min-height:76px;position:relative}.team-detail{--team-rgb:150 157 170;z-index:30;border:1px solid var(--accent-border);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;min-width:0;animation:.18s cubic-bezier(.2,.7,.2,1) team-detail-in;display:flex;position:absolute;inset:0 0 auto;overflow:hidden;box-shadow:0 24px 60px -18px #000000bf,0 0 0 1px #0000004d}@keyframes team-detail-in{0%{opacity:0;transform:scale(.985)}}.team-detail-head{background:radial-gradient(60% 220% at 0% 50%, rgb(var(--team-rgb) / 18%), transparent 72%);align-items:center;gap:12px;padding:14px 8px 12px 16px;display:flex}.team-detail-head .team-crest{width:44px;height:44px;margin-bottom:0}.team-detail-head .team-crest-mono{width:42px;height:42px;font-size:14px}.team-detail-toggle{text-align:left;flex:1;align-self:stretch;align-items:center;gap:12px;min-width:0;margin:-14px 0 -12px -16px;padding:14px 0 12px 16px;display:flex}.team-detail-toggle:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-ring);outline:none}.team-detail-toggle:hover h3{color:var(--accent)}.team-detail-title{flex:1;gap:4px;min-width:0;display:grid}.team-detail-title h3{color:var(--text);font-family:var(--font-display);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}.team-detail-sub{min-width:0;color:var(--text-muted);font-size:var(--fs-meta);white-space:nowrap;align-items:center;gap:10px;line-height:1.2;display:flex}.team-detail-meta{text-overflow:ellipsis;overflow:hidden}.team-detail-live{color:var(--live);flex:none;align-items:center;gap:6px;font-weight:700;display:inline-flex}.team-detail-live .live-dot,.roster-state .live-dot{width:6px;height:6px;box-shadow:none}.team-detail-actions{flex:none;align-items:center;display:flex}.team-detail-actions .icon-btn,.roster-row .icon-btn{width:26px;height:26px}.team-detail-actions .icon-btn:not(.on,.bell-on),.roster-row .icon-btn:not(.on){color:var(--text-muted)}.team-detail-block{border-top:1px solid var(--hairline);padding:10px 8px 12px 16px}.team-detail-block.is-fixtures{margin-top:auto}.team-detail-label{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 4px;padding-right:8px;font-size:10px;font-weight:700;display:flex}.team-detail-label>b{color:var(--text-faint);font-variant-numeric:tabular-nums}.team-detail-label.is-spaced{margin-top:10px}.team-detail-note{color:var(--text-muted);font-size:var(--fs-meta);margin:2px 0 0;padding-right:8px;line-height:1.5}.team-detail-note.is-empty{align-items:center;gap:8px;display:flex}.team-detail-retry{color:var(--accent)}.roster{margin:0;padding:0;list-style:none}.roster-row{align-items:center;display:flex}.roster-main{border-radius:var(--r-md);text-align:left;min-width:0;min-height:38px;transition:background-color var(--t-fast);flex:1;grid-template-columns:26px minmax(0,1fr) auto 56px;align-items:center;gap:10px;margin-left:-6px;padding:3px 4px 3px 6px;display:grid}button.roster-main:hover{background:var(--surface-2)}button.roster-main:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.roster-row.is-live .avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--live)}.roster-id{gap:1px;min-width:0;display:grid}.roster-nick{color:var(--text);font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.roster-name{color:var(--text-muted);font-size:var(--fs-label);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.roster-role{color:var(--text-secondary);font-size:var(--fs-label);white-space:nowrap;grid-column:3;align-items:center;gap:5px;display:inline-flex}.roster-state{color:var(--text-faint);font-size:var(--fs-label);text-align:right;white-space:nowrap;grid-column:4}.roster-state.is-live{color:var(--live);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:5px;font-weight:700;display:inline-flex}.roster-star-gap{flex:none;width:26px}.team-detail-when{color:var(--text-secondary);font-family:var(--font);font-size:var(--fs-label);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;font-weight:500;display:inline-flex}.team-detail-when b{color:var(--text);font-weight:600}.fixture-bo{border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--text-secondary);font-family:var(--font);letter-spacing:0;flex:none;padding:1px 7px;font-size:10px;font-weight:600}.duel{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px 6px 0;display:grid}.duel-side{min-width:0;color:var(--text);font-size:var(--fs-body);align-items:center;gap:8px;font-weight:600;display:flex}.duel-side.is-away{text-align:right;justify-content:flex-end}.duel-side>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-side .fixture-logo{width:26px;height:26px}.fixture-logo{object-fit:contain;flex:none;width:18px;height:18px}.fixture-logo.is-blank{border-radius:var(--r-full);background:var(--surface-active)}:root[data-theme=light] .fixture-logo.team-logo--dark{filter:none}.duel-vs{color:var(--text-faint);font-size:var(--fs-label);font-weight:600}.duel-vs b{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:15px}.duel-foot{min-height:24px;color:var(--text-muted);font-size:var(--fs-label);justify-content:space-between;align-items:center;gap:10px;padding-right:8px;display:flex}.duel-event{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-watch{color:var(--accent);font-size:var(--fs-meta);flex:none;align-items:center;gap:5px;font-weight:700;display:inline-flex}.duel-watch:hover{color:var(--accent-hover)}.duel-watch:focus-visible{border-radius:var(--r-sm);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.team-fixtures{margin:0;padding:0 8px 0 0;list-style:none}.team-fixture{min-height:28px;font-size:var(--fs-label);grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.team-fixture-when{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.team-fixture-when b{color:var(--text-secondary);font-weight:600}.team-fixture-rival{align-items:center;gap:7px;min-width:0;display:flex}.team-fixture-vs{color:var(--text-faint)}.team-fixture-name{color:var(--text);font-size:var(--fs-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}@media (prefers-reduced-motion:reduce){.team-card,.team-crest{transition:none}.team-card:hover,.team-card:hover .team-crest{transform:none}.team-detail{animation:none}}@media (hover:none){.team-card:hover{transform:none}}@media (width<=720px){.teams-bar{flex-wrap:wrap;margin-bottom:22px}.teams-switch{gap:24px;margin-bottom:14px}.teams-switch-tab{gap:8px;height:34px;font-size:13px}.teams-switch-icon{width:16px;height:16px}.teams-head{border-bottom:0;flex-wrap:wrap}.teams-switch{border-bottom:1px solid var(--hairline);flex:100%}.teams-tools{flex:100%;order:-1;margin:0}.teams-tools .search{flex:1;width:auto;height:36px}.teams-followed{height:36px}.teams-groups{flex:100%}.team-grid{--team-gap:10px;grid-template-columns:minmax(0,1fr)}.team-grid.is-featured{grid-template-columns:minmax(0,1fr)}.team-card-main{padding:14px 70px 14px 14px}.team-card-avatars{display:none}}@media (width>899px){.m-tabbar,.m-game-tabs,.pop-backdrop{display:none!important}}@media (width<=899px){:root{--page-pad:16px;--m-tabbar-h:62px;--m-safe-bottom:env(safe-area-inset-bottom,0px);--m-bottom-space:calc(var(--m-tabbar-h) + var(--m-safe-bottom));--m-topbar-brand-h:52px;--m-topbar-h:calc(var(--m-topbar-brand-h) + env(safe-area-inset-top,0px));--m-chrome-dur:.24s;--m-chrome-curve:cubic-bezier(.32, .72, 0, 1);--m-chrome-ease:transform var(--m-chrome-dur) var(--m-chrome-curve)}body{min-width:0}.desktop-frame{grid-template-rows:minmax(0,1fr);height:100dvh}.shell{grid-template-columns:minmax(0,1fr)}.main{padding-top:var(--m-topbar-h);scrollbar-gutter:auto;scrollbar-width:none;overscroll-behavior-y:contain;background:0 0}:root[data-chrome=down] .window-titlebar,:root[data-chrome=up] .window-titlebar{transform:translateY(calc(-1 * var(--m-topbar-brand-h)))}:root[data-chrome=down] .m-tabbar{transform:translateY(100%)}:root[data-chrome=up] .live-toolbar-wrap,:root[data-chrome=top] .live-toolbar-wrap{top:calc(env(safe-area-inset-top,0px) - var(--live-head-h,0px))}.page{padding:0 var(--page-pad) calc(var(--m-bottom-space) + 28px)}.window-titlebar{z-index:90;height:var(--m-topbar-h);min-height:0;padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb, var(--titlebar-bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:var(--m-chrome-ease);will-change:transform;position:fixed;top:0;left:0;right:0}.window-brand{height:52px;padding:0 var(--page-pad);gap:9px}.window-brand img{width:24px;height:24px}.window-brand strong{font-size:13px}.window-brand-beta{display:none}.window-titlebar-actions{height:52px;padding-right:calc(var(--page-pad) - 2px)}.window-titlebar .notif-center:after{display:none}.window-titlebar .notif-center{margin-right:0;padding-right:0}.window-titlebar .notif-bell{border-radius:12px;width:38px;height:38px;margin-right:0}.window-titlebar .notif-bell svg{width:19px;height:19px}.m-header-icon{color:#cdd2d9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;margin-left:6px;padding:0;display:grid}.m-header-icon[aria-current=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.m-header-icon:active{background:#ffffff29}.m-header-login{border:1px solid var(--accent-border);background:var(--accent-soft);height:34px;color:var(--accent);cursor:pointer;border-radius:12px;flex:none;order:-1;align-items:center;gap:5px;margin-right:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.m-header-account{border-radius:var(--r-full);cursor:pointer;background:0 0;border:0;flex:none;order:-1;place-items:center;width:38px;height:38px;margin-right:6px;display:grid}.m-header-account .avatar{width:30px;height:30px;box-shadow:0 0 0 1.5px var(--border-strong);font-size:11px}.m-header-account[aria-current=true] .avatar{box-shadow:0 0 0 2px var(--accent)}.notif-panel{top:calc(56px + env(safe-area-inset-top,0px));width:auto;max-width:none;max-height:calc(100dvh - 56px - env(safe-area-inset-top,0px) - var(--m-bottom-space) - 12px);border-radius:18px;left:8px;right:8px}.m-game-tabs{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-inset) 80%, transparent);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:14px 0 0;padding:4px;display:grid}.m-game-tab{min-width:0;height:42px;color:var(--text-secondary);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 4px 0 3px;font-size:13px;font-weight:600;display:flex;position:relative}.m-game-tab img{object-fit:contain;opacity:.7;flex:none;width:20px;height:20px}.m-game-tab-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.m-game-tab-count{border-radius:var(--r-full);background:var(--surface-active);min-width:15px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;padding:1px 3.5px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:2px;right:2px}.m-game-tab[aria-current=true]{border-color:var(--accent-border);background:linear-gradient(180deg, rgb(var(--accent-rgb) / 14%), rgb(var(--accent-rgb) / 6%)), var(--surface-2);box-shadow:inset 0 1px 0 #ffffff0f, 0 6px 16px -10px rgb(var(--accent-rgb) / 60%);color:var(--text)}.m-game-tab[aria-current=true] img{opacity:1}.m-game-tab[data-game=AION_2] img{width:26px;height:26px;margin-left:-3px;margin-right:-3px}.m-game-tabs-mark{height:42px;color:rgb(var(--accent-rgb) / 70%);order:-1;place-items:center;display:grid;position:relative}.m-game-tabs-mark:after{background:var(--border);content:"";width:1px;position:absolute;top:10px;bottom:10px;right:-2px}.m-game-tab[data-game=EA_FC_27]{order:1}.m-game-tab[data-game=VALORANT] img,.m-game-tab[data-game=DOTA_2] img{width:18px;height:18px;margin-right:1px}@media (width<=374px){.m-game-tab-name{display:none}.m-game-tab{padding:0}.m-game-tab img,.m-game-tab[data-game=VALORANT] img,.m-game-tab[data-game=DOTA_2] img{margin:0}.m-game-tab img{width:24px;height:24px}.m-game-tab[data-game=VALORANT] img,.m-game-tab[data-game=DOTA_2] img{width:22px;height:22px}.m-game-tab[data-game=AION_2] img{width:30px;height:30px}}.m-game-tab[aria-current=true] .m-game-tab-count{background:var(--live);color:#fff}.game-page-header{display:none}.game-page-header:has(.sponsor-banner){padding:0 0 8px;display:block}.game-page-header:has(.sponsor-banner)>:not(.sponsor-banner){display:none}.game-page-header .page-head-copy{display:contents}.game-page-header .page-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;grid-area:title;gap:8px;min-width:0;margin-top:0;font-size:22px;overflow:hidden}.game-page-header .page-sub{grid-area:sub}.game-page-header .head-status{grid-area:status}.game-page-header .head-status-badge{display:none}.game-page-header .page-title-icon{flex-basis:24px;width:24px;height:24px}.game-page-header .page-sub{margin-top:4px;font-size:12.5px}.game-page-header .head-status{text-align:right;align-items:flex-end;margin:4px 0 0}.game-page-header .head-status-meta{color:var(--text-muted);font-size:12px}.live-toolbar-wrap{z-index:4;background:var(--bg);will-change:transform;padding-top:10px;position:sticky;top:auto}.game-page-header+.toolbar{border-radius:16px;grid-template-columns:minmax(0,1fr) 42px 42px;grid-template-areas:"search filter sort""chips chips chips";align-items:center;gap:6px 8px;margin:0;padding:8px;display:grid;position:relative;top:auto}.game-page-header+.toolbar .tool-actions{display:contents}.game-page-header+.toolbar .tool-actions>:first-child{grid-area:search}.game-page-header+.toolbar .tool-actions>:nth-child(2){grid-area:filter}.game-page-header+.toolbar .tool-actions>:nth-child(3){grid-area:sort}.game-page-header+.toolbar .chip-stack{grid-area:chips;min-width:0}.toolbar .search{border-radius:12px;width:100%;max-width:none;height:42px}.toolbar .search input{font-size:16px}.search .kbd{display:none}.search input{font-size:16px}.game-page-header+.toolbar .pop-anchor .tool-btn{border-radius:12px;justify-content:center;gap:0;width:42px;height:42px;padding:0;font-size:0;position:relative}.game-page-header+.toolbar .pop-anchor .tool-btn svg{width:17px;height:17px}.game-page-header+.toolbar .pop-anchor .tool-btn svg+svg{display:none}.game-page-header+.toolbar .pop-anchor .tool-btn .badge-dot{font-size:10px;position:absolute;top:-5px;right:-5px}.pop-sheet .pop-footer{flex-direction:column;gap:8px;display:flex}.pop-sheet .pop-footer .tool-switch,.pop-sheet .pop-footer .tool-btn-accent{border-radius:12px;justify-content:center;width:100%;height:48px;font-size:15px}.pop-sheet .pop-footer .tool-switch{border:1px solid var(--border);background:var(--surface-2);justify-content:space-between;padding:0 12px}.following-filters{border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;padding:10px}.following-filters .search{border-radius:12px;flex:none;order:-1;width:100%;min-width:0;max-width:none;height:42px}:is(.toolbar,.following-filters) .chip-stack{gap:8px;width:auto}:is(.toolbar,.following-filters) .chip-tier{display:block}:is(.toolbar,.following-filters) .chip-tier-sub{padding-top:8px}:is(.toolbar,.following-filters) .chip-tier-label{display:none}:is(.toolbar,.following-filters) .chip-row{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -10px;padding:0 10px;scroll-padding-inline:10px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 28px),#0000)}:is(.toolbar,.following-filters) .chip-row::-webkit-scrollbar{display:none}:is(.toolbar,.following-filters) .chip{flex:none;height:34px;padding:0 13px;font-size:13px}:is(.toolbar,.following-filters) .chip:disabled[data-empty]{display:none}.game-page-header+.toolbar .chip-stack{flex-direction:column;gap:5px;width:auto;display:flex}.game-page-header+.toolbar .chip-tier{min-width:0;display:block}.game-page-header+.toolbar .chip-tier-sub{padding-top:0}.game-page-header+.toolbar .chip-row{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -8px;padding:0 8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 16px),#0000)}.game-page-header+.toolbar .chip-row::-webkit-scrollbar{display:none}.game-page-header+.toolbar .chip{flex:none;height:32px;padding:0 12px;font-size:12.5px}.page-head:not(.game-page-header){align-items:flex-start;min-height:0;padding:18px 2px 14px}.page-head:not(.game-page-header) .page-title{font-size:22px}.grid{gap:14px;margin-top:14px}.grid,.row-grid-offline{grid-template-columns:minmax(0,1fr)}@media (width>=600px){.grid,.row-grid-offline{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-role-slot:empty{display:none}.card-title{min-height:0}.offline-row .offline-status{display:none}.offline-row .row-sub{flex-wrap:wrap;row-gap:4px}.back-to-top{bottom:calc(var(--m-bottom-space) + var(--s4))}.m-tabbar{z-index:80;height:var(--m-bottom-space);padding:0 4px var(--m-safe-bottom);border-top:1px solid var(--hairline);background:color-mix(in srgb, var(--titlebar-bg) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);transition:var(--m-chrome-ease);will-change:transform;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px -18px #000c}.m-tab{min-width:0;color:var(--text-muted);-webkit-tap-highlight-color:transparent;transition:color var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.m-tab:before{background:var(--accent);content:"";opacity:0;width:28px;height:2px;transition:opacity var(--t), transform var(--t);border-radius:0 0 2px 2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)scaleX(.4)}.m-tab[aria-current=true]{color:var(--text)}.m-tab[aria-current=true]:before{opacity:1;transform:translate(-50%)scaleX(1)}.m-tab[aria-current=true] .m-tab-icon>svg{color:var(--accent)}.m-tab-icon{place-items:center;width:26px;height:26px;display:grid;position:relative}.m-tab-icon .avatar{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--border-strong);font-size:10px}.m-tab-label{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:600;overflow:hidden}.m-tab-badge{border:2px solid var(--titlebar-bg);border-radius:var(--r-full);background:var(--live);color:#fff;font-variant-numeric:tabular-nums;box-sizing:content-box;place-items:center;min-width:17px;height:17px;padding:0 5px;font-size:9.5px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;left:16px}.m-tab-badge.is-quiet{background:var(--surface-active);color:var(--text-secondary)}.m-sheet-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0304079e;align-items:flex-end;animation:.18s both m-fade-in;display:flex;position:fixed;inset:0}.m-sheet{width:100%;max-height:min(86dvh,720px);padding:8px var(--page-pad) calc(18px + var(--m-safe-bottom));border:1px solid var(--border-strong);background:linear-gradient(180deg, #ffffff08, transparent 120px), var(--surface);overscroll-behavior:contain;border-bottom:0;border-radius:22px 22px 0 0;outline:none;flex-direction:column;animation:.26s cubic-bezier(.2,.9,.3,1) both m-sheet-up;display:flex;overflow-y:auto;box-shadow:0 -24px 60px -20px #000000e6}.m-sheet-handle{border-radius:var(--r-full);background:var(--border-hover);flex:none;align-self:center;width:38px;height:4px;margin:2px 0 14px}:root.sheet-open .main{overflow:hidden}.social-dock{right:8px;bottom:calc(var(--m-bottom-space) + 8px);width:auto;max-width:none;left:8px}.social-dock-bar{display:none}.social-dock[data-open]{top:calc(52px + env(safe-area-inset-top,0px));right:0;bottom:var(--m-bottom-space);left:0}.social-dock[data-open] .social-panel{max-height:none;box-shadow:none;border:0;border-radius:0;flex:auto;animation:.16s both m-fade-in}.social-dock[data-open] .social-toasts{display:none}.social-panel-head{min-height:56px;padding:0 var(--page-pad)}.social-panel-head .social-icon-btn{width:36px;height:36px}.social-panel-body{padding-inline:var(--page-pad);padding-bottom:20px}.social-friend-row{min-height:58px}.social-friend-main{gap:12px;min-height:58px}.social-friend-main .social-avatar-wrap,.social-friend-main .social-avatar-wrap .avatar{width:38px;height:38px}.social-friend-main .social-avatar-wrap .avatar{font-size:13px}.social-friend-row .social-icon-btn{width:38px;height:38px}.social-panel input,.social-panel textarea{font-size:16px}.social-composer .social-input{min-height:42px}:root.kb-open .m-tabbar{display:none}:root.kb-open .social-dock[data-open]{bottom:var(--kb-inset,0px)}.settings-overlay{z-index:150;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.settings-modal{width:100%;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);border:0;border-radius:0;animation:.28s cubic-bezier(.2,.9,.3,1) both m-sheet-up}.settings-modal>.settings>.page-head,.settings-modal>.settings>.page-head:not(.game-page-header){min-height:0;padding:16px 68px 14px var(--page-pad)}.settings-modal>.settings>.page-head .page-title{font-size:22px}.settings-modal-close{top:calc(14px + env(safe-area-inset-top,0px));border-radius:12px;width:40px;height:40px;right:14px}.settings-panel-nav{scrollbar-width:none}.settings-panel-nav::-webkit-scrollbar{display:none}.settings-panel-content{padding:20px var(--page-pad) calc(32px + var(--m-safe-bottom));overscroll-behavior:contain}.pop-backdrop{z-index:205;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0304079e;animation:.18s both m-fade-in;position:fixed;inset:0}.pop.pop-sheet{z-index:210;width:auto;min-width:0;max-height:min(82dvh,680px);padding:26px 12px calc(14px + var(--m-safe-bottom));background:linear-gradient(180deg, #ffffff08, transparent 120px), var(--surface);overscroll-behavior:contain;border-bottom:0;border-radius:22px 22px 0 0;animation:.26s cubic-bezier(.2,.9,.3,1) both m-sheet-up;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -24px 60px -20px #000000e6}.pop.pop-sheet:before{border-radius:var(--r-full);background:var(--border-hover);content:"";width:38px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pop-sheet .pop-label{padding:12px 10px 6px;font-size:11px}.pop-sheet .pop-item{border-radius:10px;gap:12px;min-height:48px;padding:0 10px;font-size:15px}.pop-sheet .pop-check{border-radius:6px;width:20px;height:20px}.pop-sheet .pop-item svg{flex:none}.pop-sheet .pop-item>svg{width:18px;height:18px;color:var(--text-muted)}.pop-sheet .pop-search{border-radius:12px;width:100%;height:44px;margin:4px 0 6px;font-size:16px}.pop-sheet .pop-team-list{max-height:none}.pop-sheet .pop-foot{min-height:48px;padding:0 10px;font-size:15px}.pop-sheet .pop-sep{margin:8px 0}.overlay{place-items:end stretch;padding:0}.overlay>.modal,.overlay>[role=dialog]{width:100%;max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));padding:30px var(--page-pad) calc(20px + var(--m-safe-bottom));overscroll-behavior:contain;border-bottom:0;border-radius:22px 22px 0 0;margin:0;animation:.28s cubic-bezier(.2,.9,.3,1) both m-sheet-up;overflow-y:auto}.overlay>.modal:before,.overlay>[role=dialog]:before{border-radius:var(--r-full);background:var(--border-hover);content:"";width:38px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.overlay .modal-x{width:36px;height:36px}.overlay :is(input:not([type=checkbox],[type=radio]),textarea,select){font-size:16px}.overlay .field{width:100%;min-height:44px}.overlay .modal-actions{flex-direction:column-reverse;align-items:stretch;gap:8px;display:flex}.overlay .modal-actions .btn{justify-content:center;width:100%}.overlay .btn{min-height:46px}.support-prime-live-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:end stretch;padding:0}.support-prime-live{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));overscroll-behavior:contain;border-bottom:0;border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1) both m-sheet-up}.support-prime-live-card{padding:26px var(--page-pad) calc(24px + var(--m-safe-bottom))}.support-prime-live-close{width:38px;height:38px}.support-prime-live input{font-size:16px}.support-prime-live-methods{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.support-prime-live-methods .btn{justify-content:center;min-height:48px}.support-login-gate .btn{justify-content:center;width:100%;min-height:48px}.m-account-head{align-items:center;gap:12px;padding:2px 2px 16px;display:flex}.m-account-head .avatar{width:48px;height:48px;box-shadow:0 0 0 2px var(--account-card-border);font-size:16px}.m-account-id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.m-account-id strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.m-account-id small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.m-account-badge{border:1px solid var(--gold-border);border-radius:var(--r-full);background:var(--gold-soft);height:28px;color:var(--gold);flex:none;align-items:center;gap:5px;padding:0 11px;font-size:11.5px;font-weight:700;display:inline-flex}.m-account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.m-account-stats>div{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.m-account-stats b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.m-account-stats span{color:var(--text-muted);font-size:11.5px}.m-account-warning{border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);background:color-mix(in srgb, var(--warn) 9%, transparent);width:100%;color:var(--warn);text-align:left;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.m-account-warning span{flex:1}.m-account-warning svg:last-child{transform:rotate(-90deg)}.m-list{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;margin-bottom:12px;display:flex;overflow:hidden}.m-list-item{min-height:52px;color:var(--text);text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:0 14px;font-size:15px;font-weight:500;display:flex}.m-list-item+.m-list-item{border-top:1px solid var(--border)}.m-list-item:active{background:var(--surface-hover)}.m-list-icon{background:var(--surface-active);width:32px;height:32px;color:var(--text-secondary);border-radius:9px;flex:none;place-items:center;display:grid}.m-list-label{flex:1;min-width:0}.m-list-chevron{color:var(--text-faint);transform:rotate(-90deg)}.m-list-item.is-danger{color:var(--danger)}.m-list-item.is-danger .m-list-icon{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}}@keyframes m-fade-in{0%{opacity:0}}@keyframes m-sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.m-sheet,.m-sheet-backdrop,.pop.pop-sheet,.pop-backdrop{animation:none}}@media (width<=360px){.window-brand strong{display:none}}