@font-face{font-family:Friz Quadrata;src:url(/assets/friz-quadrata-regular-B-iMVutb.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Beaufort for LoL;src:url(/assets/beaufort-regular-CxtFtn44.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Beaufort for LoL;src:url(/assets/beaufort-medium-DqvvYDSK.ttf) format("truetype");font-style:normal;font-weight:500 600;font-display:swap}@font-face{font-family:Beaufort for LoL;src:url(/assets/beaufort-bold-DSkSUwkj.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Beaufort for LoL;src:url(/assets/beaufort-heavy-C6irZmKk.ttf) format("truetype");font-style:normal;font-weight:800 900;font-display:swap}@font-face{font-family:Spiegel Sans Trial;src:url(/assets/spiegel-regular-trial-CKCJoAos.woff2) format("woff2");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Spiegel Sans Trial;src:url(/assets/spiegel-semibold-trial-DDRWFkH_.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Spiegel Sans Trial;src:url(/assets/spiegel-bold-trial-5694-V-5.woff2) format("woff2");font-style:normal;font-weight:700 900;font-display:swap}:root{color-scheme:dark;font-family:Spiegel Sans Trial,Segoe UI,system-ui,sans-serif;font-synthesis:none;--font-brand: "Friz Quadrata", Georgia, "Times New Roman", serif;--font-display: "Beaufort for LoL", "Friz Quadrata", Georgia, "Times New Roman", serif;--font-ui: "Spiegel Sans Trial", "Segoe UI", system-ui, sans-serif;--bg: #050b0f;--sidebar: #03080c;--surface: #0a151c;--surface-raised: #10232b;--surface-soft: #071117;--border: #43381f;--border-strong: #785a28;--gold-border: #785a28;--gold: #c89b3c;--gold-strong: #c8aa6e;--text: #e8e5dc;--text-soft: #b1b3ab;--text-muted: #6d7f87;--accent: #12a8b5;--accent-strong: #4ed7df;--accent-surface: #09262d;--green: #3fc383;--warning: #d0a14c;--red: #d6575d;--purple: #9e7ad8;--radius: 3px;--radius-small: 2px;--shadow: 0 18px 42px rgba(0, 0, 0, .38);--rail-width: 248px;--topbar-height: 96px;--motion-fast: .15s;--motion-medium: .2s}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--bg);font-family:var(--font-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold-strong);outline-offset:2px}h1,h2,h3,p,dl,dd{margin:0}.eyebrow{display:block;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.panel{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:#0a1720f0;box-shadow:inset 0 1px #c6a96309}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-small);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.44}.button--primary{color:#031317;border-color:#67e7ed;background:#15b8c5;box-shadow:inset 0 0 0 1px #03131780,0 0 0 1px #0b6670}.button--primary:hover:not(:disabled){background:#2dced8;box-shadow:inset 0 0 0 1px #03131773,0 0 0 1px #168a96,0 0 15px #13aeba21}.button--secondary{color:var(--gold-strong);border-color:var(--gold-border);background:#151b1d}.button--secondary:hover:not(:disabled){border-color:#917943;background:#1c2528}.button--ghost{color:var(--text-soft);border-color:var(--border);background:transparent}.button--ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:#ffffff09}.button--destructive{color:#ffdadd;border-color:#6b343a;background:#3c2226}.button--destructive:hover:not(:disabled){background:#4a292e}.button--success{color:#061610;border-color:#72e1ae;background:var(--green)}.button--success:hover:not(:disabled){background:#79d0ad}.button--wide{width:100%}.demo-legal-nav{grid-column:1 / -1;display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;color:var(--text-muted);border-top:1px solid var(--gold-border);background:#03080c;font-size:9px}.demo-legal-nav nav{display:flex;align-items:center;gap:16px}.demo-legal-nav a{color:var(--gold-strong);text-decoration:none}.demo-legal-nav a:hover,.demo-legal-nav a:focus-visible{color:var(--text)}.demo-legal-nav p{font-size:8px;line-height:1.4;text-align:right}.demo-legal-nav--compact{display:block;min-height:0;margin-bottom:14px;padding:13px 0;border-block:1px solid var(--border);border-top-color:var(--border);background:transparent}.demo-legal-nav--compact nav{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 11px}.demo-legal-nav--compact nav a:first-child{display:none}.demo-legal-nav--compact a{color:var(--text-muted);font-size:8px}.icon-button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;color:var(--text-muted);border:1px solid transparent;border-radius:2px;background:transparent;cursor:pointer}.icon-button:hover:not(:disabled){color:var(--gold-strong);border-color:var(--gold-border);background:var(--surface-raised)}.icon-button:disabled{cursor:not-allowed;opacity:.35}.text-button{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 4px;color:var(--gold-strong);border:0;background:none;cursor:pointer;font-size:12px;font-weight:650}.alert{display:flex;align-items:flex-start;gap:11px;margin:14px 0;padding:12px 14px;border:1px solid;border-radius:var(--radius-small);font-size:12px;line-height:1.5}.alert>div{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.alert strong{color:inherit}.alert span{color:var(--text-soft)}.alert button{min-height:30px;margin-left:auto;padding:0 10px;color:inherit;border:1px solid currentColor;border-radius:4px;background:transparent;cursor:pointer;font-size:11px}.alert--error{color:#f0a0a6;border-color:#62353a;background:#2a1c20}.alert--warning{color:var(--warning);border-color:#5a482d;background:#292318}.alert--info{color:var(--accent-strong);border-color:#2d505c;background:#16252b}.dialog{width:min(560px,100%);overflow:hidden;border:1px solid var(--border-strong);border-radius:3px;background:#0a1720;box-shadow:var(--shadow)}.dialog>header{padding:25px 28px 19px;border-top:2px solid var(--gold-border);border-bottom:1px solid var(--border)}.dialog h1{margin-top:5px;font-size:24px;line-height:1.2}.dialog header p{margin-top:7px;color:var(--text-soft);font-size:13px;line-height:1.5}.dialog__body{padding:23px 28px}.dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:69px;padding:13px 28px;border-top:1px solid var(--border);background:var(--surface-soft)}.empty-state{display:grid;min-height:180px;place-items:center;align-content:center;padding:24px;text-align:center}.empty-state>span{display:grid;width:44px;height:44px;margin-bottom:10px;place-items:center;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;background:var(--surface-soft)}.empty-state strong{font-size:14px}.empty-state p{max-width:340px;margin-top:5px;color:var(--text-muted);font-size:12px}.toast{position:fixed;z-index:30;right:24px;bottom:24px;display:flex;min-width:240px;align-items:center;gap:10px;padding:13px 15px;color:#caf3e1;border:1px solid #376f5a;border-radius:var(--radius);background:#183127;box-shadow:var(--shadow);font-size:12px;animation:slide-in .18s ease-out}.skeleton{display:grid;gap:8px}.skeleton i{display:block;height:12px;border-radius:4px;background:#252b33;animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton i:last-child{width:65%}.brand{display:flex;align-items:center;gap:11px}.brand__mark{position:relative;display:grid;width:37px;height:37px;place-items:center;color:var(--gold-strong);border:1px solid #806b3a;border-radius:2px;background:#081b22;box-shadow:inset 0 0 0 3px #050d12,0 0 0 1px #4a3a1b;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.brand__mark img{display:block;width:30px;height:30px;object-fit:contain;-webkit-user-select:none;user-select:none}.brand__type strong,.brand__type small{display:block}.brand__type strong{color:var(--gold-strong);font-family:var(--font-brand);font-size:15px;letter-spacing:.03em}.brand__type small{margin-top:1px;color:#70858d;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.app-shell{display:grid;width:100%;height:100%;grid-template-columns:var(--rail-width) minmax(0,1fr);background:var(--bg)}.sidebar{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;padding:10px 9px 15px;border:1px solid var(--gold-border);background:linear-gradient(180deg,#03090d,#07151c 74%,#050d12);box-shadow:9px 0 26px #0000002b,inset 0 0 0 4px #03090d}.sidebar:after{position:absolute;top:0;right:4px;width:1px;height:100%;content:"";background:linear-gradient(transparent 3%,rgba(200,155,60,.26) 15%,transparent 72%)}.sidebar>.brand{min-height:302px;justify-content:center;flex-direction:column;gap:22px;margin:0 0 7px;border-bottom:1px solid var(--border)}.sidebar>.brand .brand__mark{width:164px;height:164px;border:0;background:transparent;box-shadow:none;clip-path:none}.sidebar>.brand .brand__mark img{width:154px;height:154px;filter:drop-shadow(0 7px 11px rgba(0,0,0,.72))}.sidebar>.brand .brand__type{display:flex;align-items:baseline;gap:5px}.sidebar>.brand .brand__type strong{font-size:14px}.sidebar>.brand .brand__type small{color:var(--gold);font-size:10px;text-transform:none}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.nav-item{position:relative;display:flex;width:100%;min-height:76px;align-items:center;gap:15px;padding:0 27px;color:#8c96a2;border:1px solid transparent;border-radius:0;background:transparent;cursor:pointer;font-size:14px;font-weight:550;text-align:left;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);transition:var(--motion-fast) ease}.nav-item:hover:not(:disabled){color:var(--text);background:#101c22;transform:translate(1px)}.nav-item:disabled{cursor:not-allowed;opacity:.35}.nav-item--active{color:var(--text);border-color:var(--gold-border);background:linear-gradient(90deg,#0b2b35,#081a22);box-shadow:inset 3px 0 var(--gold)}.nav-item--active:after{position:absolute;top:0;right:0;width:9px;height:9px;content:"";background:var(--gold);clip-path:polygon(100% 0,100% 100%,0 0)}.nav-item--active svg{color:var(--accent-strong)}.nav-unread{display:grid;min-width:21px;height:21px;margin-left:auto;padding:0 6px;place-items:center;color:#041014;border-radius:11px;background:var(--accent-strong);font-size:9px;font-style:normal;font-weight:800}.sidebar__footer{margin-top:auto}.active-session-card{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:11px;border:1px solid #2d4d55;border-radius:var(--radius-small);background:#132228}.active-session-card strong,.active-session-card small{display:block}.active-session-card strong{font-size:11px}.active-session-card small{margin-top:2px;color:var(--text-muted);font-size:10px}.sidebar-status{padding:10px 18px 0;border-top:1px solid var(--border)}.sidebar-status>div{display:grid;min-height:48px;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:9px;color:var(--text-muted);font-size:10px}.sidebar-status strong{grid-column:2;margin-top:-14px;color:var(--green);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pulse-mini{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--accent);animation:pulse 1.5s ease-in-out infinite}.workspace{display:grid;width:100%;min-width:0;min-height:0;overflow:hidden;grid-template-rows:var(--topbar-height) minmax(0,1fr)}.workspace--web-demo{grid-template-rows:var(--topbar-height) auto minmax(0,1fr)}.topbar{display:flex;width:100%;min-width:0;max-width:100%;align-items:center;justify-content:space-between;padding:0 0 0 17px;overflow:hidden;border:1px solid var(--gold-border);background:#03090d;-webkit-app-region:drag}.topbar__identity{display:flex;align-items:center;gap:14px;min-width:0}.avatar{display:grid;width:60px;height:60px;flex:0 0 auto;aspect-ratio:1;overflow:hidden;place-items:center;color:var(--gold-strong);border:1px solid var(--gold-border);border-radius:50%;background:radial-gradient(circle at 50% 42%,#14333d,#071117 72%);box-shadow:inset 0 0 0 4px #061018,inset 0 0 0 5px #715e34,0 0 0 1px #c89b3c29;font-family:var(--font-display);font-size:21px;font-weight:700}.avatar--large{width:48px;height:48px;font-size:17px}.avatar__image{width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;object-fit:cover;-webkit-user-select:none;user-select:none}.topbar__identity strong,.topbar__identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__identity strong{font-size:20px;letter-spacing:.02em}.topbar__identity strong span{margin-left:3px;color:var(--text-muted);font-weight:500}.topbar__identity small{margin-top:4px;color:var(--text-muted);font-size:13px}.region-badge{margin-left:clamp(20px,10vw,145px);padding:8px 12px;color:var(--text-soft);border:0;border-left:1px solid var(--gold-border);border-radius:0;background:transparent;font-size:15px;font-weight:650}.topbar__statuses{display:flex;height:100%;align-items:center;gap:7px}.topbar__statuses>.icon-button{-webkit-app-region:no-drag}.status-badge{display:flex;min-height:58px;align-items:center;gap:9px;padding:0 18px;color:var(--text-muted);border:0;border-left:1px solid var(--gold-border);border-radius:0;background:transparent;font-size:11px}.status-badge span{color:var(--text-soft)}.status-badge strong{max-width:105px;overflow:hidden;color:var(--green);font-size:10px;font-weight:600;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%}.status-dot--success{background:var(--green)}.status-dot--warning{background:var(--warning)}.status-dot--danger{background:var(--red)}.status-dot--muted{background:#69737e}.status-dot--demo{background:var(--gold)}.league-mark{display:inline-block;flex:0 0 auto;overflow:visible}.window-controls{display:flex;height:100%;margin-left:2px;border-left:1px solid var(--gold-border);-webkit-app-region:no-drag}.window-controls button{display:grid;width:52px;height:100%;place-items:center;padding:0;color:#89979d;border:0;border-left:1px solid rgba(32,51,60,.45);border-radius:0;background:transparent;cursor:pointer;transition:color var(--motion-fast) ease,background var(--motion-fast) ease}.window-controls button:hover{color:var(--text);background:#132027}.window-controls .window-control--close:hover{color:#fff;background:#8f3035}.league-disconnected-banner{display:flex;min-height:44px;align-items:center;gap:9px;padding:8px 25px;color:var(--warning);border-bottom:1px solid #58482e;background:#272117;font-size:12px}.league-disconnected-banner span{color:#c8bda9}.league-disconnected-banner strong{color:#efd19e}.league-disconnected-banner button{min-height:30px;margin-left:auto;padding:0 10px;color:#f1cf95;border:1px solid #715b37;border-radius:4px;background:transparent;cursor:pointer;font-size:11px;font-weight:650}.web-demo-banner{display:flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:7px 20px;color:var(--gold-strong);border-bottom:1px solid rgba(200,155,60,.45);background:linear-gradient(90deg,#171106,#281b09 50%,#171106);font-size:10px;letter-spacing:.02em}.web-demo-banner span{color:#cfc5b2}.web-demo-banner strong{color:#f0d58f;text-transform:uppercase}.content{position:relative;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto;background:radial-gradient(ellipse at 71% 7%,rgba(15,93,100,.12),transparent 39%),radial-gradient(ellipse at 18% 94%,rgba(126,100,45,.045),transparent 38%),linear-gradient(145deg,#071118,#040a0e 70%)}.content:before{position:fixed;inset:var(--topbar-height) 0 0 var(--rail-width);content:"";pointer-events:none;opacity:.13;background-image:radial-gradient(ellipse at 72% 42%,transparent 0 19%,#785a28 19.15% 19.3%,transparent 19.45% 27%,#785a28 27.15% 27.28%,transparent 27.45% 36%,#785a28 36.1% 36.22%,transparent 36.4%),linear-gradient(118deg,transparent 56%,rgba(200,155,60,.2) 56.1%,transparent 56.25%);-webkit-mask-image:linear-gradient(105deg,transparent 8%,black 58%,transparent 95%);mask-image:linear-gradient(105deg,transparent 8%,black 58%,transparent 95%)}.content:after{position:fixed;inset:var(--topbar-height) 0 0 var(--rail-width);content:"";pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.screen{width:min(1250px,calc(100% - 48px));min-height:100%;margin:0 auto;padding:30px 0 40px}.screen--centered{display:grid;place-items:center}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.page-heading h1{margin-top:4px;color:var(--text);font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.12;letter-spacing:.025em;text-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 12px rgba(0,0,0,.45)}.page-heading p{max-width:570px;margin-top:5px;color:var(--text-muted);font-size:12px;line-height:1.5}.section-header{display:flex;min-height:42px;align-items:flex-start;justify-content:space-between;gap:18px}.section-header h2{color:var(--gold-strong);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.045em;text-shadow:0 1px 8px rgba(0,0,0,.4)}.section-header p{margin-top:4px;color:var(--text-muted);font-size:11px;line-height:1.45}.login-screen{display:grid;width:100%;height:100%;grid-template:64px minmax(0,1fr) / minmax(400px,1fr) minmax(420px,520px);background:radial-gradient(circle at 18% 70%,rgba(12,88,87,.18),transparent 37%),linear-gradient(125deg,#06151d,#03080d 60%)}.login-screen--web-demo{grid-template-rows:64px minmax(0,1fr) 38px}.login-topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 28px;border-bottom:1px solid var(--gold-border);background:var(--sidebar);-webkit-app-region:drag}.login-topbar__meta{display:flex;height:100%;align-items:center;gap:18px}.login-topbar__meta>span{color:var(--text-muted);font-size:10px}.login-context{display:flex;max-width:610px;flex-direction:column;justify-content:center;padding:6vw}.context-icon{display:grid;width:52px;height:52px;margin-bottom:22px;place-items:center;color:var(--gold-strong);border:1px solid #8b7137;border-radius:50%;background:#0a2430;box-shadow:inset 0 0 0 4px #061018}.login-context h1{max-width:540px;margin-top:8px;color:var(--text);font-family:var(--font-display);font-size:clamp(30px,3.3vw,45px);font-weight:600;line-height:1.08;letter-spacing:.015em;text-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 14px rgba(0,0,0,.48)}.login-context>div>p{max-width:550px;margin-top:16px;color:var(--text-soft);font-size:14px;line-height:1.65}.login-context ul{display:grid;gap:2px;max-width:540px;margin:34px 0 0;padding:0;list-style:none}.login-context li{display:flex;min-height:53px;align-items:center;gap:12px;padding:0 2px;color:var(--accent);border-bottom:1px solid var(--border)}.login-context li strong,.login-context li small{display:block}.login-context li strong{color:var(--text);font-size:12px}.login-context li small{margin-top:3px;color:var(--text-muted);font-size:10px}.login-panel{display:grid;place-items:center;padding:35px 48px;border-left:1px solid var(--gold-border);background:#030a10e0;overflow:auto}.login-card{width:100%;max-width:410px}.login-card>header{margin-bottom:22px}.login-card h2{margin-top:5px;font-size:23px}.login-card header p{margin-top:6px;color:var(--text-muted);font-size:12px;line-height:1.45}.field-label{display:block;margin:15px 0 7px;color:var(--text-soft);font-size:11px;font-weight:600}.login-card input,.login-card select,.input-stack input{width:100%;height:42px;padding:0 12px;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-small);background:#0d1116;font-size:12px}.login-card input:disabled,.login-card select:disabled{color:var(--text-soft);background:#15191f;opacity:1}.riot-id-fields{display:grid;grid-template-columns:minmax(0,1fr) 20px 92px;align-items:center}.riot-id-fields>span{color:var(--text-muted);text-align:center}.identity-detected{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--green);font-size:11px}.server-address-hint{display:block;margin-top:6px;color:var(--text-muted);font-size:10px}.league-path-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-soft)}.league-path-control--login{margin:14px 0}.league-path-control strong,.league-path-control small{display:block}.league-path-control strong{font-size:10px}.league-path-control small{overflow:hidden;margin-top:3px;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.league-path-control button{min-height:30px;padding:0 9px;color:var(--accent-strong);border:1px solid #315763;border-radius:4px;background:transparent;cursor:pointer;font-size:10px}.demo-toggle-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:11px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);cursor:pointer}.demo-toggle-card--locked{grid-template-columns:22px minmax(0,1fr) auto;color:var(--gold-strong);cursor:default}.demo-isolation-note{display:flex;min-height:65px;align-items:center;gap:13px;color:var(--gold-strong);border-bottom:1px solid var(--border)}.demo-isolation-note strong,.demo-isolation-note small{display:block}.demo-isolation-note strong{color:var(--text);font-size:11px}.demo-isolation-note small{margin-top:4px;color:var(--text-muted);font-size:9px;line-height:1.45}.button--full{display:flex;width:100%;align-items:center;justify-content:center}.demo-info-page{width:100%;height:100%;overflow:auto;background:radial-gradient(circle at 80% 10%,rgba(12,88,87,.13),transparent 32%),linear-gradient(145deg,#071118,#03080c 70%)}.demo-info-topbar{position:sticky;z-index:5;top:0;display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--gold-border);background:#03080cf5}.demo-info-topbar .brand__mark{width:48px;height:48px}.demo-info-topbar .brand__mark img{width:44px;height:44px}.demo-info-topbar a{color:var(--gold-strong);font-size:10px;font-weight:700;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.demo-info-content{width:min(1080px,calc(100% - 52px));min-height:calc(100vh - 150px);margin:0 auto;padding:70px 0 90px}.demo-info-heading{max-width:790px;padding-bottom:45px;border-bottom:1px solid var(--border)}.demo-info-heading h1{margin-top:9px;font-family:var(--font-display);font-size:clamp(36px,5vw,62px);font-weight:600;line-height:1.02}.demo-info-heading p{max-width:680px;margin-top:15px;color:var(--text-soft);font-size:13px;line-height:1.7}.demo-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px;border:1px solid var(--border)}.demo-mode-grid>article{min-height:520px;padding:34px;background:#09161de0}.demo-mode-grid>article+article{border-left:1px solid var(--border)}.demo-mode-grid h2,.demo-contact-grid h2{margin-top:42px;font-family:var(--font-display);font-size:31px;color:var(--gold-strong)}.demo-mode-grid>article>p,.demo-contact-grid p{margin-top:13px;color:var(--text-soft);font-size:12px;line-height:1.65}.demo-mode-grid ol{margin:29px 0 0;padding:0;list-style:none;border-top:1px solid var(--border)}.demo-mode-grid li{display:grid;gap:4px;padding:15px 0;border-bottom:1px solid var(--border)}.demo-mode-grid li strong{font-size:11px}.demo-mode-grid li span{color:var(--text-muted);font-size:10px;line-height:1.5}.demo-policy-callout{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:27px 32px;color:var(--gold-strong);border:1px solid var(--gold-border);border-top:0;background:#100f0b}.demo-policy-callout strong{font-family:var(--font-display);font-size:17px}.demo-policy-callout p{color:var(--text-soft);font-size:11px;line-height:1.65}.demo-legal-sections{margin-top:22px}.demo-legal-sections section{display:grid;grid-template-columns:240px 1fr;gap:38px;padding:31px 0;border-bottom:1px solid var(--border)}.demo-legal-sections h2{font-family:var(--font-display);font-size:18px;color:var(--gold-strong)}.demo-legal-sections p,.demo-legal-sections blockquote{margin:0;color:var(--text-soft);font-size:12px;line-height:1.75}.demo-legal-sections a{color:var(--accent-strong)}.demo-legal-sections blockquote{padding-left:18px;border-left:2px solid var(--gold)}.demo-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px;border:1px solid var(--border)}.demo-contact-grid article{min-height:300px;padding:34px}.demo-contact-grid article+article{border-left:1px solid var(--border)}.demo-info-action{display:inline-flex;min-height:40px;align-items:center;margin-top:30px;padding:0 15px;color:var(--gold-strong);border:1px solid var(--gold-border);text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.demo-toggle-card strong,.demo-toggle-card small{display:block}.demo-toggle-card strong{font-size:11px}.demo-toggle-card small{margin-top:2px;color:var(--text-muted);font-size:9px}.demo-badge{padding:3px 6px;color:#c8b5ef;border:1px solid #5b4a7d;border-radius:4px;font-size:8px;font-weight:700}.identity-summary{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(480px,1.2fr);align-items:center;margin-bottom:15px;padding:20px 22px;border-top-color:var(--gold-border)}.identity-summary__player{display:flex;align-items:center;gap:13px}.identity-summary__player h2{margin-top:3px;font-size:17px}.identity-summary__player h2 small{margin-left:4px;color:var(--text-muted);font-size:13px;font-weight:500}.identity-summary__player p{margin-top:4px;color:var(--text-muted);font-size:10px}.identity-summary__status{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--border)}.identity-summary__status>div{display:flex;align-items:center;gap:10px;padding-left:19px}.identity-summary__status small,.identity-summary__status strong{display:block}.identity-summary__status small{color:var(--text-muted);font-size:9px}.identity-summary__status strong{max-width:115px;overflow:hidden;margin-top:3px;font-size:11px;font-weight:600;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.status-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;color:var(--gold);border:1px solid var(--gold-border);border-radius:50%;background:#0b171b;box-shadow:inset 0 0 0 3px #071018}.status-icon--success{color:var(--green);border-color:#315847;background:#17281f}.status-icon--warning{color:var(--warning);border-color:#5a482e;background:#292318}.status-icon--danger{color:var(--red);border-color:#60353a;background:#2c1d20}.home-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(430px,1.28fr);gap:15px}.quick-match,.recent-panel{padding:19px}.role-pair{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:8px;margin:18px 0}.role-pair>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-soft)}.role-pair small,.role-pair strong{display:block}.role-pair small{color:var(--text-muted);font-size:9px}.role-pair strong{margin-top:2px;font-size:11px}.role-pair>svg{color:var(--text-muted)}.compact-metrics{margin:0 0 17px;border-top:1px solid var(--border)}.compact-metrics>div{display:flex;min-height:38px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.compact-metrics dt{color:var(--text-muted);font-size:10px}.compact-metrics dd{color:var(--text);font-size:11px;font-weight:600}.recent-panel .section-header{margin-bottom:9px}.recent-match{display:grid;min-height:56px;grid-template-columns:55px 30px minmax(0,1fr) 80px 50px;align-items:center;gap:9px;border-top:1px solid var(--border);color:var(--text-soft);font-size:11px}.recent-match div strong,.recent-match div small{display:block}.recent-match div strong{font-size:11px}.recent-match div small{margin-top:2px;color:var(--text-muted);font-size:9px}.recent-match>span:last-child{color:var(--text-muted);text-align:right}.result-pill{display:inline-grid;width:48px;min-height:24px;place-items:center;border:1px solid;border-radius:4px;font-size:9px;font-weight:750}.result-pill--win{color:#83d9b7;border-color:#356b55;background:#183127}.result-pill--loss{color:#efa2a8;border-color:#683a3f;background:#321f23}.result-pill--unknown{color:var(--text-soft);border-color:var(--border-strong);background:var(--surface-soft)}.matchmaking-stage{--summary-width: 300px;position:relative}.matchmaking-stage .page-heading{min-height:235px;align-items:flex-start;margin:0 calc(var(--summary-width) + 28px) 0 26px;padding-top:4px}.matchmaking-stage .page-heading:before{position:absolute;top:32px;left:0;width:2px;height:70px;content:"";background:linear-gradient(var(--gold),transparent)}.matchmaking-stage .page-heading .eyebrow{display:inline-flex;min-width:170px;padding-bottom:9px;border-bottom:1px solid var(--gold);color:var(--gold-strong);font-size:13px}.matchmaking-stage .page-heading h1{margin-top:45px;color:#f2f0e9;font-size:clamp(38px,3.65vw,53px);font-weight:600;line-height:1.06;letter-spacing:.025em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.12),0 3px 14px rgba(0,0,0,.62)}.matchmaking-stage .page-heading p{margin-top:34px;color:#9ba5a5;font-size:14px}.play-layout{display:block;margin-right:calc(var(--summary-width) + 28px)}.match-mode-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.match-mode-option{display:grid;min-height:72px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:13px;padding:10px 14px;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:0;background:#051117e0;cursor:pointer;text-align:left;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.match-mode-option:hover:not(:disabled){color:var(--text);border-color:#52717a;background:#0a222b}.match-mode-option--active{color:var(--text);border-color:var(--gold);background:linear-gradient(115deg,#25889633,#08181ff5 58%);box-shadow:inset 3px 0 0 var(--accent)}.match-mode-option:disabled{cursor:not-allowed;opacity:.48}.match-mode-option--active:disabled{opacity:.78}.match-mode-option__players{display:grid;min-height:42px;place-items:center;color:var(--gold-strong);border-right:1px solid var(--border);font-family:var(--font-display);font-size:20px;letter-spacing:.08em}.match-mode-option strong,.match-mode-option small{display:block}.match-mode-option strong{color:inherit;font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.match-mode-option small{margin-top:5px;color:var(--text-muted);font-size:9px;letter-spacing:.03em}.role-panel{isolation:isolate;overflow:hidden;padding:22px 24px 26px;border:0;background:#796b47;clip-path:polygon(27px 0,calc(100% - 27px) 0,100% 27px,100% calc(100% - 27px),calc(100% - 27px) 100%,27px 100%,0 calc(100% - 27px),0 27px)}.role-panel:before{position:absolute;z-index:0;inset:1px;content:"";pointer-events:none;background:linear-gradient(160deg,#08161d,#050f15);clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px)}.role-panel:after{position:absolute;z-index:0;inset:7px;box-sizing:border-box;padding:1px;content:"";pointer-events:none;background:#c89b3c80;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.role-matrix{position:relative;z-index:1;display:grid;grid-template-columns:140px repeat(5,minmax(0,1fr));grid-template-rows:62px 164px 164px;border:1px solid var(--border-strong);background:#030c116b}.role-matrix__corner{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.role-matrix__column{display:grid;place-items:end center;padding-bottom:11px;color:var(--gold-strong);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.role-matrix__column i{width:11px;height:11px;margin-top:7px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}.role-matrix__row-label{display:flex;align-items:center;justify-content:flex-end;gap:13px;padding-right:18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--gold-strong);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.role-matrix__row-label i{width:11px;height:11px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.role-matrix__row-label--secondary{color:#77c5d4;border-bottom:0}.role-matrix__options{display:grid;grid-column:2 / -1;grid-template-columns:repeat(5,minmax(0,1fr))}.role-option{position:relative;display:grid;min-width:0;place-items:center;padding:0;color:#75828a;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;background:#0612188a;cursor:pointer;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease}.role-option:hover:not(:disabled){z-index:2;color:#b8c4c8;background:#0d252e;box-shadow:inset 0 0 0 1px #45636c;transform:translateY(-1px)}.role-option--active{z-index:3;color:var(--accent-strong);border:1px solid var(--gold);background:radial-gradient(circle at 50% 46%,#1b818e36,#081d25 68%);box-shadow:inset 0 0 0 2px #0a1014,inset 0 0 0 3px var(--accent),0 0 18px #22c0cf1a;animation:role-lock var(--motion-medium) ease-out}.role-option--active:before,.role-option--active:after{position:absolute;inset:7px;content:"";pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) top left / 18px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) top left / 1px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) top right / 18px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) top right / 1px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 18px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 1px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / 18px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / 1px 18px no-repeat}.role-option--active:after{inset:11px;opacity:.35}.role-option:disabled:not(.role-option--active){cursor:not-allowed;opacity:.22;filter:saturate(.3)}.role-option--swap{color:#8fa4aa;background:#0b242c9e}.role-option--swap:hover:not(:disabled){color:var(--accent-strong);border-color:var(--accent)}.role-option__lock{position:absolute;z-index:4;right:50%;bottom:-17px;display:grid;width:34px;height:34px;place-items:center;color:var(--gold-strong);border:1px solid var(--gold);background:#0b1820;transform:translate(50%) rotate(45deg)}.role-option__lock svg{width:18px;height:18px;transform:rotate(-45deg)}.role-glyph{display:inline-grid;flex:0 0 auto;place-items:center;color:var(--gold-strong);border:1px solid #6e5e38;border-radius:2px;background:#08151a;box-shadow:inset 0 0 0 2px #050d12;transform:rotate(45deg)}.role-glyph svg{width:62%;height:62%;overflow:visible;transform:rotate(-45deg)}.role-glyph--small{width:25px;height:25px}.role-glyph--medium{width:32px;height:32px}.role-glyph--large{width:39px;height:39px}.role-glyph--top{color:#d0b27b}.role-glyph--jungle{color:#75c895}.role-glyph--mid{color:#70c6d9}.role-glyph--adc{color:#c19acb}.role-glyph--support{color:#dfbf6f}.role-option .role-glyph{width:76px;height:76px;color:inherit;border:0;background:transparent;box-shadow:none;transform:none}.role-option .role-glyph svg{width:72%;height:72%;transform:none}.role-panel--locked .role-option{cursor:default}.role-panel--locked .role-option:not(.role-option--active){opacity:.34}.queue-summary{isolation:isolate;position:absolute;top:30px;right:0;display:flex;width:var(--summary-width);min-height:650px;flex-direction:column;padding:24px 28px 15px;border:0;background:#786b49;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.queue-summary:before{position:absolute;z-index:0;inset:1px;content:"";pointer-events:none;background:linear-gradient(180deg,#081921,#051016);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}.queue-summary:after{position:absolute;z-index:0;inset:7px;box-sizing:border-box;padding:1px;content:"";pointer-events:none;background:#c89b3c80;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.queue-summary>*{position:relative;z-index:1}.queue-summary .section-header{min-height:50px;justify-content:center;border-bottom:1px solid #6e5b35}.queue-summary .section-header h2{font-size:18px;letter-spacing:.06em;text-transform:uppercase}.queue-summary__roles{margin-top:15px}.queue-summary__roles>div{position:relative;display:grid;min-height:108px;grid-template:auto 1fr / 1fr 60px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.queue-summary__roles .role-glyph{grid-row:1 / 3;grid-column:2;justify-self:center;width:54px;height:54px;color:var(--accent-strong);border:0;background:transparent;box-shadow:none;transform:none}.queue-summary__roles .role-glyph svg{width:75%;height:75%;transform:none}.queue-role-label{align-self:end;color:#78c2d0;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.queue-summary__roles strong{align-self:start;margin-top:6px;font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:.04em}.queue-summary__timer{display:flex;align-items:center;flex-direction:column;margin:0 0 14px;padding:14px 0 16px;border:1px solid #31525d;background:#081c23}.queue-summary__timer>span{display:flex;align-items:center;gap:7px;color:var(--accent-strong);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.queue-summary__timer strong{margin:6px 0 3px;color:var(--gold-strong);font-family:var(--font-display);font-size:31px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.queue-summary__timer small{color:var(--text-muted);font-size:8px}.queue-summary .compact-metrics{margin-top:5px;margin-bottom:14px;border-top:0}.queue-summary .compact-metrics>div{display:grid;min-height:72px;grid-template-columns:32px minmax(0,1fr);align-content:center;justify-content:initial;padding:7px 0}.queue-summary .compact-metrics dt{display:contents}.queue-summary .compact-metrics dt svg{grid-row:1 / 3;align-self:center;color:#89969a}.queue-summary .compact-metrics dt span{color:var(--text-muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.queue-summary .compact-metrics dd{grid-column:2;margin-top:5px;font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.queue-action{isolation:isolate;position:relative;min-height:70px;margin-top:auto;overflow:hidden;color:#e9edf0!important;border:0!important;border-radius:0;background:var(--accent-strong)!important;box-shadow:none!important;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%);font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:.08em}.queue-action:before{position:absolute;z-index:0;inset:1px;content:"";pointer-events:none;background:#081820;clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 50%,calc(100% - 19px) 100%,19px 100%,0 50%);transition:background var(--motion-fast) ease}.queue-action:after{position:absolute;z-index:0;inset:6px;box-sizing:border-box;padding:1px;content:"";pointer-events:none;background:#368d98;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.queue-action>*{position:relative;z-index:1}.queue-action:hover:not(:disabled):before{background:#0b2630}.queue-action--cancel{background:#9f454b!important}.queue-action--cancel:before{background:#211519}.queue-action--cancel:after{background:#704047}.queue-summary--searching{border-color:#34606a;box-shadow:inset 0 0 0 1px #188f9a1f;animation:queue-border 1.8s ease-in-out infinite}.matchmaking-actions{display:flex;align-items:center;gap:9px}.party-trigger{display:flex;min-height:38px;align-items:center;gap:8px;padding:0 10px;color:var(--text-soft);border:1px solid #405761;border-radius:0;background:#08171e;cursor:pointer;font-size:10px;letter-spacing:.06em;text-transform:uppercase;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.party-trigger:hover{color:var(--text);border-color:var(--accent);background:#0b252e}.party-trigger svg{color:var(--accent-strong)}.party-trigger strong{display:grid;min-width:31px;min-height:22px;place-items:center;color:var(--gold-strong);border-left:1px solid var(--border);font-size:10px}.search-live{display:flex;align-items:center;gap:8px;padding:7px 10px;color:var(--accent-strong);border:1px solid #315966;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.text-success{color:var(--green)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--red)!important}.security-note{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--text-muted);font-size:9px;line-height:1.45}.security-note.centered{justify-content:center}.party-overlay{position:fixed;z-index:24;inset:var(--topbar-height) 0 0 var(--rail-width);display:grid;place-items:center;padding:22px;background:#02070ad1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in var(--motion-medium) ease-out}.party-dialog{isolation:isolate;position:relative;width:min(590px,100%);max-height:100%;overflow:auto;padding:25px 28px 23px;color:var(--text);border:0;background:#907746;box-shadow:0 28px 70px #0000009e;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);animation:match-found-in .18s cubic-bezier(.2,.8,.2,1)}.party-dialog:before{position:absolute;z-index:0;inset:1px;content:"";pointer-events:none;background:linear-gradient(155deg,#0c222b,#061116 66%);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.party-dialog:after{position:absolute;z-index:0;inset:7px;box-sizing:border-box;padding:1px;content:"";pointer-events:none;background:#c89b3c85;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.party-dialog>*{position:relative;z-index:1}.party-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:3px 2px 18px;border-bottom:1px solid var(--border)}.party-dialog__header:before{position:absolute;top:-28px;left:20%;width:60%;height:2px;content:"";background:var(--gold)}.party-dialog__header h2{margin-top:5px;font-family:var(--font-display);font-size:25px;font-weight:500;letter-spacing:.02em}.party-dialog__header p{max-width:430px;margin-top:6px;color:var(--text-muted);font-size:11px;line-height:1.45}.party-dialog__close{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;padding:0;color:var(--text-muted);border:1px solid var(--border);background:transparent;cursor:pointer}.party-dialog__close:hover{color:var(--text);border-color:#6b7d83;background:#132229}.party-capacity{display:flex;min-height:48px;align-items:center;justify-content:space-between;color:var(--text-soft);border-bottom:1px solid var(--border)}.party-capacity>span{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.party-capacity>span svg{color:var(--accent-strong)}.party-capacity>strong{color:var(--gold-strong);font-family:var(--font-display);font-size:21px}.party-capacity>strong small{color:var(--text-muted);font-size:12px;font-weight:500}.party-members{border:1px solid var(--border-strong);border-top:0;background:#030c116b}.party-member{display:grid;min-height:52px;grid-template-columns:34px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--border)}.party-member:last-child{border-bottom:0}.party-member__avatar{display:grid;width:31px;height:31px;place-items:center;color:var(--gold-strong);border:1px solid #6d613f;border-radius:50%;background:radial-gradient(circle,#12303a,#071116 72%);font-family:var(--font-display);font-size:12px;font-weight:700}.party-member>span:nth-child(2){min-width:0}.party-member>span:nth-child(2) strong,.party-member>span:nth-child(2) em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member>span:nth-child(2) strong{font-size:11px}.party-member>span:nth-child(2) strong small{margin-left:3px;color:var(--text-muted);font-size:9px;font-weight:500}.party-member>span:nth-child(2) em{margin-top:3px;color:var(--text-muted);font-size:9px;font-style:normal}.party-member__state{display:flex;align-items:center;gap:6px;color:var(--warning);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.party-member__state i{width:6px;height:6px;border-radius:50%;background:currentColor}.party-member__state--ready{color:var(--green)}.party-member>button{display:grid;width:27px;height:27px;place-items:center;padding:0;color:var(--text-muted);border:0;background:transparent;cursor:pointer}.party-member>button:hover:not(:disabled){color:var(--red);background:#9541481f}.party-member>button:disabled{cursor:not-allowed;opacity:.35}.party-member--leader{background:linear-gradient(90deg,rgba(22,107,119,.14),transparent)}.party-member--empty{grid-template-columns:34px minmax(0,1fr);opacity:.48}.party-member--empty .party-member__avatar{color:var(--text-muted);border-style:dashed;border-color:#46575c;background:transparent}.party-invite{margin-top:17px}.party-invite>label{display:block;margin-bottom:7px;color:var(--text-soft);font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.party-invite>div{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:8px}.party-invite input{width:100%;min-width:0;height:42px;padding:0 12px;color:var(--text);border:1px solid var(--border-strong);border-radius:0;outline:0;background:#071116;font-size:12px}.party-invite input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #2bbecd2e}.party-invite input:disabled{cursor:not-allowed;opacity:.55}.party-invite .button{min-height:42px;border-radius:0}.party-invite>small{display:block;margin-top:8px;color:var(--text-muted);font-size:9px}.party-invitations{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.party-invitation{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px;border:1px solid var(--border);background:var(--surface-soft)}.party-invitation strong,.party-invitation small,.party-invitation em{display:block}.party-invitation strong{font-size:11px}.party-invitation small{display:inline;color:var(--text-muted);font-weight:400}.party-invitation em{margin-top:3px;color:var(--text-muted);font-size:9px;font-style:normal}.party-invitation>div{display:flex;gap:6px}.flow-panel{width:min(720px,100%);padding:22px;border-top-color:var(--gold-border);box-shadow:var(--shadow)}.compact-flow{width:min(620px,100%)}.flow-panel__header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--border)}.flow-panel__header h1{margin-top:3px;font-size:20px}.flow-panel__header p{margin-top:4px;color:var(--text-muted);font-size:11px}.search-indicator{display:grid;width:42px;height:42px;place-items:center;color:var(--accent-strong);border:1px solid #8b7137;border-radius:50%;background:var(--accent-surface);box-shadow:inset 0 0 0 3px #071018}.live-badge{display:flex;align-items:center;gap:7px;padding:6px 8px;color:var(--accent-strong);border:1px solid #315966;border-radius:5px;background:var(--accent-surface);font-size:9px;font-weight:700;text-transform:uppercase}.queue-timer{display:flex;align-items:center;flex-direction:column;padding:30px 0 27px}.queue-timer small{color:var(--text-muted);font-size:10px}.queue-timer strong{margin:6px 0 7px;color:var(--gold-strong);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:48px;font-weight:600;letter-spacing:.01em}.queue-timer>span{color:var(--text-soft);font-size:11px}.flow-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-soft)}.flow-stats>div{padding:13px;border-right:1px solid var(--border)}.flow-stats>div:last-child{border-right:0}.flow-stats dt{color:var(--text-muted);font-size:9px}.flow-stats dd{margin-top:4px;font-size:11px;font-weight:600}.flow-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.flow-panel>footer>span{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:10px}.match-found-overlay{position:fixed;z-index:20;inset:var(--topbar-height) 0 0 var(--rail-width);display:grid;place-items:center;padding:28px;background:#02070ad1;animation:overlay-in var(--motion-medium) ease-out}.match-found-panel{position:relative;width:min(520px,100%);padding:27px 31px 29px;overflow:hidden;border:1px solid #8d7744;background:linear-gradient(155deg,#0d2028,#071117 62%);box-shadow:0 28px 70px #00000094,inset 0 0 0 1px #44cad50f;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);animation:match-found-in .18s cubic-bezier(.2,.8,.2,1)}.match-found-panel:before,.match-found-panel:after{position:absolute;top:0;width:34%;height:2px;content:"";background:var(--gold)}.match-found-panel:before{left:15%}.match-found-panel:after{right:15%}.match-found-panel__edge{position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(200,155,60,.42);clip-path:inherit}.match-found-panel>header{position:relative;text-align:center}.match-found-panel h1{margin-top:6px;font-family:var(--font-display);font-size:28px}.match-found-panel header p{margin-top:7px;color:var(--text-muted);font-size:11px}.match-found-countdown{display:grid;place-items:center;margin:23px auto 18px}.match-found-countdown span,.match-found-countdown small{color:var(--text-muted);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.match-found-countdown strong{margin:4px 0 2px;color:var(--gold-strong);font-family:var(--font-display);font-size:68px;font-variant-numeric:tabular-nums;line-height:.95;text-shadow:0 0 24px rgba(191,163,95,.12)}.match-found-panel>footer{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin-top:21px}.match-found-panel>footer .button{min-height:47px;border-radius:0;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px)}.match-found-panel>footer .accepted-confirmation{grid-column:1 / -1;justify-content:center}.ready-progress>div,.progress-track{height:6px;overflow:hidden;border-radius:0;background:#222d32}.ready-progress i,.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.ready-progress>span{display:block;margin-top:8px;color:var(--text-soft);font-size:11px;text-align:center}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:17px;color:var(--text-muted);font-size:9px}.accepted-confirmation{display:flex;min-height:40px;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:600}.instruction-list{display:grid;gap:0;margin:0 0 18px;padding:0;list-style:none}.instruction-list li{display:grid;min-height:58px;grid-template-columns:29px 1fr;align-items:center;gap:11px;border-bottom:1px solid var(--border)}.instruction-list li>i{display:grid;width:25px;height:25px;place-items:center;color:var(--warning);border:1px solid #5d4b2f;border-radius:50%;font-size:10px;font-style:normal}.instruction-list strong,.instruction-list small{display:block}.instruction-list strong{font-size:11px}.instruction-list small{margin-top:3px;color:var(--text-muted);font-size:10px}.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.credential{position:relative;min-width:0;padding:11px 40px 11px 11px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-soft)}.credential span,.credential strong{display:block}.credential span{color:var(--text-muted);font-size:9px}.credential strong{overflow:hidden;margin-top:5px;font-family:Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.credential button{position:absolute;top:0;right:0;display:grid;width:38px;height:100%;place-items:center;color:var(--text-muted);border:0;border-left:1px solid var(--border);background:transparent;cursor:pointer}.credential button:hover{color:var(--accent-strong)}.inline-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.spinner-mini{display:inline-block;width:17px;height:17px;border:2px solid #36515a;border-top-color:var(--accent-strong);border-radius:50%;animation:rotate 1s linear infinite}.creation-steps{margin-top:18px}.creation-step{display:grid;min-height:54px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--text-muted);border-bottom:1px solid var(--border)}.creation-step>i{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--border-strong);border-radius:50%;font-size:9px;font-style:normal}.creation-step>span{font-size:11px}.creation-step small{font-size:9px}.creation-step--active{color:var(--text)}.creation-step--active>i{color:var(--accent-strong);border-color:#386675;background:var(--accent-surface)}.creation-step--active small{color:var(--accent-strong)}.creation-step--done{color:var(--text-soft)}.creation-step--done>i,.creation-step--done small{color:var(--green)}.join-summary{display:grid;grid-template-columns:140px minmax(200px,1fr) 210px;align-items:center;gap:18px;margin-bottom:15px;padding:14px 18px}.join-summary>div:first-child{display:flex;align-items:baseline;gap:6px}.join-summary>div:first-child strong{font-size:22px}.join-summary>div:first-child span,.join-summary>span{color:var(--text-muted);font-size:10px}.join-summary>span{text-align:right}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px;align-items:start}.lobby-layout>.teams-grid{gap:12px}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.team-card{overflow:hidden;border:1px solid var(--border);border-top-color:var(--gold-border);border-radius:var(--radius);background:#08141cf5}.team-card>header{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.team-card h3{margin-top:2px;font-size:13px}.team-card--blue h3{color:#79cde2}.team-card--red h3{color:#e7968e}.team-score{color:var(--text-muted);font-size:9px}.team-list{padding:6px 9px}.team-player{display:grid;min-height:49px;grid-template-columns:27px minmax(0,1fr) 49px auto 19px;align-items:center;gap:8px;padding:0 7px;border-bottom:1px solid var(--border)}.team-player:last-child{border-bottom:0}.team-player--me{margin:3px 0;border:1px solid #39616e;border-radius:5px;background:var(--accent-surface)}.team-player strong,.team-player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-player strong{font-size:10px}.team-player small{margin-top:2px;color:var(--text-muted);font-size:8px}.player-role{color:var(--text-soft);font-size:8px;font-weight:650}.you-pill{padding:3px 5px;color:var(--accent-strong);border:1px solid #3b6674;border-radius:3px;font-size:7px;font-weight:750}.team-player__check{color:var(--green)}.team-player__pending{color:var(--text-muted)}.fallback-card{padding:18px}.fallback-card .section-header{margin-bottom:16px}.fallback-card .credential{margin-bottom:8px}.lifecycle-banner{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:15px;padding:16px 18px}.lifecycle-banner h2{margin-top:3px;font-size:15px}.lifecycle-banner p{margin-top:4px;color:var(--text-muted);font-size:10px}.lifecycle-checks{display:flex;gap:13px}.lifecycle-checks span{display:flex;align-items:center;gap:5px;color:var(--green);font-size:9px}.lifecycle-checks .pending{color:#606b76}.ingame-dashboard{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(420px,1.3fr);gap:0;overflow:hidden}.game-clock{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid var(--border);background:var(--surface-soft)}.game-clock>.pulse-mini{margin-bottom:16px}.game-clock small{color:var(--text-muted);font-size:10px}.game-clock strong{margin:7px 0;color:var(--gold-strong);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:45px;font-weight:600}.game-clock>span:last-child{color:var(--green);font-size:10px}.game-facts{display:grid;align-content:start;padding:18px 22px 0}.game-facts>div{display:flex;min-height:48px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.game-facts dt{color:var(--text-muted);font-size:10px}.game-facts dd{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.ingame-dashboard>.alert{grid-column:2;margin:15px 22px 0}.recovery-action{grid-column:2;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;color:var(--text-muted);font-size:10px}.result-summary{display:grid;grid-template-columns:170px minmax(380px,1fr) auto;align-items:center;gap:22px;padding:22px;border-top-color:var(--gold-border);border-left:3px solid var(--border-strong)}.result-summary--win{border-left-color:var(--green)}.result-summary--loss{border-left-color:var(--red)}.result-summary__outcome{display:flex;flex-direction:column}.result-summary__outcome>span{color:var(--text-soft);font-size:12px;font-weight:650;text-transform:uppercase}.result-summary__outcome strong{margin:6px 0 3px;color:var(--gold-strong);font-family:var(--font-display);font-size:26px;font-weight:600}.result-summary__outcome small{color:var(--text-muted);font-size:9px}.result-summary dl{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--border)}.result-summary dl>div{padding-left:18px}.result-summary dt{color:var(--text-muted);font-size:9px}.result-summary dd{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:11px;font-weight:600}.result-summary__actions{display:flex;gap:8px}.postgame-teams{margin-top:25px}.postgame-teams>.section-header{margin-bottom:12px}.stats-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.stat-card{position:relative;min-height:116px;padding:18px 20px;overflow:hidden}.stat-card:after{position:absolute;top:0;right:0;width:42px;height:1px;content:"";background:var(--gold)}.stat-card>span,.stat-card>small{display:block}.stat-card>span{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stat-card>strong{display:block;margin:9px 0 5px;font-family:var(--font-display);font-size:29px;font-variant-numeric:tabular-nums}.stat-card>small{color:var(--text-muted);font-size:9px;text-transform:lowercase}.stat-card--win>strong{color:var(--green)}.stat-card--loss>strong{color:#efa2a8}.stat-card--rate>strong{color:var(--gold-strong)}.stats-detail-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:15px;align-items:start}.role-stats-panel{overflow:hidden}.role-stats-panel>.section-header,.history-panel>.section-header{min-height:70px;margin:0;padding:0 20px;border-bottom:1px solid var(--border)}.role-stats-header,.role-stats-row{display:grid;grid-template-columns:minmax(86px,1fr) 42px 54px 55px;align-items:center;gap:8px;padding:0 15px}.role-stats-header{min-height:34px;color:var(--text-muted);background:var(--surface-soft);font-size:8px;font-weight:650;text-transform:uppercase}.role-stats-row{min-height:54px;color:var(--text-soft);border-top:1px solid var(--border);font-size:10px;font-variant-numeric:tabular-nums}.role-stats-row>span:first-child{display:flex;align-items:center;gap:7px;color:var(--text)}.role-stats-row>strong{color:var(--gold-strong);text-align:right}.role-stats-panel>footer{display:flex;min-height:46px;align-items:center;justify-content:space-between;padding:0 15px;color:var(--text-muted);border-top:1px solid var(--border);background:var(--surface-soft);font-size:9px}.role-stats-panel>footer strong{color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.history-panel{min-width:0;overflow:hidden}.history-header,.history-row{display:grid;grid-template-columns:90px 120px minmax(190px,1fr) 120px 90px;align-items:center;padding:0 20px}.history-header{min-height:40px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-soft);font-size:9px;font-weight:650;text-transform:uppercase}.history-row{min-height:60px;color:var(--text-soft);border-bottom:1px solid var(--border);font-size:11px}.history-row:last-child{border-bottom:0}.history-role{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600}.chat-layout{display:grid;height:min(680px,calc(100vh - var(--topbar-height) - 185px));min-height:480px;grid-template-columns:minmax(0,1fr) 285px;gap:15px}.chat-panel{display:grid;min-width:0;min-height:0;grid-template-rows:70px minmax(0,1fr) auto;overflow:hidden}.chat-channel-header{display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.chat-channel-header>div{display:flex;align-items:center;gap:10px}.chat-channel-header strong,.chat-channel-header small{display:block}.chat-channel-header strong{color:var(--gold-strong);font-family:var(--font-display);font-size:15px}.chat-channel-header small{margin-top:3px;color:var(--text-muted);font-size:9px}.chat-channel-icon{display:grid;width:35px;height:35px;place-items:center;color:var(--accent-strong);border:1px solid #315d66;background:var(--accent-surface)}.chat-live-state{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.chat-live-state i{width:6px;height:6px;border-radius:50%;background:var(--red)}.chat-live-state--online{color:var(--green)}.chat-live-state--online i{background:var(--green);box-shadow:0 0 8px #3fc38380}.chat-messages{min-height:0;padding:7px 18px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-strong) transparent}.chat-messages>.empty-state{min-height:100%}.chat-message{display:grid;grid-template-columns:37px minmax(0,1fr);gap:11px;padding:13px 4px;border-bottom:1px solid rgba(32,51,60,.72)}.chat-message:last-of-type{border-bottom:0}.chat-avatar{display:grid;width:35px;height:35px;place-items:center;color:var(--gold-strong);border:1px solid #52646c;border-radius:50%;background:radial-gradient(circle,#15343e,#08151a 72%);font-family:var(--font-display);font-size:13px;font-weight:700}.chat-message--own .chat-avatar{color:var(--accent-strong);border-color:#39717b;background:var(--accent-surface)}.chat-message>div{min-width:0}.chat-message header{display:flex;align-items:baseline;gap:8px}.chat-message header strong{color:var(--text);font-size:11px}.chat-message header strong small{margin-left:2px;color:var(--text-muted);font-size:9px;font-weight:450}.chat-message header time{color:var(--text-muted);font-size:8px}.chat-message header em{padding:2px 5px;color:var(--accent-strong);border:1px solid #315d66;font-size:7px;font-style:normal;font-weight:700;text-transform:uppercase}.chat-message p{margin-top:5px;overflow-wrap:anywhere;color:var(--text-soft);font-size:11px;line-height:1.5;white-space:pre-wrap}.chat-composer{padding:12px 15px 13px;border-top:1px solid var(--border);background:var(--surface-soft)}.chat-composer textarea{display:block;width:100%;min-height:54px;max-height:105px;padding:10px 12px;resize:vertical;color:var(--text);border:1px solid var(--border-strong);border-radius:2px;outline:0;background:#050d12;font-size:11px;line-height:1.45}.chat-composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px #12a8b52e}.chat-composer textarea:disabled{cursor:not-allowed;opacity:.55}.chat-composer footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.chat-composer footer>span{color:var(--text-muted);font-size:8px}.chat-composer .button{min-height:34px;padding-inline:15px}.chat-sidebar{padding:19px;overflow:hidden}.chat-sidebar>.section-header{padding-bottom:15px;border-bottom:1px solid var(--border)}.chat-identity{display:flex;align-items:center;gap:10px;margin:17px 0;padding:12px;border:1px solid var(--border);background:var(--surface-soft)}.chat-identity .avatar{width:42px;height:42px;font-size:15px}.chat-identity small,.chat-identity strong{display:block}.chat-identity small{color:var(--text-muted);font-size:8px;text-transform:uppercase}.chat-identity strong{margin-top:4px;font-size:11px}.chat-identity strong em{color:var(--text-muted);font-size:9px;font-style:normal;font-weight:450}.chat-guidelines{padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.chat-guidelines p{position:relative;margin-top:11px;padding-left:13px;color:var(--text-soft);font-size:9px;line-height:1.45}.chat-guidelines p:before{position:absolute;top:5px;left:1px;width:4px;height:4px;content:"";transform:rotate(45deg);background:var(--gold)}.chat-limits{margin-top:12px}.chat-limits>div{display:flex;min-height:32px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:9px}.chat-limits dt{color:var(--text-muted)}.chat-limits dd{color:var(--text-soft)}.settings-layout{display:grid;grid-template-columns:minmax(520px,1fr) 320px;gap:15px;align-items:start}.settings-main{display:grid;gap:15px}.settings-section,.about-panel{padding:19px}.settings-section>.section-header,.about-panel>.section-header{padding-bottom:14px;border-bottom:1px solid var(--border)}.update-control{display:grid;gap:10px;padding-top:15px;border-top:1px solid var(--border)}.update-control>div{display:grid;gap:4px}.update-control strong{color:var(--text);font-size:13px}.update-control small{color:var(--muted);line-height:1.45}.update-control span{color:var(--gold);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.update-control progress{width:100%;height:4px;border:0;accent-color:var(--cyan)}.setting-row,.input-row{display:flex;min-height:65px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);cursor:pointer}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small,.input-row strong,.input-row small,.input-stack strong,.input-stack small{display:block}.setting-row strong,.input-row strong,.input-stack strong{font-size:11px}.setting-row small,.input-row small,.input-stack small{margin-top:4px;color:var(--text-muted);font-size:10px;line-height:1.4}.input-stack{display:grid;gap:10px;padding-top:14px}.toggle{position:relative;display:inline-block;width:38px;height:22px;flex:0 0 auto}.toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle i{position:absolute;inset:0;border:1px solid #404953;border-radius:20px;background:#232930;transition:.16s ease}.toggle i:after{position:absolute;top:3px;left:3px;width:14px;height:14px;content:"";border-radius:50%;background:#78828d;transition:.16s ease}.toggle input:checked+i{border-color:#438195;background:#1a3944}.toggle input:checked+i:after{transform:translate(16px);background:var(--accent)}.diagnostic-state{display:flex;align-items:center;gap:10px;margin:17px 0}.diagnostic-state strong,.diagnostic-state small{display:block}.diagnostic-state strong{font-size:11px;text-transform:capitalize}.diagnostic-state small{margin-top:3px;color:var(--text-muted);font-size:9px;line-height:1.35}.advanced-details{margin-top:16px;border-top:1px solid var(--border)}.advanced-details summary{min-height:44px;padding-top:14px;color:var(--text-soft);cursor:pointer;font-size:10px;font-weight:600}.advanced-details dl>div{display:flex;min-height:32px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.advanced-details dt{color:var(--text-muted);font-size:9px}.advanced-details dd{font-size:9px}.connection-status{display:flex;align-items:center;gap:8px}.connection-status>span{flex:1}.connection-status small,.connection-status strong{display:block}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@keyframes slide-in{0%{transform:translateY(8px);opacity:0}}@keyframes skeleton-pulse{50%{opacity:.45}}@keyframes role-lock{0%{transform:scale(.985);filter:brightness(1.35)}}@keyframes queue-border{50%{border-color:#4b7f88;box-shadow:inset 0 0 0 1px #2dbcc633}}@keyframes overlay-in{0%{background:#02070a00}}@keyframes match-found-in{0%{opacity:0;transform:scale(.96)}}@media(max-width:1100px){:root{--rail-width: 208px}.matchmaking-stage{--summary-width: 250px}.screen{width:min(1040px,calc(100% - 34px))}.topbar{padding-left:18px}.topbar__identity{gap:9px}.topbar__identity strong{font-size:15px}.topbar__identity small{font-size:9px}.region-badge{margin-left:8px;padding-inline:9px}.status-badge{min-height:42px;padding-inline:9px}.status-badge>span,.status-badge>strong{display:none}.topbar__statuses{gap:3px}.topbar__statuses>.icon-button{width:34px}.window-controls button{width:36px}.identity-summary{grid-template-columns:260px 1fr}.identity-summary__status>div{padding-left:12px}.identity-summary__status .status-icon{display:none}.role-matrix{grid-template-columns:105px repeat(5,minmax(0,1fr))}.role-matrix__row-label{padding-right:10px;font-size:10px}.role-option .role-glyph{width:62px;height:62px}.lobby-layout{grid-template-columns:minmax(0,1fr) 270px}.lobby-layout .teams-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:minmax(480px,1fr) 285px}.lifecycle-checks{flex-direction:column;gap:4px}.stats-detail-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:minmax(0,1fr) 255px}}@media(max-width:940px){:root{--rail-width: 176px}.sidebar>.brand{min-height:220px}.sidebar>.brand .brand__mark{width:118px;height:118px}.sidebar>.brand .brand__mark img{width:110px;height:110px}.matchmaking-stage .page-heading{min-height:210px;margin-right:0}.play-layout{margin-right:0}.queue-summary{position:relative;top:auto;right:auto;display:flex;width:100%;min-height:560px;margin-top:18px}.settings-layout,.lobby-layout{grid-template-columns:1fr}.match-found-overlay{padding:20px}.stats-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{height:auto;grid-template-columns:1fr}.chat-panel{min-height:560px}}@media(max-width:700px){.match-mode-selector{grid-template-columns:1fr}.demo-info-content{width:min(100% - 30px,1080px);padding-top:45px}.demo-mode-grid,.demo-contact-grid{grid-template-columns:1fr}.demo-mode-grid>article+article,.demo-contact-grid article+article{border-top:1px solid var(--border);border-left:0}.demo-legal-sections section,.demo-policy-callout{grid-template-columns:1fr;gap:14px}.demo-info-page>.demo-legal-nav{align-items:flex-start;flex-direction:column;padding-block:15px}.demo-info-page>.demo-legal-nav p{text-align:left}}@media(max-height:760px){:root{--topbar-height: 72px}.screen{padding-top:22px;padding-bottom:26px}.page-heading{margin-bottom:16px}.identity-summary{padding-block:14px}.home-grid{gap:12px}.quick-match,.recent-panel{padding-block:15px}.role-pair{margin-block:11px}.compact-metrics>div{min-height:33px}.recent-match{min-height:50px}.flow-panel{padding:18px}.queue-timer{padding:19px 0}.queue-timer strong{font-size:40px}.dialog>header{padding-block:18px 14px}.dialog__body{padding-block:17px}.ready-countdown{padding-bottom:18px}.sidebar>.brand{min-height:200px;gap:7px}.sidebar>.brand .brand__mark{width:112px;height:112px}.sidebar>.brand .brand__mark img{width:104px;height:104px}.nav-item{min-height:58px}.topbar__identity .avatar{width:48px;height:48px}.matchmaking-stage .page-heading{min-height:165px}.matchmaking-stage .page-heading h1{margin-top:25px;font-size:37px}.matchmaking-stage .page-heading p{margin-top:18px}.role-panel{padding:15px 18px 20px}.role-matrix{grid-template-rows:50px 116px 116px}.role-option .role-glyph{width:58px;height:58px}.queue-summary{min-height:552px;padding-block:20px}.queue-summary__roles>div{min-height:82px}.queue-summary .compact-metrics>div{min-height:53px}.queue-action{min-height:58px}.match-found-countdown{margin-block:15px 12px}.match-found-countdown strong{font-size:52px}.game-clock{min-height:250px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}