:root{color-scheme:dark;--bg:#141416;--bg-deep:#101012;--bg-soft:#19191c;--surface:#1e1e22;--surface-2:#27272c;--surface-3:#303036;--surface-raised:#393940;--text:#f7f3f2;--text-muted:#c9c2c5;--text-faint:#b3aaaf;--border:#353238;--border-strong:#61585f;--panel-border:#353238;--accent:#cc414d;--accent-hover:#d0444c;--accent-strong:#a72d48;--accent-text:#ffb0a3;--accent-soft:#3b272d;--on-accent:#ffffff;--focus:#ffb0a3;--success:#99d4b0;--success-soft:#24372e;--warning:#ebc684;--warning-soft:#3b3324;--danger:#ff9baa;--danger-soft:#40272f;--accent-gradient:linear-gradient(110deg,#c33b46,#a62d55);--accent-gradient-hover:linear-gradient(110deg,#d0444c,#b3345a);--feature-background:linear-gradient(155deg,#bd3544,#a42c50);--radius-sm:10px;--radius:12px;--radius-lg:16px;--radius-panel:20px;--radius-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-sm:0 2px 5px rgb(0 0 0/14%);--shadow:0 6px 18px rgb(0 0 0/20%);--shadow-lg:0 18px 48px rgb(0 0 0/34%);--glow:0 0 0 1px var(--accent-text);--motion-micro:150ms;--motion-ui:300ms;--motion-major:600ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--side-width:280px;--catalog-side-width:clamp(280px,23vw,380px);--aside-width:368px;--header-h:72px;--frame-gap:16px;--radius-frame:18px;--frame-max:1540px;--frame-gutter:clamp(16px,1.6vw,20px);--frame-gutter-left:max(var(--frame-gutter),env(safe-area-inset-left,0px));--frame-gutter-right:max(var(--frame-gutter),env(safe-area-inset-right,0px));--frame-offset:max(0px,(100% - var(--frame-max))/2);--page-min-w:1012px;--page-min-h:720px;--topbar-inset:8px;--topbar-pad:24px;--font:var(--font-geist-sans),"Geist","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-title:var(--font-display),var(--font-geist-sans),"Sora",system-ui,sans-serif;--seat-1:#f08b7c;--seat-1-deep:#c76c61;--seat-2:#87bddc;--seat-2-deep:#6395b2;--seat-3:#a6ca91;--seat-3-deep:#85a674;--seat-4:#e7c581;--seat-4-deep:#bfa066;--seat-5:#b8a1e3;--seat-6:#62cec4;--seat-7:#e9a16f;--seat-8:#e493c0;--board-light:#a89a92;--board-dark:#5f545c;--piece-light-top:#fbf6f2;--piece-light-mid:#f4eee9;--piece-light-deep:#e2d8d0;--piece-light-edge:#2a2429;--piece-dark-top:#383339;--piece-dark-mid:#1f1c23;--piece-dark-deep:#17151b;--piece-dark-edge:#f4e9df}@media (max-height:719.98px) and (pointer:coarse),(max-width:1179.98px) and (pointer:coarse){:root{--topbar-pad:12px;--header-h:104px;--frame-gutter:20px;--topbar-pad:14px;--frame-gutter:14px;--topbar-pad:6px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html[data-page-scrolls]{scrollbar-gutter:stable}body{margin:0;min-height:100dvh;background:var(--bg-deep);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;letter-spacing:-.015em;text-wrap:balance}h1{font-family:var(--font-title);font-size:clamp(28px,3.2vw,40px);letter-spacing:-.02em}h1,h2{margin:0;font-weight:600}h2{font-size:21px}h3{margin:0;font-size:15.5px;font-weight:500}p{margin:0 0 12px}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.lede{font-size:15px;color:var(--text-muted);max-width:62ch}.hint{margin:0;font-size:12.5px;color:var(--text-faint)}.design-eyebrow{margin:0;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.shell{min-height:100dvh;display:flex;flex-direction:column}@media (min-width:1180px) and (min-height:720px),not all and (pointer:coarse){html{min-width:var(--page-min-w)}.shell{height:max(100dvh,var(--page-min-h));min-height:0;overflow:hidden}}.page-swap{flex:1 1;min-height:0;display:flex;flex-direction:column}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100}.skip-link:focus{left:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;flex:none;height:var(--header-h);display:flex;align-items:center;gap:18px;isolation:isolate;background:var(--bg-deep);padding-left:calc(var(--frame-offset) + var(--frame-gutter-left) + var(--topbar-pad));padding-right:calc(var(--frame-offset) + var(--frame-gutter-right) + var(--topbar-pad))}.topbar:before{content:"";position:absolute;z-index:-1;top:var(--topbar-inset);bottom:var(--topbar-inset);left:calc(var(--frame-offset) + var(--frame-gutter-left));right:calc(var(--frame-offset) + var(--frame-gutter-right));border:1px solid var(--panel-border);border-radius:var(--radius-frame);background:var(--surface)}.brand{flex:none;display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:21px;font-weight:700;letter-spacing:-.02em}.brand,.brand:hover{text-decoration:none}.brand-mark{display:inline-flex;width:34px;height:34px}.topnav{position:relative;margin-left:auto;display:flex;gap:8px}.navlink,.topnav{align-items:center}.navlink{display:inline-flex;height:var(--touch);padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--motion-micro) var(--ease-out),color var(--motion-micro) ease}.navlink-icon{display:inline-flex;width:24px;height:24px;margin-right:9px;flex:none;transform-origin:50% 85%;transition:transform var(--motion-ui) var(--ease-spring),color var(--motion-micro) var(--ease-out)}.navlink-icon svg{width:100%;height:100%}.navlink:focus-visible .navlink-icon[data-icon=games],.navlink:hover .navlink-icon[data-icon=games]{transform:rotate(-8deg) scale(1.12)}.navlink:focus-visible .navlink-icon[data-icon=tournaments],.navlink:hover .navlink-icon[data-icon=tournaments]{animation:navlink-trophy .62s var(--ease-out)}@keyframes navlink-trophy{0%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-3px) rotate(-9deg) scale(1.1)}65%{transform:translateY(-3px) rotate(7deg) scale(1.1)}to{transform:translateY(-1px) rotate(0deg) scale(1.06)}}@media (prefers-reduced-motion:reduce){.navlink:focus-visible .navlink-icon[data-icon=games],.navlink:focus-visible .navlink-icon[data-icon=tournaments],.navlink:hover .navlink-icon[data-icon=games],.navlink:hover .navlink-icon[data-icon=tournaments]{transform:none;animation:none}}.navlink-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.navlink:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.navlink[aria-current=page]{background:var(--surface-3);color:var(--text)}.navlink[aria-pressed=true]{background:var(--surface-raised);color:var(--text)}.nav-group{display:inline-flex;align-items:center;gap:2px;margin-left:12px;padding-left:14px;border-left:1px solid var(--border)}main{overflow-x:clip;width:100%;max-width:var(--frame-max);margin-inline:auto;padding-inline:var(--frame-gutter-left) var(--frame-gutter-right);margin-bottom:0;flex:1 1;min-height:0;display:flex;flex-direction:column}.site-footer{position:relative;isolation:isolate;flex:none;border-top:0;background:none;padding-left:calc(var(--frame-offset) + var(--frame-gutter-left) + var(--topbar-pad));padding-right:calc(var(--frame-offset) + var(--frame-gutter-right) + var(--topbar-pad));padding-block:calc(var(--topbar-inset) + 14px);font-size:12px;color:var(--text-faint);flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}.site-footer:before{content:"";position:absolute;z-index:-1;top:var(--topbar-inset);bottom:var(--topbar-inset);left:calc(var(--frame-offset) + var(--frame-gutter-left));right:calc(var(--frame-offset) + var(--frame-gutter-right));border:1px solid var(--panel-border);border-radius:var(--radius-frame);background:var(--surface)}.site-footer a{color:var(--text-faint)}.site-footer a:hover{color:var(--accent-text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.12s!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}.btn:hover:not(:disabled),.room-row:hover{transform:none!important}}@media (forced-colors:active){.site-footer:before,.topbar:before{border-color:CanvasText}}.brand,.brand-word{position:relative}.brand-word{display:inline-block}.brand-word-letters{display:inline-flex;white-space:pre}.brand-word-letters>span{display:inline-block;animation:brand-letter .36s var(--ease-out) backwards;animation-delay:calc(.18s + var(--i) * 34ms)}@keyframes brand-letter{0%{opacity:0;transform:translateY(.42em)}}.brand-mark{animation:brand-mark-drop .52s var(--ease-spring) backwards;transition:transform var(--motion-ui) var(--ease-spring)}@keyframes brand-mark-drop{0%{opacity:0;transform:translateY(-10px) rotate(-16deg) scale(.86)}}@media (hover:hover){.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08)}}.brand:focus-visible .brand-mark{transform:rotate(-8deg) scale(1.08)}.brand-beta{position:absolute;right:-.5em;top:-.62em;z-index:1;padding:.1em .34em;border-radius:4px;background:var(--accent);color:var(--on-accent);font-size:.44em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;transform:rotate(-8deg);pointer-events:none;animation:beta-stamp .32s var(--ease-spring) .46s backwards}@keyframes beta-stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.6)}}@media (prefers-reduced-motion:reduce){.brand-beta,.brand-mark,.brand-word-letters>span{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.topnav{position:absolute;left:50%;transform:translateX(-50%);margin-left:0}@media (max-height:719.98px) and (pointer:coarse),(max-width:1179.98px) and (pointer:coarse){.topnav{position:static;transform:none;margin-left:auto}.topbar:not(.table-bar){position:relative;flex-wrap:wrap;align-content:center;row-gap:4px}.topbar:not(.table-bar)>.brand{order:1}.topbar:not(.table-bar)>.topbar-account{order:2;margin-left:auto}.topbar:not(.table-bar)>.topnav{order:3;flex-basis:100%;margin-left:0;justify-content:center}}.ad-row{display:flex;justify-content:center;gap:12px}.ad-row:empty{display:none}@media (max-height:719.98px) and (pointer:coarse),(max-width:1179.98px) and (pointer:coarse){.ad-row>.ad-slot[data-narrow=false]{display:none}}.site-footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.site-footer .hint{margin:0}.shell{--odstep-widoczny:12px;gap:calc(var(--odstep-widoczny) - var(--topbar-inset))}.site-footer{padding-block:10px}.ad-row{width:100%;max-width:var(--frame-max);margin-inline:auto;padding-inline:var(--frame-gutter-left) var(--frame-gutter-right)}.site-footer .hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px}.site-footer .nav-group{position:absolute;right:calc(var(--frame-offset) + var(--frame-gutter-right) + var(--topbar-pad));top:50%;transform:translateY(-50%)}@media (max-height:719.98px) and (pointer:coarse),(max-width:1179.98px) and (pointer:coarse){.site-footer .nav-group{position:static;transform:none}}.site-footer .nav-group .navlink{height:24px;padding:0 8px;font-size:12px;font-weight:600}.site-footer{padding-block:20px}.ad-row{margin-top:var(--topbar-inset)}.notice-dock{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;flex-direction:column;align-items:flex-end;max-width:min(420px,calc(100vw - 32px))}.notice-dock,.notices{display:flex;gap:8px;pointer-events:none}.notices{flex-direction:column-reverse;max-width:100%}.notices:empty{display:none}.notice,.rejoin{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:10px 8px 10px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);box-shadow:var(--shadow-lg);font-size:13.5px;width:-moz-fit-content;width:fit-content;max-width:100%;animation:notice-wjezdza var(--motion-ui) var(--ease-out)}.rejoin{align-items:center;border-color:var(--accent);flex-wrap:wrap;justify-content:flex-end}.rejoin>span{flex:1 1 14ch;min-width:0}.rejoin .btn{flex:none}.notice[data-tone=error]{border-color:var(--danger)}.notice-text{min-width:0;overflow-wrap:anywhere;line-height:1.4}.notice .btn{flex:none}.notice-close{flex:none;margin-left:auto;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer}@media (hover:hover){.notice-close:hover{color:var(--text);background:var(--surface-3)}}@keyframes notice-wjezdza{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.notice{animation:none}}.btn{min-height:var(--touch);padding:0 22px;border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--surface-2);box-shadow:none;color:var(--text);font:inherit;font-size:13px;font-weight:700;letter-spacing:.01em;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:background var(--motion-micro) var(--ease-out),border-color var(--motion-micro) var(--ease-out),transform var(--motion-micro) var(--ease-out),box-shadow var(--motion-micro) var(--ease-out)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-1px);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.98);transition-duration:80ms}.btn:disabled,.btn[aria-disabled=true]{opacity:.48;cursor:not-allowed;transform:none}.btn-block{width:100%}.btn[data-variant=primary]{background:var(--accent-gradient);border-color:transparent;color:var(--on-accent)}.btn[data-variant=primary]:hover:not(:disabled){background:var(--accent-gradient-hover);border-color:transparent}.btn[data-variant=soft]{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.btn[data-variant=soft]:hover:not(:disabled){background:var(--accent-gradient);border-color:transparent;color:var(--on-accent)}.btn[data-variant=ghost]{background:transparent;border-color:transparent;color:var(--text-muted)}.btn[data-variant=ghost]:hover:not(:disabled){background:var(--surface-3);border-color:transparent;color:var(--text)}.btn[data-variant=danger]{background:transparent;border-color:var(--danger);color:var(--danger)}.btn[data-variant=danger]:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}:is(.lobby-intro,.game-card-art,.auth-overlay-panel) .btn{background:var(--on-accent);border-color:transparent;color:var(--accent-strong);box-shadow:none}:is(.lobby-intro,.game-card-art,.auth-overlay-panel) .btn:hover:not(:disabled){background:#fff;border-color:transparent;color:var(--accent-strong)}:is(.lobby-intro,.game-card-art,.auth-overlay-panel) .btn:disabled,:is(.lobby-intro,.game-card-art,.auth-overlay-panel) .btn[aria-disabled=true]{opacity:.55}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:13px;font-weight:600;color:var(--text-muted)}.field .select-menu-button,.field input,.field select,.field textarea{min-height:var(--touch);padding:9px 12px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:15px;font-family:inherit}.field input:focus{background:var(--surface)}@media (hover:hover){.field :is(input,select,textarea):hover:not(:disabled):not(:focus){background:var(--surface)}.field-soft>:is(input,select,textarea):hover:not(:disabled):not(:focus){background:var(--surface-2)}}.field:has(>.select-menu-button),.field:has(>input:not([type=checkbox]):not([type=radio]):not([type=range])),.field:has(>select),.field:has(>textarea){position:relative}.field:has(>.select-menu-button)>label,.field:has(>input:not([type=checkbox]):not([type=radio]):not([type=range]))>label,.field:has(>select)>label,.field:has(>textarea)>label{position:absolute;left:13px;top:17px;z-index:1;margin:0;color:var(--text-muted);font-size:15px;font-weight:500;pointer-events:none;white-space:nowrap;max-width:calc(133.33% - 34px);overflow:hidden;text-overflow:ellipsis;transform-origin:left top;transition:transform var(--motion-micro) cubic-bezier(.2,.8,.3,1),color var(--motion-micro) ease}.field:has(>.select-menu-button)>.select-menu-button,.field:has(>input:not([type=checkbox]):not([type=radio]):not([type=range]))>input,.field:has(>select)>select{height:56px;padding:22px 12px 6px}.field:has(>textarea)>textarea{height:auto;padding-top:26px}.field:has(>.select-menu-button)>label,.field:has(>input:focus)>label,.field:has(>input:not(:placeholder-shown))>label,.field:has(>select)>label,.field:has(>textarea:focus)>label,.field:has(>textarea:not(:placeholder-shown))>label{transform:translateY(-11px) scale(.75)}.field:has(>.select-menu-button:focus-visible)>label,.field:has(>.select-menu-button[aria-expanded=true])>label,.field:has(>input:focus)>label,.field:has(>select:focus)>label,.field:has(>textarea:focus)>label{color:var(--accent-text)}.field-soft>.select-menu-button,.field-soft>input,.field-soft>select,.field-soft>textarea{font-size:16px;border-color:transparent}.field-soft>input:focus,.field-soft>select:focus,.field-soft>textarea:focus{outline:none;background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--accent-text)}.field-soft>.select-menu-button:focus-visible,.field-soft>input:focus-visible,.field-soft>select:focus-visible,.field-soft>textarea:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--focus)}.select-menu-button{width:100%;padding-right:36px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.select-menu-button:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform var(--motion-micro) ease;pointer-events:none}.select-menu[data-open]>.select-menu-button:after{margin-top:-1px;transform:rotate(225deg)}.select-menu-list{position:absolute;z-index:40;top:calc(100% + 4px);left:0;width:max-content;min-width:min(100%,240px);max-width:min(100%,360px);max-height:min(320px,50vh);overflow-y:auto;margin:0;padding:4px;list-style:none;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg)}.select-menu-list[data-placement=top]{top:auto;bottom:calc(100% + 4px)}.select-menu-list>[role=option]{padding:8px 10px;border-radius:calc(var(--radius) - 4px);color:var(--text);font-size:14px;cursor:pointer}.select-menu-icon{display:inline-block;width:20px;height:15px;margin-right:9px;vertical-align:-2px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgb(255 255 255/10%)}.select-menu-list>[data-active]{background:var(--surface-2)}.select-menu-list>[aria-selected=true]{color:var(--accent-text);font-weight:700}@media (prefers-reduced-motion:reduce){.select-menu-button:after{transition:none}}.field-soft>[data-invalid=true]{box-shadow:inset 0 -2px 0 var(--danger)}.field:has(>input:disabled),.field:has(>select:disabled){opacity:.6}.field input:disabled,.field select:disabled{background:var(--surface);cursor:not-allowed}@media (forced-colors:active){.field-soft>input:focus,.field-soft>select:focus,.field-soft>textarea:focus{outline:2px solid Highlight;outline-offset:-2px}}.panel{position:relative;border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:var(--space-5)}.panel>h2{margin:0 0 14px;font-size:17px}.panel>h2:only-child{margin-bottom:0}.alert{border-radius:var(--radius);padding:11px 14px;font-size:14px;margin-bottom:14px;border:1px solid var(--border);background:var(--surface-2)}.alert[data-tone=error]{background:var(--danger-soft);border-color:var(--danger)}.alert[data-tone=info]{background:var(--accent-soft);border-color:var(--accent)}.alert[data-tone=warn]{background:var(--warning-soft);border-color:var(--warning)}.room-row{cursor:pointer;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:var(--space-3);padding:16px;margin-bottom:8px;border:0;border-radius:10px;background:var(--surface-2);box-shadow:none;transition:background var(--motion-micro) var(--ease-out),transform var(--motion-micro) var(--ease-out)}.room-row:hover{text-decoration:none;background:var(--surface-3);transform:translateY(-2px)}.room-no{min-width:42px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted)}.empty-state b{font-family:var(--font-title);font-size:17px;color:var(--text)}@media (hover:none){.btn:hover:not(:disabled),.room-row:hover{transform:none}}.dialog-veil{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgb(0 0 0/58%);animation:dialog-veil-in var(--motion-micro) var(--ease-out)}.dialog{position:relative;width:min(460px,100%);max-height:min(80svh,640px);overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);animation:dialog-in var(--motion-ui) var(--ease-out)}.dialog-title{margin:0 0 var(--space-3);padding-right:42px;font-family:var(--font-title);font-size:19px;letter-spacing:-.02em}.dialog-close{flex:none;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);font-size:17px;line-height:1;cursor:pointer}@media (hover:hover){.dialog-close:hover{color:var(--text);border-color:var(--border-strong)}}.dialog-section{margin:6px 0 0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.invite-people{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.invite-people li{display:flex;align-items:center;gap:10px;min-width:0}.invite-people .btn{flex:none;min-width:128px}.invite-person-mark{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);font-size:12px;font-weight:800;text-transform:uppercase}.invite-person-rank{flex:none;width:104px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.invite-person-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600}@keyframes dialog-veil-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.dialog,.dialog-veil{animation:none}}.report-reasons{display:grid;grid-gap:6px;gap:6px;margin-bottom:var(--space-3)}.report-reason{width:100%;min-height:38px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:color var(--motion-micro) var(--ease-out),border-color var(--motion-micro) var(--ease-out)}.report-reason[data-active=true]{border-color:var(--accent);color:var(--text)}@media (hover:hover){.report-reason:not([data-active=true]):hover{color:var(--text)}}.field-area textarea{min-height:76px;resize:vertical}.report-count{margin:4px 0 var(--space-3);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dialog-actions{position:-webkit-sticky;position:sticky;bottom:-20px;margin:0 -20px -20px;padding:12px 20px 20px;background:var(--surface);display:flex;justify-content:flex-end;gap:var(--space-2)}