@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0e0e10;--surface:#18181b;--surface-raised:#232326;--surface-hover:#2c2c30;--surface-input:#1d1d21;--line:#303034;--control-line:#414147;--control-hover:#66666e;--text:#f5f5f7;--muted:#ababb3;--accent:#c93745;--accent-hover:#d43d4c;--accent-text:#ff8c97;--accent-soft:#301d22;--accent-line:#b3606b;--on-accent:#fff;--green:#96c6a5;--danger:#ffb2a7;--radius:12px;--font-body:1rem;--font-control:.9375rem;--font-meta:.875rem;--font-aux:.8125rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--scrollbar) var(--bg);scrollbar-width:thin;text-underline-offset:3px}body{background:var(--bg);color:var(--text);font-family:Manrope Variable,Manrope,sans-serif;font-size:var(--font-body);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;margin:0;font-weight:500;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled),a,input,select,textarea{transition:background-color .16s,color .16s,border-color .16s}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.3}h1{letter-spacing:-.025em;font-size:28px;font-weight:800}h2{letter-spacing:-.02em;font-size:20px;font-weight:700}h3{font-size:var(--font-body);font-weight:700}small{font-size:var(--font-meta);color:var(--muted)}svg{flex-shrink:0}input,select,textarea{background:var(--surface-input);border:1px solid var(--control-line);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:8px;padding:11px 12px}select{cursor:pointer;padding-right:24px}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:disabled,select:disabled{opacity:.5}textarea{resize:vertical}fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}legend{font-size:var(--font-control);margin:0 0 10px;padding:0;font-weight:500}legend small{margin-left:6px;font-weight:500}img{object-fit:cover;max-width:100%}button{border:0}code{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:inherit}main{flex:1;padding:0 32px 40px;outline:none!important}button svg{width:18px;height:18px}.button{min-height:44px;font-size:var(--font-control);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-weight:700;line-height:1.35;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{background:var(--surface-raised);border-color:var(--control-line)}.button.secondary:hover:not(:disabled):not(:focus-visible){background:var(--surface-hover);border-color:var(--control-hover)}.button.ghost{color:var(--muted);background:0 0}.button.ghost:hover:not(:disabled){color:var(--text);background:var(--surface)}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.button.compact{min-height:40px;padding:9px 13px}.full-width{width:100%}.icon-button{width:40px;min-width:40px;height:40px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-raised);color:var(--text)}.icon-button svg{width:19px;height:19px}.text-link{font-weight:600;font-size:var(--font-control);color:var(--accent-text);background:0 0;align-items:center;gap:7px;min-height:32px;padding:0;display:inline-flex}.text-link:hover{color:var(--text)}.danger-text{color:var(--danger)}.muted-copy{color:var(--muted);font-size:var(--font-control);line-height:1.65}.online-dot,.pulse-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pulse-dot{animation:1.8s infinite pulse}.notice{background:var(--surface-raised);color:var(--muted);border:1px solid var(--line);font-size:var(--font-control);border-radius:8px;align-items:flex-start;gap:10px;margin:14px 0;padding:13px 15px;display:flex}.notice.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.notice.error span{flex:1}.notice.error button{color:inherit;background:0 0;min-height:22px;font-weight:500;text-decoration:underline}.notice svg{margin-top:1px}.loading-screen{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spin{animation:1s linear infinite spin}.skeleton{background:var(--surface-raised);border-radius:8px;animation:1.7s ease-in-out infinite pulse}.auth-skeleton{width:95px;height:35px}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);padding:10px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}.toast{z-index:90;color:#202024;background:#efeff2;border-radius:12px;align-items:center;gap:18px;width:min(460px,100% - 36px);padding:16px 16px 16px 20px;display:flex;position:fixed;bottom:90px;right:28px;box-shadow:0 8px 40px #0005}.toast.error{color:#44231e;background:#f0cbc4}.toast span{flex:1}.toast button{color:inherit;background:0 0;width:28px;height:30px;font-size:24px}.sidebar{z-index:40;background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;width:208px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.04em;align-items:center;gap:10px;padding:0 12px;font-size:29px;font-weight:800;line-height:1;display:flex}.brand-dot{color:var(--accent-text)}.brand img{border-radius:8px}.sidebar nav{gap:5px;margin-top:36px;display:grid}.nav-item{min-height:47px;color:var(--muted);font-size:var(--font-control);border-radius:8px;align-items:center;gap:8px;padding:11px 10px;font-weight:600;display:flex}.nav-item:hover{background:var(--surface-raised);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-item .online-dot{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-bottom>p{color:var(--muted);font-size:var(--font-control);padding:16px 13px 31px;line-height:1.8}.sidebar-bottom strong{color:var(--muted);font-weight:500}.workspace{flex-direction:column;min-height:100vh;margin-left:208px;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 32px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:21px;display:flex}.game-label{font-size:var(--font-meta);letter-spacing:.025em;white-space:nowrap;align-items:center;gap:9px;font-weight:600;display:flex}.game-mark{font-weight:700;font-size:var(--font-body);color:var(--accent-text);border:1px solid var(--accent-line);place-content:center;width:24px;height:24px;font-style:italic;display:grid}.account-link{font-size:var(--font-meta);align-items:center;gap:9px;max-width:180px;display:flex}.account-link>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-right .logout-button{margin-left:-12px}.mobile-menu,.mobile-close,.nav-scrim{display:none}.footer{border-top:1px solid var(--line);font-size:var(--font-meta);color:var(--muted);justify-content:space-between;gap:18px;margin:0 32px;padding:20px 0 24px;display:flex}.onboarding-banner,.search-banner{background:var(--warning-soft);color:var(--warning);font-size:var(--font-meta);justify-content:space-between;align-items:center;gap:12px;padding:12px 42px;display:flex}.search-banner{background:var(--success-soft);color:var(--green)}.search-banner span,.onboarding-banner span:last-child{align-items:center;gap:8px;display:flex}.field{margin-bottom:22px;display:block}.field-label{font-size:var(--font-control);margin-bottom:9px;font-weight:500;display:block}.field>small{line-height:1.6;font-size:var(--font-meta);margin-top:8px;display:block}.range-inputs{align-items:center;gap:8px;display:flex}.range-inputs input{font-size:var(--font-meta);appearance:textfield;min-height:38px;padding:10px 8px}.range-inputs input::-webkit-inner-spin-button{appearance:none}.range-inputs.wide{max-width:400px}.range-inputs.wide input{min-height:44px;font-size:var(--font-control);padding:11px 12px}.role-number{font-size:var(--font-meta);background:var(--surface-raised);min-width:22px;height:22px;color:var(--muted);border:1px solid var(--control-line);font-variant-numeric:tabular-nums;border-radius:4px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.selected .role-number{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.avatar{width:48px;min-width:48px;height:48px;font-size:var(--font-body);color:var(--text);background:var(--avatar-bg);border-radius:9px;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.small{width:32px;min-width:32px;height:32px;font-size:var(--font-meta);border-radius:8px}.page-heading{padding:28px 0}.back-link{font-size:var(--font-meta);color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.back-link:hover{color:var(--text)}.heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.heading-row p{color:var(--muted);font-size:var(--font-control);max-width:710px;margin-top:13px;line-height:1.75}.auth-gate{text-align:center;flex-direction:column;align-items:center;gap:23px;max-width:590px;margin:90px auto 120px;display:flex}.auth-gate p{color:var(--muted);max-width:460px;line-height:1.8}.auth-gate h1{font-size:28px}.login-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-self:center;padding:31px}.login-form>p{color:var(--muted);font-size:var(--font-meta);margin-top:10px;margin-bottom:22px;line-height:1.7}.providers{gap:10px;display:grid}.provider-button{background:var(--surface-raised);border:1px solid var(--control-line);min-height:51px;font-size:var(--font-control);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.provider-button>span{align-items:center;gap:12px;display:flex}.provider-button:not(.disabled):hover{border-color:var(--control-hover);background:var(--surface-hover)}.provider-button.disabled{opacity:.62;cursor:default}.separator{font-size:var(--font-meta);color:var(--muted);align-items:center;gap:10px;margin:24px 0;display:flex}.separator:before,.separator:after{content:"";background:var(--line);flex:1;height:1px}.login-form .field{margin-bottom:16px}.resend{width:100%;font-size:var(--font-meta);justify-content:center;margin-top:12px}.login-form .auth-footnote{font-size:var(--font-meta);color:var(--muted);align-items:flex-start;gap:7px;margin:23px 0 0;display:flex}.integration-unavailable{font-size:var(--font-meta);color:var(--muted);align-items:flex-start;gap:10px;line-height:1.7;display:flex}.settings-layout{grid-template-columns:minmax(0,1fr) 280px;gap:52px;max-width:1130px;display:grid}.form-section{border-bottom:1px solid var(--line);margin-bottom:30px;padding:0 0 24px}.form-section>h2{align-items:center;gap:9px;margin-bottom:25px;font-size:18px;display:flex}.form-section>h2 small{font-weight:500;font-size:var(--font-meta);margin-left:auto}.form-section>p{font-size:var(--font-meta);color:var(--muted);margin-top:-8px;margin-bottom:20px;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{background:var(--surface-raised);border:1px solid var(--line);min-height:43px;font-size:var(--font-meta);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.choice.selected{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.choice:hover:not(:disabled):not(:focus-visible){border-color:var(--control-hover)}.role-picker{flex-wrap:wrap;gap:8px;display:flex}.role-picker .choice{font-size:var(--font-meta);padding:7px 10px}.check-field{cursor:pointer;font-size:var(--font-meta);align-items:flex-start;gap:11px;min-height:44px;padding:9px 0;display:flex}.check-field input{appearance:auto;width:17px;min-width:17px;height:17px;min-height:17px;accent-color:var(--accent-text);margin:2px 0 0}.check-field>span{display:block}.check-field small{font-size:var(--font-meta);margin-top:5px;line-height:1.65;display:block}.privacy-grid{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.form-footer{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.settings-aside{border-left:1px solid var(--line);padding-left:27px}.settings-aside section{border-bottom:1px solid var(--line);margin-bottom:27px;padding-bottom:30px}.settings-aside h2{font-size:var(--font-body);align-items:center;gap:8px;margin-bottom:14px;display:flex}.settings-aside section>p{font-size:var(--font-meta);color:var(--muted);margin-bottom:15px;line-height:1.8}.identity-row{border-bottom:1px solid var(--line);min-height:45px;font-size:var(--font-meta);justify-content:space-between;align-items:center;gap:10px;display:flex}.identity-row:last-child{border:0}.identity-row .text-link,.identity-row>small{font-size:var(--font-meta)}.verified{color:var(--green);font-size:var(--font-meta);align-items:center;gap:5px;display:inline-flex}.settings-aside .muted-copy{font-size:var(--font-meta)}.import-date{font-size:var(--font-meta);color:var(--muted);margin-top:16px;display:block}.profile-page{max-width:1150px}.player-header{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:22px;padding:29px;display:flex}.player-header>.avatar{border-radius:12px;width:82px;min-width:82px;height:82px;font-size:27px}.player-header h2{margin-bottom:10px;font-size:29px}.player-header>.mmr{margin-left:auto;font-size:24px}.mmr{font-variant-numeric:tabular-nums;font-weight:500}.mmr small{font-size:var(--font-meta);color:var(--muted);font-weight:500}.player-bio{font-size:var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere;max-width:780px;margin:28px 0;line-height:1.8}.profile-details{grid-template-columns:1.1fr 1fr 1fr;gap:28px;margin-top:35px;display:grid}.profile-details>section+section{border-left:1px solid var(--line);padding-left:28px}.profile-details h3{margin-bottom:22px;font-size:18px;font-weight:700}.profile-details dl{margin:0}.profile-details dl>div{font-size:var(--font-control);justify-content:space-between;gap:14px;margin-bottom:17px;display:flex}.profile-details dt{color:var(--muted);white-space:nowrap}.profile-details dd{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;margin:0;display:flex}.profile-details .muted-copy{font-size:var(--font-meta)}.profile-details>section{min-width:0}.favorite-heroes-grid,.hero-picker-selection{gap:10px;margin:0;padding:0;list-style:none;display:grid}.favorite-heroes-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr));min-width:0}.hero-card,.hero-picker-option{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;position:relative;overflow:hidden}.hero-card-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.hero-card-name{font-size:var(--font-meta);overflow-wrap:anywhere;text-align:left;padding:7px 8px;font-weight:600;line-height:1.4;display:block}.hero-card-unknown{align-items:center;min-height:74px;display:flex}.hero-card-unknown .hero-card-name{color:var(--muted)}.hero-image-unavailable{aspect-ratio:16/9;background:var(--surface-raised);color:var(--muted);font-size:var(--font-aux);place-content:center;padding:8px;display:grid}.heroes-expand{min-height:36px;margin-top:12px}.hero-disclosure-icon{transition:transform .18s cubic-bezier(.2,.8,.2,1)}[aria-expanded=true]>.hero-disclosure-icon{transform:rotate(180deg)}.hero-picker{gap:16px;display:grid}.hero-picker-selection{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.hero-picker-selection .hero-card-unknown .hero-card-name{padding-right:38px}.hero-card-remove{border:1px solid var(--control-hover);background:var(--surface);width:32px;height:32px;color:var(--text);border-radius:5px;place-content:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.hero-card-remove:hover{background:var(--danger-soft);color:var(--danger)}.hero-picker-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-picker-count{color:var(--muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums}.hero-picker-panel{gap:12px;display:grid}.hero-search{background:var(--bg);border:1px solid var(--control-line);color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.hero-search:focus-within{border-color:var(--accent)}.hero-search input{background:0 0;border:0;padding:10px 0}.hero-search input:focus-visible{outline:none}.hero-picker-status,.heroes-empty{color:var(--muted);font-size:var(--font-meta);line-height:1.5}.hero-picker-grid{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;max-height:360px;padding:0 4px 2px 0;display:grid;overflow-y:auto}.hero-picker-option{align-self:stretch;padding:0}.hero-picker-option .hero-card-name{min-height:50px}.hero-picker-option:hover:not(:disabled):not(:focus-visible){border-color:var(--control-hover);background:var(--surface-raised)}.hero-picker-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.hero-picker-option[aria-pressed=true] .hero-card-name{color:var(--accent-text)}.hero-picker-option:focus-visible,.hero-card-remove:focus-visible{border-color:var(--text);outline:none}.hero-option-check{background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:5px;padding:3px;position:absolute;top:6px;right:6px}.report-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:650px;margin-top:30px;padding:25px}.setup-layout{grid-template-columns:minmax(0,640px) minmax(230px,1fr);gap:65px;max-width:1040px;display:grid}.setup-form{padding-top:12px}.setup-explainer{border-left:1px solid var(--line);padding-top:12px;padding-left:33px}.setup-explainer h2{margin-bottom:15px;font-size:20px;line-height:1.4}.setup-explainer>p{font-size:var(--font-meta);color:var(--muted);line-height:1.8}.setup-explainer>small{font-size:var(--font-meta);margin-top:25px;line-height:1.8;display:block}.setup-illustration{gap:5px;margin:0 0 29px;display:flex}.setup-illustration>div{border:1px dashed var(--control-line);width:40px;height:64px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.setup-illustration>div.included{color:var(--accent-text);border-style:solid;border-color:var(--accent-line);background:var(--accent-soft)}.setup-illustration>div>span{font-size:var(--font-meta)}.explainer-note{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.explainer-note h3{font-size:var(--font-body);margin-bottom:11px}.explainer-note p{font-size:var(--font-meta);color:var(--muted);line-height:1.8}.explainer-note .text-link{font-size:var(--font-meta);margin-top:13px}.field-hint{font-size:var(--font-meta);margin-top:9px;line-height:1.6;display:block}.flexibility-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px;padding:22px 0}.flexibility-section h2{font-size:var(--font-body)}.flexibility-section>p{font-size:var(--font-meta);color:var(--muted);margin:9px 0 16px}.form-submit{min-width:175px;margin-top:8px}.search-state{text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:12px auto 70px;display:flex}.search-orbit{border:1px solid var(--accent-line);background:var(--accent-soft);width:72px;height:72px;color:var(--accent-text);border-radius:50%;place-content:center;margin:20px 0 32px;display:grid}.search-orbit.paused{color:var(--muted);border-color:var(--line);animation:none}.search-state h2{font-size:28px}.search-state>p{color:var(--muted);font-size:var(--font-control);max-width:460px;margin-top:17px;line-height:1.8}.search-summary{flex-wrap:wrap;justify-content:center;gap:9px;margin:27px 0 32px;display:flex}.search-summary>span{background:var(--surface-raised);color:var(--muted);font-size:var(--font-meta);border-radius:5px;padding:7px 12px}.search-state .search-policy{font-size:var(--font-meta);margin-top:22px}.active-lobby-notice{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:430px;margin:60px auto 120px;display:flex}.active-lobby-notice p{color:var(--muted);font-size:var(--font-control);line-height:1.8}.group-page{max-width:1040px}.group-start{grid-template-columns:1fr 1fr;gap:40px;margin-top:14px;display:grid}.group-start>section,.group-start>form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px}.group-start h2{margin-top:23px;font-size:24px}.group-start p{color:var(--muted);font-size:var(--font-control);max-width:350px;margin:16px 0 25px;line-height:1.7}.group-start>.field,.group-start .field{margin-top:23px}.group-start svg{color:var(--muted)}.group-start .button svg{color:inherit}.group-invite{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:30px;padding:25px;display:flex}.group-invite h2{font-size:18px}.group-invite p{color:var(--muted);font-size:var(--font-meta);margin:12px 0}.group-invite code{font-size:var(--font-meta);color:var(--accent-text)}.group-members{margin-top:32px}.group-members h2{margin-bottom:17px;font-size:18px}.group-members h2 span{color:var(--muted);font-size:var(--font-control);margin-left:7px}.group-member{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:14px 0;display:flex}.group-member>span:last-child{color:var(--muted);font-size:var(--font-meta);margin-left:auto}.group-actions{align-items:center;gap:20px;margin-top:26px;display:flex}.status-badge{font-size:var(--font-meta);background:var(--success-soft);color:var(--green);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;display:flex}.status-badge>i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.playing{background:var(--warning-soft);color:var(--warning)}.status-badge.closed{color:var(--muted);background:var(--surface-raised)}.lobby-meta{color:var(--muted);font-size:var(--font-meta);align-items:center;gap:20px;margin-top:-12px;margin-bottom:25px;display:flex}.lobby-meta>span+span{border-left:1px solid var(--line);padding-left:20px}.lobby-meta>.icon-button{margin-left:auto}.lobby-slots{grid-template-columns:repeat(var(--slot-count), minmax(0, 1fr));gap:12px;display:grid}.lobby-recruitment{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 20px;display:flex}.lobby-recruitment h2{font-size:var(--font-control);color:var(--muted);letter-spacing:0;font-weight:600}.lobby-recruitment ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-recruitment li{background:var(--surface-raised);font-size:var(--font-meta);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.lobby-recruitment p{color:var(--muted);font-size:var(--font-meta)}.lobby-recruitment>.text-link{min-height:44px;margin-left:auto}.player-slot{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;min-height:286px;padding:15px 13px;transition:border-color .15s;display:flex;position:relative}.player-slot.speaking{border-color:var(--green)}.slot-top{justify-content:space-between;align-items:center;gap:5px;width:100%;min-height:22px;display:flex}.position-label{font-size:var(--font-meta);color:var(--muted);align-items:center;gap:6px;display:flex}.position-label .role-number{min-width:19px;height:19px;font-size:var(--font-meta)}.captain-icon{color:var(--warning)}.slot-profile{flex-direction:column;align-items:center;max-width:100%;margin-top:22px;display:flex}.slot-profile .avatar{border-radius:12px;width:62px;min-width:62px;height:62px;font-size:19px}.slot-profile h2{font-size:var(--font-body);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:13px;overflow:hidden}.slot-profile:hover h2{color:var(--accent-text)}.member-presence{font-size:var(--font-meta);color:var(--muted);align-items:center;gap:5px;margin-top:7px;display:flex}.member-presence i{background:var(--warning);border-radius:50%;width:4px;height:4px}.member-presence.online i{background:var(--green)}.player-slot>.mmr{font-size:var(--font-body);margin:18px 0 12px}.player-slot>.mmr small{font-size:var(--font-meta)}.dota-id{border-top:1px solid var(--line);width:100%;min-height:36px;font-size:var(--font-meta);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:3px;margin-top:auto;padding-top:5px;display:flex}.dota-id small{font-size:var(--font-meta)}.dota-id .icon-button svg{width:13px;height:13px}.kick-action{justify-content:center;align-items:center;gap:3px;min-height:30px;margin-top:8px;display:flex}.kick-action .text-link{font-size:var(--font-meta);color:var(--danger)}.kick-action .button{font-size:var(--font-meta);min-height:31px;padding:6px 8px}.player-slot.vacant{color:var(--muted);background:0 0;border-style:dashed;justify-content:flex-start}.vacant-position{font-size:var(--font-meta);color:var(--muted);align-self:flex-start}.vacant-symbol{border:1px dashed var(--control-line);border-radius:12px;place-content:center;width:62px;height:62px;margin-top:25px;margin-bottom:19px;display:grid}.player-slot.vacant strong{font-weight:600;font-size:var(--font-control);color:var(--muted)}.player-slot.vacant>small{font-size:var(--font-meta);text-align:center;margin-top:9px}.player-slot.vacant .text-link{font-size:var(--font-meta);margin-top:auto}.lobby-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 9px;display:flex}.report-trigger{margin-left:auto}.captain-hint{font-size:var(--font-meta);color:var(--muted);margin-top:15px}.lobby-communication{grid-template-columns:minmax(0,1fr) 285px;gap:27px;margin-top:35px;display:grid}.chat-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;height:440px;display:flex;overflow:hidden}.chat-panel>h2{font-size:var(--font-body);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:19px 21px;display:flex}.chat-caption{font-size:var(--font-meta);color:var(--muted);font-weight:500}.chat-messages{scrollbar-color:var(--scrollbar) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:19px 21px;overflow-y:auto}.chat-message{margin-bottom:18px}.chat-message>div{font-size:var(--font-meta);align-items:center;gap:12px;display:flex}.chat-message>div>a{color:var(--text);font-weight:500}.chat-message.own>div>a{color:var(--accent-text)}.chat-message time{font-size:var(--font-meta);color:var(--muted)}.chat-message p{font-size:var(--font-meta);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;line-height:1.7}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.chat-empty p{font-size:var(--font-body);color:var(--muted)}.chat-empty small{font-size:var(--font-meta);max-width:290px;line-height:1.7}.chat-compose{border-top:1px solid var(--line);gap:10px;padding:13px;display:flex}.chat-compose input{font-size:var(--font-meta);background:0 0;border:1px solid #0000}.chat-compose .button{min-width:43px;padding:10px}.voice-panel>section{border-bottom:1px solid var(--line);margin-bottom:22px;padding:0 0 25px}.voice-panel>section:last-child{border:0;margin-bottom:0}.voice-panel h2{font-size:var(--font-body);align-items:center;gap:10px;display:flex}.voice-panel p{font-size:var(--font-meta);color:var(--muted);margin:13px 0 17px;line-height:1.8}.voice-panel .button{font-size:var(--font-meta)}.voice-panel small{font-size:var(--font-meta);color:var(--muted);margin-top:15px;line-height:1.7;display:block}.voice-connected{font-size:var(--font-meta);color:var(--green);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.voice-connected small{width:100%;margin-top:2px}.voice-connected[data-state=error]{color:var(--danger)}.voice-connected[data-state=connecting]{color:var(--muted)}.voice-connected .online-dot{background:currentColor}.discord-link{color:var(--discord);font-size:var(--font-meta);align-items:center;gap:7px;margin:17px 0;display:flex}.discord-link:hover{color:var(--discord)}.discord-link svg:last-child{margin-left:auto}.discord-consent{font-size:var(--font-meta);margin-top:15px;line-height:1.6}.voice-dock{z-index:50;background:var(--success-soft);border:1px solid var(--success-line);border-radius:11px;justify-content:space-between;align-items:center;gap:15px;max-width:1180px;margin:auto;padding:12px 16px;display:flex;position:fixed;bottom:17px;left:230px;right:24px;box-shadow:0 5px 40px #0006}.voice-dock-label{color:var(--green);align-items:center;gap:12px;display:flex}.voice-dock-label a{font-size:var(--font-meta);display:block}.voice-dock-label small{font-size:var(--font-meta);color:var(--muted);margin-top:3px;display:block}.voice-actions{align-items:center;gap:5px;display:flex}.voice-actions .muted{color:var(--danger)}.voice-actions .button{font-size:var(--font-meta);min-height:36px;padding:8px 10px}.device-select{background:var(--surface-input);border-color:var(--control-line);max-width:180px;font-size:var(--font-meta);min-height:36px;margin:0 5px;padding:7px 20px 7px 10px}.voice-audio{display:none}.room-members-only{color:var(--muted);border-top:1px solid var(--line);font-size:var(--font-meta);justify-content:center;align-items:center;gap:14px;margin-top:30px;padding:45px;display:flex}.lobby-editor{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:25px;padding:25px}.lobby-editor h2{margin-bottom:25px;font-size:18px}.join-requests{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.join-requests h2{margin-bottom:14px;font-size:17px}.join-requests h2>span{color:var(--muted);font-size:var(--font-meta);margin-left:8px}.request-row{border-bottom:1px solid var(--line);font-size:var(--font-meta);align-items:center;gap:13px;padding:12px 0;display:flex}.request-row>small{font-size:var(--font-meta);margin-left:auto}.request-row>.button{font-size:var(--font-meta)}.admin-page{max-width:950px}.admin-controls{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:650px;margin-bottom:35px;padding:25px}.admin-controls h2{margin-bottom:23px;font-size:19px}.reports-list h2{margin-bottom:20px}.report-row{border-bottom:1px solid var(--line);padding:18px 0}.report-row time{font-size:var(--font-meta);color:var(--muted)}.report-row p{font-size:var(--font-control);overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0;line-height:1.8}.report-links{flex-wrap:wrap;gap:20px;display:flex}.report-links .text-link{font-size:var(--font-meta)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media (min-width:1600px){main{width:100%;max-width:1580px;margin:0 auto}}@media (max-width:1250px){.sidebar{width:184px;padding-left:11px;padding-right:11px}.workspace{margin-left:184px}main{padding:0 28px 45px}.topbar{padding:0 28px}.footer{margin:0 28px}.brand{gap:8px;font-size:26px}.nav-item{font-size:var(--font-meta);gap:9px}.settings-layout{grid-template-columns:minmax(0,1fr) 248px;gap:30px}.settings-aside{padding-left:23px}.setup-layout{grid-template-columns:minmax(0,1fr) 235px;gap:35px}.setup-explainer{padding-left:23px}.lobby-slots{gap:8px}.player-slot{padding:12px 8px}.position-label{font-size:var(--font-meta);gap:4px}.slot-top .captain-icon{width:14px}.voice-dock{left:204px}.lobby-communication{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.login-form{padding:26px}}@media (max-width:1024px){.sidebar{width:172px}.workspace{margin-left:172px}main{padding:0 22px 40px}.topbar{padding:0 22px}.topbar-left,.topbar-right{gap:15px}.footer{font-size:var(--font-meta);margin:0 22px}.brand{font-size:24px}.brand img{width:30px;height:30px}.settings-layout{grid-template-columns:1fr}.settings-aside{border:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:25px;padding:26px 0 0;display:grid}.settings-aside>.muted-copy{grid-column:span 2}.settings-aside section{margin-bottom:0}.setup-layout{grid-template-columns:minmax(0,1fr) 205px;gap:27px}.setup-explainer{padding-left:20px}.setup-explainer h2{font-size:18px}.setup-illustration>div{width:29px;height:50px}.setup-illustration>div svg{width:16px}.setup-form .form-grid{grid-template-columns:1fr}.login-form{margin-top:5px}.profile-details{grid-template-columns:1fr 1fr}.profile-details>section:last-child{border:0;border-top:1px solid var(--line);grid-column:span 2;padding:25px 0 0}.player-header{gap:16px;padding:20px}.player-header h2{font-size:23px}.player-header>.avatar{width:62px;min-width:62px;height:62px}.player-header>.mmr{font-size:18px}.lobby-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-slots .player-slot{min-height:262px}.lobby-communication{grid-template-columns:1fr}.voice-panel{grid-template-columns:1fr 1fr;gap:25px;display:grid}.voice-panel>section{border:0;padding:0}.voice-panel>section+section{border-left:1px solid var(--line);padding-left:25px}.voice-dock{left:191px}.voice-dock-label small,.voice-dock-label a{font-size:var(--font-meta)}.device-select{max-width:132px}.group-start{gap:20px}.group-start>section,.group-start>form{padding:25px}.group-start h2{font-size:20px}.group-invite{flex-direction:column;align-items:flex-start;gap:20px}.onboarding-banner,.search-banner{font-size:var(--font-meta);padding-left:22px;padding-right:22px}.page-heading h1{font-size:28px}}@media (max-width:760px){.sidebar{z-index:70;width:240px;padding:24px 20px;transition:transform .18s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand{font-size:28px}.sidebar .nav-item{font-size:var(--font-body);min-height:49px}.sidebar nav{margin-top:35px}.mobile-close{display:flex;position:absolute;top:22px;right:15px}.mobile-menu{width:35px;min-width:35px;display:flex}.nav-scrim{z-index:60;background:#0009;display:block;position:fixed;inset:0}.workspace{margin-left:0}main{padding:0 20px 35px}.topbar{gap:10px;min-height:69px;padding:0 17px}.topbar-left,.topbar-right{gap:9px}.game-label{font-size:var(--font-meta);gap:6px}.game-mark{width:21px;height:21px;font-size:var(--font-control)}.topbar-right .button{font-size:var(--font-meta);min-height:38px;padding:8px 13px}.account-link{max-width:130px;font-size:var(--font-meta)}.topbar-right .logout-button{width:32px;min-width:32px;margin-left:0}.sidebar-bottom>p{font-size:var(--font-body)}.footer{font-size:var(--font-meta);flex-direction:column;gap:6px;margin:0 20px;padding:19px 0 22px}.page-heading{padding:24px 0}.back-link{margin-bottom:22px}.page-heading h1{font-size:28px}.heading-row{flex-wrap:wrap;align-items:flex-start;gap:15px}.heading-row p{font-size:var(--font-meta);margin-top:12px}.settings-layout{gap:27px}.form-grid{grid-template-columns:1fr}.form-section>h2{margin-bottom:21px;font-size:18px}.field{margin-bottom:20px}.field>small,.form-section>h2 small{font-size:var(--font-meta)}.privacy-grid{grid-template-columns:1fr;gap:5px}.settings-aside{grid-template-columns:1fr;gap:20px}.settings-aside>.muted-copy{grid-column:auto}.settings-aside section{padding-bottom:25px}.settings-aside h2{font-size:17px}.settings-aside section>p{font-size:var(--font-meta)}.identity-row{min-height:47px;font-size:var(--font-control)}.identity-row small,.settings-aside>.muted-copy{font-size:var(--font-meta)}.form-footer{gap:14px}.form-footer>.button{flex:1}.setup-layout{grid-template-columns:1fr;gap:33px}.setup-form{padding-top:0}.setup-explainer{border:0;border-top:1px solid var(--line);padding:25px 0 0}.setup-illustration{margin-bottom:21px}.setup-illustration>div{width:43px;height:59px}.setup-illustration>div svg{width:20px}.setup-explainer h2{font-size:21px}.setup-explainer>p,.setup-explainer>small{font-size:var(--font-meta)}.explainer-note h3{font-size:var(--font-body)}.explainer-note p{font-size:var(--font-meta)}.form-submit{width:100%;min-height:47px}.search-state{margin-top:0}.search-state h2{font-size:28px}.search-orbit{width:112px;height:112px}.login-form{padding:25px 22px}.login-form h2{font-size:23px}.login-form>p{font-size:var(--font-meta)}.provider-button{min-height:52px;font-size:var(--font-body)}.integration-unavailable{font-size:var(--font-meta)}.group-start{grid-template-columns:1fr;gap:19px;margin-top:0}.group-start h2{font-size:23px}.group-invite{padding:21px}.group-invite .button{width:100%}.group-member{gap:12px}.group-member>a{font-size:var(--font-control)}.group-member>span:last-child{font-size:var(--font-meta)}.group-actions{flex-wrap:wrap}.group-actions .button{flex:1}.player-header{flex-wrap:wrap;gap:15px;padding:23px 20px}.player-header>.avatar{width:66px;min-width:66px;height:66px}.player-header h2{font-size:23px}.player-header>.mmr{border-top:1px solid var(--line);width:100%;margin:8px 0 0;padding-top:15px;font-size:22px}.player-header .verified{font-size:var(--font-meta)}.profile-details{grid-template-columns:1fr;gap:27px}.profile-details>section+section{border:0;border-top:1px solid var(--line);padding:23px 0 0}.profile-details>section:last-child{grid-column:auto}.profile-details h3{font-size:var(--font-body);margin-bottom:19px}.profile-details dl>div{font-size:var(--font-control)}.profile-details .muted-copy{font-size:var(--font-meta)}.player-bio{font-size:var(--font-control);margin:23px 0}.report-form{padding:20px}.lobby-meta{font-size:var(--font-meta);flex-wrap:wrap;gap:10px;margin-top:-5px;margin-bottom:21px}.lobby-meta>span+span{padding-left:10px}.lobby-meta>.icon-button{width:30px;min-width:30px;height:30px}.lobby-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lobby-slots .player-slot{min-height:268px;padding:13px 11px}.slot-top{gap:5px}.position-label{font-size:var(--font-meta);gap:6px}.slot-profile .avatar{width:59px;min-width:59px;height:59px}.slot-profile h2{font-size:var(--font-body)}.dota-id{font-size:var(--font-meta)}.player-slot>.mmr{font-size:var(--font-body)}.player-slot>.mmr small,.vacant-position{font-size:var(--font-meta)}.lobby-controls{gap:9px}.lobby-controls .button{font-size:var(--font-meta);padding:10px 12px}.lobby-controls .button svg{width:15px}.lobby-controls .report-trigger{margin-left:0}.lobby-communication{gap:25px;margin-top:25px}.chat-panel{height:390px}.chat-panel>h2{font-size:var(--font-body);padding:17px}.chat-caption{display:none}.chat-messages{padding:17px}.chat-compose{padding:10px}.chat-compose input{font-size:var(--font-meta);padding-left:5px}.voice-panel{grid-template-columns:1fr;gap:22px}.voice-panel>section+section{border:0;border-top:1px solid var(--line);padding:23px 0 0}.voice-panel h2{font-size:17px}.voice-panel p,.voice-panel .button,.voice-panel small,.voice-panel .discord-consent{font-size:var(--font-meta)}.room-members-only{align-items:flex-start;padding:28px 0}.lobby-editor{padding:20px}.request-row{flex-wrap:wrap;gap:9px}.request-row>a,.request-row>small{font-size:var(--font-meta)}.request-row .button{min-height:34px}.voice-dock{flex-wrap:wrap;gap:8px;padding:11px 12px;bottom:10px;left:9px;right:9px}.voice-dock-label{gap:8px}.voice-dock-label a,.voice-dock-label small{font-size:var(--font-meta)}.voice-dock-label>svg{width:17px}.voice-actions{gap:2px;margin-left:auto}.voice-actions .icon-button{width:34px;min-width:34px;height:34px}.voice-actions .icon-button svg{width:17px}.device-select{max-width:124px;font-size:var(--font-meta);min-height:32px;margin:0 3px}.voice-actions .button{font-size:var(--font-meta);padding:7px}.toast{font-size:var(--font-meta);bottom:112px;right:18px}.onboarding-banner,.search-banner{font-size:var(--font-meta);padding:11px 20px}.onboarding-banner{flex-wrap:wrap;gap:2px}.onboarding-banner span:last-child{margin-left:auto}.auth-gate{margin:60px auto 80px}.auth-gate h1{font-size:29px}.admin-controls{padding:21px}.admin-controls .form-footer .button{font-size:var(--font-meta)}.admin-page .page-heading h1{font-size:28px}}@media (max-width:380px){main{padding-left:15px;padding-right:15px}.account-link>span:last-child{max-width:69px}.lobby-slots{gap:8px}.lobby-slots .player-slot{padding:12px 8px}.slot-profile h2{font-size:var(--font-control)}.position-label{font-size:var(--font-meta)}.device-select{max-width:105px}.voice-dock-label{width:100%;margin-bottom:2px}.voice-actions{justify-content:space-between;width:100%}.device-select{flex:1;max-width:190px}.settings-page .role-picker .choice{font-size:var(--font-meta);padding:7px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:760px){.party-voice{grid-area:3/1;gap:6px;min-height:38px;display:flex}.party-voice span{font-size:var(--font-meta);line-height:1.5;display:inline}.party-voice svg{width:15px;height:15px}.party-join{grid-area:3/2}.lobby-slots{align-items:stretch;gap:9px}.lobby-slots .player-slot{min-height:0;padding:10px}.slot-top{min-height:19px}.position-label{font-size:var(--font-meta);gap:5px}.position-label .role-number{min-width:17px;height:17px}.slot-profile{flex-direction:row;justify-content:flex-start;gap:8px;width:100%;margin-top:10px}.slot-profile .avatar{width:32px;min-width:32px;height:32px;font-size:var(--font-meta);border-radius:8px}.slot-profile h2{font-size:var(--font-meta);text-align:left;margin:0}.member-presence{font-size:var(--font-meta);margin-top:5px}.player-slot>.mmr{font-size:var(--font-control);margin:8px 0 4px;line-height:1.4}.player-slot>.mmr small{font-size:var(--font-meta)}.dota-id{min-height:32px;font-size:var(--font-meta);margin-top:3px;padding-top:2px}.dota-id .icon-button{width:32px;min-width:32px;height:32px}.kick-action{min-height:28px;margin-top:0}.kick-action .button{min-height:28px;padding:5px 7px}.kick-action .text-link{min-height:28px}.lobby-slots .player-slot.vacant{justify-content:center;min-height:126px}.vacant-position{font-size:var(--font-meta);align-self:center}.vacant-symbol{border-radius:8px;width:29px;height:29px;margin:10px 0 7px}.vacant-symbol svg{width:17px;height:17px}.player-slot.vacant strong{font-size:var(--font-meta)}.player-slot.vacant>small{font-size:var(--font-meta);margin-top:5px}.player-slot.vacant .text-link{margin-top:5px}}@media (pointer:coarse){.button.compact,.icon-button,.text-link,.mode-tabs button,.filter-roles button,.choice,.reset-filters,.party-join .button,.voice-actions .icon-button,.dota-id .icon-button{min-height:44px}.icon-button,.voice-actions .icon-button,.dota-id .icon-button{min-width:44px}}@media (max-width:760px){.sidebar:not(.mobile-open){visibility:hidden}.sidebar.mobile-open{visibility:visible}}::selection{background:var(--accent);color:#fff}input,textarea{caret-color:var(--accent)}.field{min-width:0}.field-label,legend{color:var(--text);font-size:var(--font-control);font-weight:600;line-height:1.4}.field>small,.field-hint{font-size:var(--font-meta);line-height:1.5}fieldset>.field-hint{color:var(--muted);margin-top:10px}.select-trigger{background:var(--surface-input);border:1px solid var(--control-line);width:100%;min-width:0;min-height:44px;font-size:var(--font-control);text-align:left;color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:600;line-height:1.5;display:flex}.select-trigger:hover:not(:disabled):not(:focus-visible):not([data-state=open]){background:var(--surface-raised);border-color:var(--control-hover)}.select-trigger[data-state=open]{border-color:var(--accent)}.select-trigger[data-placeholder]{color:var(--muted)}.select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-icon{width:16px;height:16px;color:var(--muted);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.select-trigger[data-state=open] .select-icon{transform:rotate(180deg)}.select-option-content{align-items:center;gap:10px;min-width:0;display:flex}.select-option-icon{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.select-option-icon .role-number{min-width:22px;height:22px}.select-option-label{min-width:0}.select-value .select-option-label{text-overflow:ellipsis;overflow:hidden}.rank-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px;display:block}.rank-badge{align-items:center;gap:8px;display:inline-flex}:is(.select-trigger:has(.rank-icon),.select-item:has(.rank-icon)){padding-top:5px;padding-bottom:5px}.select-content{z-index:110;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(360px, var(--radix-select-content-available-height));background:var(--surface-raised);font-size:var(--font-control);transform-origin:var(--radix-select-content-transform-origin);border:1px solid #0000;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #0009}.select-content[data-state=open]{animation:.12s ease-out select-enter}.select-content[data-state=closed]{animation:.1s ease-in select-exit}@keyframes select-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-viewport{padding:5px}.select-item{cursor:pointer;min-height:40px;color:var(--text);-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;align-items:center;gap:10px;padding:9px 34px 9px 11px;line-height:1.5;display:flex;position:relative}.select-item[data-highlighted]{background:var(--surface-hover);color:var(--text)}.select-item[data-state=checked]{color:var(--accent-text)}.select-item[data-disabled]{opacity:.4;pointer-events:none}.select-item-label{overflow-wrap:anywhere}.select-item-indicator{display:flex;position:absolute;right:10px}.select-item-indicator svg{width:16px;height:16px}.select-scroll-button{background:var(--surface-raised);min-height:28px;color:var(--muted);justify-content:center;align-items:center;display:flex}.checkbox-control{border:1px solid var(--control-hover);background:var(--bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;margin:2px 0 0;padding:0;display:inline-flex}.checkbox-control[data-state=checked]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.checkbox-control:hover{border-color:var(--accent)}.select-trigger:focus-visible,.button:focus-visible,.choice:focus-visible,.icon-button:focus-visible,.provider-button:focus-visible,.checkbox-control:focus-visible{border-color:var(--accent);outline:none}.button.primary:focus-visible,.checkbox-control[data-state=checked]:focus-visible{border-color:var(--text)}.back-link:focus-visible,.text-link:focus-visible,.party-name>a:focus-visible,.filter-more:focus-visible,.reset-filters:focus-visible{color:var(--accent-text);text-underline-offset:4px;outline:none;text-decoration:underline;text-decoration-thickness:2px}.checkbox-indicator{display:flex}.checkbox-indicator svg{stroke-width:3px;width:14px;height:14px}.check-field{font-size:var(--font-control);gap:12px}.check-field small{font-size:var(--font-meta)}.range-inputs input,.range-inputs.wide input{min-height:44px;font-size:var(--font-control);padding:10px 12px}.range-inputs>span{color:var(--muted);font-size:var(--font-meta)}.button{font-size:var(--font-control)}.button.compact{min-height:40px}.text-link{font-size:var(--font-control)}.role-picker .choice,.choice{font-size:var(--font-control);min-height:44px;font-weight:600}.role-number{min-width:24px;height:24px;font-size:var(--font-aux)}.brand{font-size:26px}.nav-item{font-size:var(--font-control)}.sidebar-bottom{padding-top:24px}.dev-badge{font-size:var(--font-aux);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px 7px;line-height:1}.topbar-left,.topbar-right{gap:16px}.game-label{font-size:var(--font-meta);letter-spacing:0}.game-mark{display:none}.account-link{font-size:var(--font-meta)}.footer{color:var(--muted);font-size:var(--font-aux)}.page-heading h1,.auth-gate h1{letter-spacing:-.025em;font-size:28px;line-height:1.3}.heading-row p{font-size:var(--font-body);margin-top:8px;line-height:1.6}.back-link{font-size:var(--font-control)}.resume-banner{border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--font-control);align-items:center;gap:12px;padding:12px 32px;display:flex}.resume-banner>.button{margin-left:auto}.resume-banner>.icon-button{flex-shrink:0}.onboarding-banner{font-size:var(--font-control)}.onboarding-banner>span:last-child{flex-shrink:0}.catalog-heading{justify-content:space-between;align-items:center;gap:20px;padding:28px 0 24px;display:flex}.catalog-heading h1{letter-spacing:-.025em;font-size:28px;line-height:1.3}.catalog-actions{align-items:center;gap:10px;display:flex}.catalog-toolbar{align-items:center;padding:0 0 20px;display:flex}.mode-tabs{background:var(--surface);border-radius:10px;gap:4px;padding:4px;display:flex}.mode-tabs button{color:var(--muted);font-size:var(--font-control);white-space:nowrap;background:0 0;border-radius:7px;min-height:40px;padding:9px 18px;font-weight:600;line-height:1.4}.mode-tabs button.selected{background:var(--text);color:var(--bg)}.mode-tabs button.selected:focus-visible{outline-color:var(--bg);outline-offset:-3px}.mode-tabs button:hover:not(.selected){color:var(--text);background:var(--surface-raised)}.catalog-body{flex-direction:column;display:flex}.filter-panel{border-bottom:1px solid var(--line);padding:0 0 16px}.filter-heading{display:none}.filter-content{gap:16px;display:grid}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;display:grid}.filter-grid .field,.filter-grid fieldset{margin:0}.filter-grid .field-label,.filter-grid legend{margin-bottom:8px}.filter-grid .select-trigger,.filter-grid input{background:var(--surface-input)}.filter-grid input:hover:not(:focus-visible){border-color:var(--control-hover)}.filter-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-more,.reset-filters{color:var(--muted);font-size:var(--font-meta);background:0 0;align-items:center;gap:8px;min-height:36px;padding:4px 0;display:inline-flex}.filter-more:hover,.reset-filters:hover{color:var(--text)}.filter-more>svg:last-child,.filter-chevron{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.filter-more[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.filter-count{min-width:20px;height:20px;color:var(--accent-text);background:var(--accent-soft);font-size:var(--font-aux);font-variant-numeric:tabular-nums;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.party-list{min-width:0}.list-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 0 16px;display:flex}.list-count{font-size:var(--font-body);white-space:nowrap;align-items:center;gap:10px;display:flex}.list-count strong{font-weight:600}.list-count>span{color:var(--muted);font-size:var(--font-meta);background:var(--surface-raised);font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 7px}.catalog-search{width:240px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.catalog-search:focus-within{border-color:var(--accent)}.catalog-search input{font-size:var(--font-control);background:0 0;border:0;min-height:40px;padding:9px 0}.catalog-search input:focus-visible{outline:none}.list-columns,.party-row{grid-template-columns:minmax(200px,1.8fr) minmax(168px,1.1fr) minmax(100px,.8fr) minmax(130px,.9fr) 112px;align-items:center;gap:20px;display:grid}.list-columns{font-size:var(--font-aux);color:var(--muted);padding:0 18px 12px;font-weight:600}.party-row{border-radius:var(--radius);background:var(--surface);border:1px solid #0000;min-height:98px;margin-bottom:8px;padding:18px;transition:background-color .16s}.party-row:hover,.party-row:focus-within{background:var(--surface-hover)}.party-row:last-child{margin-bottom:0}.party-name{min-width:0}.party-name>a{font-size:var(--font-body);overflow-wrap:anywhere;margin-bottom:5px;font-weight:700;line-height:1.5;display:block}.party-name>a:hover{color:var(--accent-text)}.party-name>span{font-size:var(--font-meta);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.party-name i{background:var(--muted);border-radius:50%;width:3px;height:3px}.party-composition{align-items:center;gap:10px;display:flex}.mini-slots{gap:3px;display:flex}.mini-slots .avatar,.empty-mini-slot{border-radius:4px;width:25px;min-width:25px;height:28px;font-size:10px}.empty-mini-slot{border:1px dashed var(--control-hover);color:var(--muted);place-content:center;display:grid}.party-composition>small{font-size:var(--font-meta);color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}.party-composition>small>span{color:var(--muted)}.party-mmr{font-size:var(--font-control);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.party-mmr small{font-size:var(--font-meta);margin-top:3px}.party-voice{color:var(--muted);align-items:center;gap:8px;display:flex}.party-voice span{font-size:var(--font-meta)}.party-join .button{width:100%;min-height:40px;font-size:var(--font-control);padding:9px 12px}.party-join .button svg{width:16px;height:16px}.catalog-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:40px 16px;display:flex}.empty-icon{color:var(--muted);margin-bottom:18px}.catalog-empty h2{font-size:20px;font-weight:700}.catalog-empty p{max-width:440px;font-size:var(--font-control);color:var(--muted);margin:10px 0 22px;line-height:1.6}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.list-skeleton{gap:12px;padding:16px 0;display:grid}.list-skeleton>div{height:80px}.auth-layout{flex-direction:column;align-items:stretch;gap:24px;max-width:440px;margin:48px auto 64px;display:flex}.auth-layout>.back-link{align-self:flex-start;margin:0}.auth-layout>.auth-gate{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:stretch;gap:16px;width:100%;max-width:none;margin:0;padding:28px}.auth-layout>.auth-gate h1{font-size:26px}.auth-layout>.auth-gate p{font-size:var(--font-body);line-height:1.6}.auth-layout>.auth-gate .button{width:100%;margin-top:8px}.login-form{width:100%;padding:28px}.login-form h1{letter-spacing:-.025em;margin-bottom:24px;font-size:26px}.login-form>p{font-size:var(--font-control);margin:12px 0 24px;line-height:1.6}.login-form .field-label{font-size:var(--font-control)}.login-form .auth-footnote{font-size:var(--font-meta);line-height:1.5}.provider-button{font-size:var(--font-control)}.provider-button small{font-size:var(--font-meta)}.form-section>h2{margin-bottom:22px;font-size:20px}.form-section>p{font-size:var(--font-control);line-height:1.6}.settings-aside h2{font-size:var(--font-body)}.settings-aside section>p,.settings-aside .muted-copy{font-size:var(--font-meta);line-height:1.6}.identity-row{font-size:var(--font-control);gap:8px}.identity-row .text-link,.identity-row>small{font-size:var(--font-meta)}.setup-explainer>p,.explainer-note p,.setup-explainer>small{font-size:var(--font-control);line-height:1.6}.setup-explainer h2{font-size:18px}.setup-explainer>.explainer-note:first-child{border-top:0;margin-top:0;padding-top:0}.setup-layout{grid-template-columns:minmax(0,660px) minmax(220px,1fr);gap:40px}.position-label,.member-presence,.dota-id,.dota-id small,.player-slot>.mmr small,.vacant-position{font-size:var(--font-meta)}.position-label .role-number{font-size:var(--font-aux);min-width:22px;height:22px}.slot-profile h2,.player-slot>.mmr{font-size:var(--font-body)}.kick-action .text-link,.kick-action .button{font-size:var(--font-meta)}.dota-id{flex-wrap:wrap}.dota-id .icon-button{width:36px;min-width:36px;height:36px}.lobby-meta{font-size:var(--font-control)}.chat-message p,.chat-compose input{font-size:var(--font-body);line-height:1.6}.chat-message>div{font-size:var(--font-meta)}.chat-message time,.chat-caption{font-size:var(--font-aux)}.voice-panel p,.voice-panel .button,.voice-panel small{font-size:var(--font-control)}.voice-panel h2,.chat-panel>h2{font-size:18px}.voice-panel .button{margin-top:16px}.voice-panel p+.button{margin-top:0}.voice-dock-label a{font-size:var(--font-control)}.voice-dock-label small{font-size:var(--font-aux)}.voice-dock:not([data-state=connected]){background:var(--surface);border-color:var(--control-line)}.voice-dock[data-state=error] .voice-dock-label{color:var(--danger)}.voice-dock[data-state=connecting] .voice-dock-label{color:var(--muted)}body:has(.voice-dock) .toast{top:84px;bottom:auto}.voice-actions{flex-wrap:wrap}.voice-actions .button{font-size:var(--font-meta);min-height:40px}.device-select.select-trigger{width:190px;max-width:190px;min-height:40px;font-size:var(--font-meta);padding:8px 10px}@media (max-width:1250px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.workspace{margin-left:200px}.nav-item{font-size:var(--font-control)}.catalog-heading{align-items:flex-start}.catalog-actions{gap:8px}.catalog-actions .button{padding-left:13px;padding-right:13px}.list-columns,.party-row{grid-template-columns:minmax(165px,1.5fr) minmax(150px,1fr) 90px 110px 100px;gap:14px}.party-join .button{padding:9px 8px}.mini-slots .avatar,.empty-mini-slot{width:22px;min-width:22px;height:26px}.filter-grid{gap:12px}.lobby-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.list-columns{display:none}.party-row{grid-template-columns:minmax(0,1fr) auto 114px;gap:12px 24px;padding:18px}.party-name{grid-area:1/1/auto/3}.party-mmr{grid-area:1/3;align-items:flex-end}.party-composition{grid-area:2/1}.party-voice{grid-area:2/2}.party-join{grid-area:2/3}.catalog-actions .button{font-size:var(--font-control)}.catalog-heading h1{font-size:26px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setup-layout{grid-template-columns:minmax(0,1fr) 230px;gap:28px}}@media (max-width:760px){body,input,textarea{font-size:var(--font-body)}.sidebar{width:256px}.workspace{margin-left:0}main{padding:0 20px 32px}.topbar{min-height:64px}.topbar-left,.topbar-right{gap:10px}.topbar-right .button{min-height:40px;font-size:var(--font-control)}.account-link{font-size:var(--font-meta)}.catalog-heading{padding:24px 0 20px;display:block}.catalog-heading h1{font-size:26px}.catalog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.catalog-actions .button{font-size:var(--font-control);min-height:44px;padding:11px 8px}.catalog-actions .button svg{width:16px}.catalog-toolbar{padding-bottom:16px}.mode-tabs{gap:4px;width:100%;overflow-x:auto}.mode-tabs button{min-height:44px;font-size:var(--font-control);flex:1 0 auto;padding:10px}.filter-panel{border-top:1px solid var(--line);padding:0}.filter-heading{width:100%;min-height:52px;font-size:var(--font-control);background:0 0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.filter-heading>span{align-items:center;gap:9px;display:flex}.filter-heading svg{color:var(--muted)}.filter-panel.expanded .filter-chevron{transform:rotate(180deg)}.filter-content{display:none}.filter-panel.expanded .filter-content{padding:4px 0 16px;display:grid}.filter-grid{gap:16px 12px}.filter-grid .field-label,.filter-grid legend{font-size:var(--font-meta)}.filter-grid .select-trigger{font-size:var(--font-control);gap:6px;padding-left:10px;padding-right:10px}.filter-grid .select-option-content{gap:7px}.filter-grid input,.range-inputs input,.range-inputs.wide input{font-size:var(--font-body);padding:10px}.filter-grid .range-inputs{gap:5px}.filter-actions{flex-wrap:wrap;gap:4px}.filter-more,.reset-filters{font-size:var(--font-meta);min-height:40px}.list-toolbar{flex-wrap:wrap;gap:12px;padding:20px 0 6px}.list-count{font-size:var(--font-control)}.catalog-search{width:195px;min-width:0}.catalog-search input{font-size:var(--font-body)}.party-row{grid-template-columns:minmax(0,1fr) 104px;gap:14px;padding:16px}.party-name{grid-area:1/1}.party-name>a{font-size:var(--font-body);line-height:1.5}.party-name>span{font-size:var(--font-meta)}.party-mmr{font-size:var(--font-control);grid-area:1/2}.party-mmr small{font-size:var(--font-aux)}.party-composition{grid-area:2/1/auto/3}.mini-slots .avatar,.empty-mini-slot{width:27px;min-width:27px;height:30px}.party-voice{grid-area:3/1;gap:8px;min-height:44px}.party-voice span{font-size:var(--font-meta)}.party-join{grid-area:3/2}.party-join .button{font-size:var(--font-control);min-height:44px}.catalog-empty{min-height:300px;padding:32px 0}.catalog-empty h2{font-size:20px}.catalog-empty p{font-size:var(--font-control)}.empty-actions{gap:14px}.footer{font-size:var(--font-aux)}.page-heading h1,.auth-gate h1{font-size:26px}.heading-row p,.player-bio{font-size:var(--font-body)}.form-grid,.setup-layout{grid-template-columns:1fr}.role-picker .choice,.settings-page .role-picker .choice{font-size:var(--font-control);padding:8px 10px}.auth-layout{gap:20px;margin:24px auto 40px}.resume-banner{flex-wrap:wrap;padding:12px 20px}.resume-banner>span{flex:1;min-width:160px}.resume-banner>.button{margin-left:0}.onboarding-banner{font-size:var(--font-meta);align-items:flex-start;gap:10px}.hero-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:340px}.hero-picker-selection{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.favorite-heroes-grid{gap:8px;max-width:440px}.hero-card-name{font-size:var(--font-meta);padding:7px 6px}.hero-card-remove{width:36px;height:36px;top:3px;right:3px}.auth-layout>.auth-gate{padding:24px 20px}.auth-layout>.auth-gate h1{font-size:24px}.login-form{padding:24px 20px}.login-form h1{font-size:24px}.login-form>p{font-size:var(--font-control)}.lobby-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lobby-slots .player-slot:not(.vacant){grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-height:0;padding:16px;display:grid}.slot-top{grid-column:1/-1}.slot-profile{flex-direction:row;grid-column:1/-1;justify-self:start;align-items:center;gap:12px;margin-top:4px}.slot-profile h2{font-size:var(--font-body);white-space:normal;overflow-wrap:anywhere;margin-top:0}.slot-profile .avatar{width:44px;min-width:44px;height:44px;font-size:var(--font-meta)}.position-label{font-size:var(--font-meta);gap:5px}.member-presence{font-size:var(--font-meta);grid-area:3/1;margin:0}.player-slot>.mmr{font-size:var(--font-body);text-align:right;grid-area:3/2;max-width:150px;margin:0}.player-slot>.mmr small{font-size:var(--font-meta)}.dota-id{font-size:var(--font-meta);border:0;grid-area:4/1;justify-content:flex-start;gap:0;padding:0}.dota-id .icon-button{width:40px;min-width:40px;height:40px}.kick-action{flex-wrap:wrap;grid-area:4/2;justify-content:flex-end;gap:4px;width:100%;max-width:150px;margin:0}.kick-action .text-link,.kick-action .button{font-size:var(--font-meta);white-space:normal;min-height:44px}.player-slot.vacant strong,.player-slot.vacant .text-link{font-size:var(--font-meta)}.lobby-slots .player-slot.vacant{min-height:164px}.lobby-meta{font-size:var(--font-meta)}.lobby-controls .button{font-size:var(--font-meta);min-height:44px}.chat-compose input{font-size:var(--font-body)}.voice-actions{justify-content:flex-start;gap:4px;width:100%}.device-select.select-trigger{width:auto;min-width:105px;max-width:none;font-size:var(--font-meta);flex:1;margin:0}.voice-actions .button{margin-left:auto}.voice-dock-label{margin-bottom:6px}.voice-dock-label a{font-size:var(--font-control)}.voice-dock-label small{font-size:var(--font-aux)}}@media (max-width:380px){main{padding-left:16px;padding-right:16px}.catalog-actions{grid-template-columns:1fr}.catalog-search{width:100%}.filter-grid{grid-template-columns:1fr}.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.list-toolbar{gap:12px}}@media (pointer:coarse){.select-item,.select-trigger,.mode-tabs button,.filter-more,.reset-filters{min-height:44px}}.required-mark{color:var(--accent-text);margin-left:4px;font-weight:700}.required-mark:before{content:"*"}.field-error,.field>.field-error{color:var(--danger);font-size:var(--font-meta);margin-top:8px;line-height:1.5;display:block}.field-invalid :is(input,textarea,.select-trigger),.fieldset-invalid .choice{border-color:var(--danger)}.field-invalid :is(input,textarea,.select-trigger):focus-visible{border-color:var(--accent-text)}.profile-mmr-field{max-width:360px}.profile-required-summary{border:1px solid var(--accent-line);background:var(--accent-soft);font-size:var(--font-control);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.profile-required-summary strong{color:var(--text);font-weight:600}.profile-required-summary>div{flex-wrap:wrap;gap:8px 16px;display:flex}.profile-required-summary button{min-height:32px;color:var(--accent-text);font-size:var(--font-control);background:0 0;align-items:center;gap:7px;padding:0;display:inline-flex}.profile-required-summary button:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px}@media (max-width:760px){.settings-form .form-section>h2{flex-wrap:wrap}body:has(.voice-dock) .toast{top:76px}.profile-required-summary{align-items:flex-start;gap:4px 12px}.profile-required-summary button{min-height:40px}.profile-mmr-field{max-width:none}}
.favorite-heroes{gap:12px;display:grid}.hero-position-filters{flex-wrap:wrap;gap:4px;display:flex}.hero-position-filter-label{color:var(--muted);font-size:var(--font-aux);align-self:center;margin-right:2px;line-height:1.4}.hero-position-filters>button{background:var(--surface-input);min-width:36px;min-height:44px;color:var(--muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-weight:600;line-height:1.4}.hero-position-filters>button:hover:not([aria-pressed=true]):not(:focus-visible){background:var(--surface-hover);color:var(--text)}.hero-position-filters>button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.hero-position-filters>button:focus-visible,.hero-position-choice:focus-visible{border-color:var(--text);outline:none}.hero-picker .hero-picker-selection{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));align-items:stretch}.hero-picker .hero-card,.favorite-heroes .hero-card{flex-direction:column;align-items:stretch;display:flex}.hero-card .hero-card-image{flex:none}.hero-positions-trigger{border:0;border-top:1px solid var(--line);width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding:8px;display:flex}.hero-positions-trigger:hover,.hero-positions-trigger[aria-expanded=true]{background:var(--surface-raised);color:var(--accent-text)}.hero-positions-trigger:focus-visible{color:var(--text);outline:none}.hero-picker .hero-card:has(.hero-positions-trigger:focus-visible){border-color:var(--text)}.hero-positions-placeholder{font-size:var(--font-meta);overflow-wrap:anywhere;line-height:1.45}.hero-position-badges{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.hero-position-badge{max-width:100%;color:var(--muted);font-size:var(--font-aux);text-align:left;overflow-wrap:anywhere;align-items:baseline;gap:5px;line-height:1.45;display:inline-flex}.hero-position-number{color:var(--accent-text);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.favorite-heroes .hero-card>.hero-position-badges,.hero-positions-unspecified{margin-top:auto;padding:0 8px 9px}.hero-positions-unspecified{color:var(--muted);font-size:var(--font-aux);line-height:1.45}.favorite-heroes .heroes-expand{justify-self:start;margin-top:0}.hero-position-editor{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-input);min-width:0;padding:16px}.hero-position-editor-slot{grid-column:1/-1;min-width:0;list-style:none}.hero-position-editor-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hero-position-editor-heading h3{font-size:var(--font-body);overflow-wrap:anywhere;line-height:1.45}.hero-position-choices{flex-wrap:wrap;gap:8px;display:flex}.hero-position-choice{border:1px solid var(--control-line);background:var(--surface);max-width:100%;min-height:44px;color:var(--text);font-size:var(--font-meta);text-align:left;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;padding:8px 10px;line-height:1.4;display:inline-flex}.hero-position-choice:hover:not([aria-pressed=true]):not(:focus-visible){background:var(--surface-hover);border-color:var(--control-hover)}.hero-position-choice[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.hero-position-choice:focus-visible{border-color:var(--text)}.hero-position-check{visibility:hidden}.hero-position-choice[aria-pressed=true] .hero-position-check{visibility:visible}.hero-position-editor-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.hero-position-editor-footer p,.hero-position-editor-footer .text-link{font-size:var(--font-meta);line-height:1.5}.hero-position-editor-footer p{color:var(--muted)}@media (max-width:760px){.hero-picker .hero-picker-selection{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-position-editor{padding:12px}}@media (pointer:coarse){.hero-position-filters>button,.hero-positions-trigger,.hero-position-choice,.hero-position-editor-footer .text-link{min-height:44px}}
:root{--sidebar:#131315;--placeholder:#959ba5;--scrollbar:#73737c;--avatar-bg:#36363e;--danger-soft:#352424;--danger-line:#845454;--warning:#e5c99c;--warning-soft:#2d2720;--success-soft:#202a23;--success-line:#526052;--discord:#b2b6d5;--popup-shadow:0 12px 32px #00000061}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f3f5;--surface:#fff;--surface-raised:#f0f0f3;--surface-hover:#e8e8ed;--surface-input:#fff;--sidebar:#fbfbfc;--line:#dcdce2;--control-line:#acacb8;--control-hover:#747481;--text:#23232c;--muted:#5d5d6b;--placeholder:#696977;--scrollbar:#92929e;--accent:#c12d3d;--accent-hover:#ae2333;--accent-text:#b32537;--accent-soft:#fcecef;--accent-line:#bd6a77;--on-accent:#fff;--avatar-bg:#e4e4eb;--green:#286640;--danger:#aa2836;--danger-soft:#fcebed;--danger-line:#c57982;--warning:#785519;--warning-soft:#f7edda;--success-soft:#e8f3eb;--success-line:#7caa88;--discord:#555c95;--popup-shadow:0 12px 32px #1a1a2a26}.select-content{box-shadow:var(--popup-shadow)}.select-item[data-highlighted]{color:var(--text)}.topbar{position:relative}.theme-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar-right{min-width:0;max-width:calc(50% - 56px)}@media (max-width:760px){.theme-slot{margin-left:auto;position:static;transform:none}.topbar-right{gap:8px;max-width:50%}.topbar .dev-badge{display:none}}@media (max-width:380px){.topbar .account-link>span:not(.avatar){display:none}}.button{position:relative}.button[aria-busy=true]{opacity:1;cursor:progress}.button-content{align-items:center;justify-content:inherit;gap:inherit;display:inline-flex}.button[aria-busy=true]>.button-content{opacity:0}.button>.button-spinner{color:var(--text);margin:auto;position:absolute;inset:0}.button.primary>.button-spinner{color:var(--on-accent)}.dialog-form{flex-direction:column;min-height:0;display:flex}.dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 24px 24px;overflow-y:auto}.dialog-body textarea{resize:vertical;min-height:140px;max-height:40dvh}.dialog-fields{border:0;flex-direction:column;gap:24px;min-width:0;margin:0;padding:0;display:flex}.dialog-fields>.form-grid{gap:20px;margin:0}.dialog-fields .field{margin-bottom:0}.dialog-fields fieldset{border:0;min-width:0;margin:0;padding:0}.dialog-fields legend{font-size:var(--font-control);margin-bottom:12px;font-weight:650}.dialog-fields input,.dialog-body textarea{font-size:1rem}.dialog-body .notice{margin:20px 0 0}.dialog-form>.notice{flex-shrink:0;margin:0 24px 16px}.input-counter{text-align:right;color:var(--muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums;margin-top:8px;display:block}.dialog-footer{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.dialog-footer .dialog-danger-action{color:var(--danger);margin-right:auto}.close-room-confirmation h3{margin-bottom:8px;font-size:20px}.close-room-confirmation p{color:var(--muted);margin:0}@media (max-width:600px){.dialog-body{padding:0 20px 20px}.dialog-footer{padding:16px 20px}.dialog-form>.notice{margin-inline:20px}.dialog-footer .dialog-danger-action{flex-basis:100%;justify-content:flex-start;padding-left:0}.dialog-fields>.form-grid{grid-template-columns:1fr}.dialog-footer .button{padding-inline:12px}}.search-state{padding-top:28px}.search-activity{width:96px;height:96px;color:var(--accent-text);flex-shrink:0;place-items:center;margin:8px 0 28px;display:inline-grid;position:relative}.search-activity:before{content:"";background:var(--accent-soft);border-radius:50%;position:absolute;inset:12px}.search-activity>svg{position:relative}.search-track{border:2px solid var(--line);border-radius:50%;position:absolute;inset:0}.search-track:after{content:"";border-radius:inherit;border:2px solid #0000;border-top-color:var(--accent-text);position:absolute;inset:-2px;transform:rotate(-35deg)}.search-activity[data-active=true] .search-track:after{animation:2.2s linear infinite search-scan}.search-activity[data-active=false]{color:var(--muted)}.search-activity[data-active=false]:before{background:var(--surface-raised)}.search-activity[data-active=false] .search-track:after{display:none}.search-activity.compact{width:24px;height:24px;margin:0}.search-activity.compact:before{display:none}.search-activity .search-dots{align-items:center;gap:3px;height:18px;display:flex}.search-dots i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite search-dot}.search-dots i:nth-child(2){animation-delay:.16s}.search-dots i:nth-child(3){animation-delay:.32s}.search-summary{gap:8px;max-width:560px}.search-summary>span{color:var(--text);font-size:var(--font-control);align-items:center;gap:8px;font-weight:550;display:inline-flex}.search-summary svg{color:var(--muted);flex-shrink:0}.search-banner[data-paused=true]{background:var(--surface-raised);border-color:var(--line);color:var(--muted)}@keyframes search-scan{to{transform:rotate(325deg)}}@keyframes search-dot{0%,70%,to{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.search-activity .search-track:after,.search-dots i{animation:none!important}}
:root{--glass-fill:#202024;--glass-floating:#242428;--glass-shell:#17171b;--glass-line:#ffffff1c;--glass-edge:#ffffff2e;--glass-sheen:linear-gradient(135deg, #ffffff0d, transparent 52%);--glass-shadow:inset 0 1px 0 #ffffff0f, 0 8px 24px #0000001a;--glass-floating-shadow:inset 0 1px 0 #ffffff17, 0 16px 44px #0000005c;--glass-blur:none;--canvas-light:#b4b9ca12;--canvas-crimson:#b0273926;--control-sheen:linear-gradient(180deg, #ffffff0d, transparent)}html[data-theme=light]{--glass-fill:#fcfcfd;--glass-floating:#fff;--glass-shell:#f7f7fa;--glass-line:#3b3b5224;--glass-edge:#fffffff0;--glass-sheen:linear-gradient(135deg, #ffffff8c, transparent 58%);--glass-shadow:inset 0 1px 0 #ffffffe6, 0 8px 24px #2621340a;--glass-floating-shadow:inset 0 1px 0 #fff, 0 16px 44px #26213424;--canvas-light:#979fbd21;--canvas-crimson:#c12d3d17;--control-sheen:linear-gradient(180deg, #ffffff14, transparent)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-fill:#1e1e23c7;--glass-floating:#222228eb;--glass-shell:#151519eb;--glass-blur:blur(20px) saturate(115%)}html[data-theme=light]{--glass-fill:#ffffffbd;--glass-floating:#fffffff0;--glass-shell:#f9f9fcf0}}html{background:var(--bg);scroll-padding-top:92px}body{background-color:var(--bg);background-image:radial-gradient(ellipse 850px 600px at 100% 0, var(--canvas-crimson), transparent 80%), radial-gradient(ellipse 650px 600px at 15% 300px, var(--canvas-light), transparent 85%);background-repeat:no-repeat}::selection{background:var(--accent-soft);color:var(--accent-text)}input,textarea{caret-color:var(--accent-text)}.sidebar,.topbar{background-color:var(--glass-shell);background-image:var(--glass-sheen);border-color:var(--glass-line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.sidebar{box-shadow:inset -1px 0 #ffffff05}.topbar{z-index:35;position:sticky;top:0}.nav-item{border:1px solid #0000;padding:10px 9px}.nav-item.active{background-image:var(--control-sheen);border-color:var(--accent-line)}.nav-item.active>svg{color:var(--accent-text)}.sidebar-bottom{padding-top:20px}.sidebar-bottom>.nav-item:first-child{margin-top:16px}.footer{border-color:var(--glass-line)}.filter-panel,.party-row,.login-form,.auth-layout>.auth-gate,.player-header,.player-slot:not(.vacant),.chat-panel,.lobby-editor,.group-start>section,.group-start>form,.group-invite,.report-form,.admin-controls,.glass-surface{background-color:var(--glass-fill);background-image:var(--glass-sheen);border:1px solid var(--glass-line);border-top-color:var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:14px}.player-slot.speaking{border-color:var(--green)}.party-row{transition:background-color .16s,border-color .16s}.party-row:hover,.party-row:focus-within{background-color:var(--surface-hover);border-color:var(--control-hover)}.party-name>a{letter-spacing:-.01em}.party-composition{border-radius:6px;width:fit-content}.party-join .button{background-image:var(--control-sheen)}.player-slot.vacant{background:0 0}.filter-panel{padding:20px 20px 12px}.filter-grid .range-inputs input{min-height:44px}.filter-actions{padding-top:2px}.filter-more{min-height:40px}.advanced-filters{border-top:1px solid var(--glass-line);padding-top:16px}.mode-tabs{background:var(--glass-fill);border:1px solid var(--glass-line);box-shadow:inset 0 1px #ffffff0a}.mode-tabs button.selected{box-shadow:0 2px 6px #0000001f}.list-toolbar{padding-top:24px;padding-bottom:18px}.list-count strong{font-size:18px;font-weight:700}.catalog-search{background:var(--surface-input);border-color:var(--control-line)}.catalog-search input{min-height:44px}.catalog-search:focus-within{border-color:var(--accent)}.button.secondary{background-image:var(--control-sheen)}.button.primary{box-shadow:inset 0 1px #ffffff26,0 4px 12px #0000001f}.button.secondary:hover:not(:disabled):not(:focus-visible){background-image:var(--control-sheen)}.button:active:not(:disabled){box-shadow:inset 0 2px 4px #0000001f}.select-content,.glass-floating{background-color:var(--glass-floating);background-image:var(--glass-sheen);border:1px solid var(--glass-line);border-top-color:var(--glass-edge);box-shadow:var(--glass-floating-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px}@media (max-width:760px){html{scroll-padding-top:80px}.sidebar{background-color:var(--glass-floating);box-shadow:var(--glass-floating-shadow)}.filter-panel{padding:0 14px}.filter-heading{min-height:54px}.filter-panel.expanded .filter-content{padding-bottom:14px}.filter-panel>:last-child:not(.filter-content):not(.filter-heading){margin-bottom:14px}.list-toolbar{padding-top:20px;padding-bottom:12px}.list-count strong{font-size:var(--font-body)}.filter-grid{column-gap:10px}}@media (prefers-reduced-transparency:reduce){:root{--glass-fill:#202024;--glass-floating:#242428;--glass-shell:#17171b;--glass-blur:none;--glass-sheen:none}html[data-theme=light]{--glass-fill:#fcfcfd;--glass-floating:#fff;--glass-shell:#f7f7fa;--glass-sheen:none}body{background-image:none}}@media (prefers-reduced-motion:reduce){.party-row{transition:none}}@media (forced-colors:active){.sidebar,.topbar,.glass-floating,.select-content{-webkit-backdrop-filter:none}.nav-item.active,.mode-tabs button.selected{outline-offset:-3px;outline:2px solid highlight}}