@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-BopkmViT.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-DDNlYYca.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAewABQAAAAAD6gAAAdIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiIbHhwoP0hWQVIqBmA/U1RBVIFiJyYAXC9qEQgKhGSDegsaADCGAgE2AiQDLgQgBYlMB4EDDAcbwQ1RVJJeQfLjoBzTNUne6PP1Xi1YsKKMh70ywfP/36a/z53BpOY0KsRsiHpNIGElxGhT8tzlS2v+9dwHOWS3yUkpDnXpSTLqgYxJaijBRDSVp4yj3wqMc6by2I3YLjyRDI///9yv7qIPtaYXPHQJiZRJ+/vGw3Rjw1yjWCj46WKeOJxup1tolMRT1eKsRQaNUEwRzr779xpLIcBsMF8QLI2VwPWdLGUp0tjcOYgdHcA0AQROaaShfnr2RDgxhRdAOgfmgor1QazcuK8CulovV2EBdYlaC3TQ7WUzQTFAgQPnX9nYs33AW4T6lfbv/++gvoZcDCB3HtkDKk3tBwKnE+2oHYFjsxTUiSOjCQE+l3kB8SHMJo1KukWc4BLu4AkUgAjDGOEGBZ+o+IgL/xskTXJAks1AgRJdroJ4eUcqWeRXiFdrI8mqXoN49T1INi0AHB2BZimTcxEI9c8AK5Dn297iLXat2nfL149+/wOAnzlFBaRuNzAAyi5/LhpCn6PTCtzYUeiEvC1Kf1L/yjSBMX1C/7LIfMsMmSsdBgBW7IAF2+wgAfwohLnYcN5xJYYhV52iPIII8O7tooCP3DtEA8mRnKIryolLLHBTklusZ84Qj9isXkm8CGKa+ABwA7AQ8AHXAV8AKWMp0FAmylVBmnvzCILommZ3+HwOx2yHY47udVk8esRjGR53u7a4NjlXOwc3uFbfs3v+dTsDLm29a93Nt8+78c4lG1xrVfiS3aKdvcd16S7UWTt3rr50j4iTs3atd8nZu52X7MSLTRjhEjbxhc7qhFXZbBtx881c1K23WpfcyKl3DZ76eoq4zno9pZ9Mz75z/f779m8qzKmqM7Mrcwi+vu/k1/ZtyH/70LBGyPNS2VFz1qqlS5OI/3na48BHm67KfunzBQuOv3R59iam5iyyHZH4tkjbJDIeidjoDqHg5k1Bo7uqpsE4/+d9o7ahdu3PCaOmvqoKqKHgjc1BUUToel+yaXNNY1NR0UbjBqNIR4rqmNq10n9NN+oa6n779UQdE1lVmZ+R/5997p3UjSdOnPjQGSuhcOqlkcTEBvYuz+FpyIpdGp66lNnvprau6Qm1pJsZmb70llD1JVQaAlhxLn8QF6IVnZzmgBKAIKg07QUKyY1L1H6qzU61VL2NoIA83KjeMpBBIZVEjHuBN8Un5dIsowZvcZbCTQAhCXDNXpY6GuilUaujrTYMzPYK1SqMx9cveY536Rrz///m219b5knnd7LBrElBtHUcg6/y4/XRi6M3P5glYMB0HzvEgg/+XcqaVvk3z9dAJHFr3OuxAOSmFP2Nfv0ez9UEea8cRb2LaQ5YVOl7zXG8mKnb3ccr6/7j3TGme6vQPVQA3If7qYFLK2BHIR3bzxZALaYVyVuUVyHN7saaZMkpCU1Ceb6G79+7vFrl3e/9PtVOOPcaZYE7iuxGUHXsTQppl9EjFd3xKajuzOxsQssTHpp8Ui5KcPnymUar1ThzeZHvfX6Lk/rcY3slTzx4uqFpIIQRJgQJKJIQQW4PQyxWKsXFeAzUNNvImLwKCa0b6GtOEah804G1WJhSPfWg0+B41s3rZqAYQAw1cIhMLVKpUT4FJWOjs4mCoqbpMrRWWaLKBC5e3FYTKLl9kdL03zsU/6Vsj+QEgF+irmnV1lIVMd+4PYlNwtao12OMfu/Nhm0873DW+34ox/FPB8PGZFa0XsW+63rl3Lh77/YNKLh97871w1MTGUDenhjGaMgOSfTb32bL4BDb44Oi2J2B8zlIhcJ4vGCIkFDIxvhpsxAIkyVAGBOMAzFpaVnflhYLKFiwBgQA+Jpw5tnM/S2+O1whpMUV4MDnD9wCcGD/pz/nN//fqV+j/QusKAAE3pUR+lMC8t+V4yC4XJday/rRZ1A7GdaHVdM/BezkMgRwy0tMeQ6r4fU0FLBIgmiI7gBeU4fnKCxV76DCq55DjWp1EurkqE60sFgF0UqWsjt7KZXPvQm45QMU7PIGKubKI6jhlLt66GtHikWvfR1YtS9DG7PlFLSTJ53ooFJmo5MCjqOLYp5AN0FOYzxGdKOXcuajDzfO/+nHCfSLmxQ2pU1C2ISYIe2iEupNC4uZskOXuClxTflcmpwkIRPqxdVDMJx2pULoEk35mBm2K1TQT0fS+ZgQNt2YdYpN66jE+btWLQ4aFbRzg0ra+tTqFdpdVW2XvEaU50Y2db/NDpXkszR3yLQYSxMZzRuFmAkqxE2rVjOfHs0699/2ncJqOi3RjOUGCJI30sK0HZvwQOZHoKWSVmXTVa9qF62Zjq/cvEHcNiebviFuz1AgFhC4walEBfZOe6F83JioIYvyITMSRhtO3HfGrYsjYqLfmxGRx5C4SfkrDTT/3OmZKDCgZpQgIDzLDaTwsSiqRRNdLGIVm9jFYQ1F/lyjgW1mKlZQHGqi+k3lMk67+fsVlpHw5GTYGx6aSUR/7Ib7xpsgt4dYVFDaln1JzPOf0i8H) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-BptiBwAt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-BW1JPxja.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-By-yputv.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-Com2F4yK.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-Ajscav9D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --amb-a{syntax: "<color>"; inherits: true; initial-value: #1a1f26;}@property --amb-b{syntax: "<color>"; inherits: true; initial-value: #15181d;}@property --amb-c{syntax: "<color>"; inherits: true; initial-value: #0e1013;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #c5ced8;}:root{color-scheme:dark;--bg: #0b0c0e;--bg-1: #111316;--bg-2: #16191d;--bg-3: #1d2126;--bg-4: #262b31;--glass: rgb(17 19 23 / .6);--glass-strong: rgb(15 17 20 / .84);--membrane: rgb(255 255 255 / .055);--line: rgb(255 255 255 / .07);--line-2: rgb(255 255 255 / .12);--line-3: rgb(255 255 255 / .2);--edge: inset 0 1px 0 rgb(255 255 255 / .07);--edge-strong: inset 0 1px 0 rgb(255 255 255 / .12), inset 0 0 0 1px rgb(255 255 255 / .06);--t1: #f2f3f5;--t2: #a6abb3;--t3: #6e747d;--t-inv: #0c0d0f;--ok: #62d39c;--warn: #efb65c;--bad: #ff7d6e;--info: #7cc7ff;--away: #d9b862;--font: "Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Mono", monospace;--fs-display: clamp(40px, 4.1vw, 64px);--fs-h1: clamp(30px, 2.5vw, 40px);--fs-h2: 21px;--fs-h3: 16px;--fs-body: 15px;--fs-sm: 13px;--fs-micro: 11px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--s20: 80px;--gutter: clamp(16px, 3.2vw, 56px);--maxw: 1760px;--edge: max(var(--gutter), calc((100vw - var(--maxw)) / 2 + var(--gutter)));--r-xs: 5px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--blur-sm: 10px;--blur-md: 18px;--blur-lg: 40px;--sh-1: 0 1px 2px rgb(0 0 0 / .4), 0 4px 12px rgb(0 0 0 / .22);--sh-2: 0 10px 28px rgb(0 0 0 / .42), 0 2px 6px rgb(0 0 0 / .3);--sh-3: 0 30px 80px rgb(0 0 0 / .6), 0 6px 18px rgb(0 0 0 / .35);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-soft: cubic-bezier(.3, 1.25, .6, 1);--d-micro: .14s;--d-btn: .16s;--d-card: .22s;--d-pop: .19s;--d-modal: .28s;--d-page: .36s;--d-art: .62s;--z-bg: 0;--z-content: 1;--z-header: 40;--z-nav: 45;--z-drawer: 60;--z-modal: 70;--z-toast: 80;--z-play: 90;--header-h: 72px;--mobile-nav-h: 64px;transition:--amb-a var(--d-art) var(--ease-in-out),--amb-b var(--d-art) var(--ease-in-out),--amb-c var(--d-art) var(--ease-in-out),--accent var(--d-art) var(--ease-in-out)}html[data-perf=on]{--glass: rgb(17 19 23 / .94);--glass-strong: rgb(15 17 20 / .97)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--t1);font:450 var(--fs-body)/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--t1);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--t1);color:var(--t-inv);padding:10px 14px;border-radius:var(--r-sm);font-weight:600}.skip:focus{top:12px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff2e}::-webkit-scrollbar-track{background:transparent}.micro{font-size:var(--fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}.mono{font-family:var(--mono);font-feature-settings:"zero" 1}.t2{color:var(--t2)}.t3{color:var(--t3)}.num{font-variant-numeric:tabular-nums}.page{position:relative;z-index:var(--z-content);padding:calc(var(--header-h) + var(--s8)) var(--gutter) var(--s20);max-width:var(--maxw);margin:0 auto}.page--flush{padding-top:0;max-width:none;padding-left:0;padding-right:0}.section{margin-top:var(--s12)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4)}.section-head h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.012em;line-height:1.2}.section-head .sub{font-size:var(--fs-sm);color:var(--t3);margin-top:3px}.section-head .more{font-size:var(--fs-sm);color:var(--t2);display:inline-flex;align-items:center;gap:4px;padding:6px 8px;margin-right:-8px;border-radius:var(--r-sm);transition:color var(--d-micro),background var(--d-micro)}.section-head .more:hover{color:var(--t1);background:var(--membrane)}.btn{--h: 40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;border-radius:var(--r-sm);font-weight:600;font-size:14px;letter-spacing:-.003em;white-space:nowrap;transition:background var(--d-btn) var(--ease-out),color var(--d-btn),box-shadow var(--d-btn),transform var(--d-btn) var(--ease-out),opacity var(--d-btn);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.975)}.btn[disabled]{opacity:.45;pointer-events:none}.btn svg{flex:none}.btn--lg{--h: 50px;padding:0 22px;font-size:15px;border-radius:10px}.btn--sm{--h: 32px;padding:0 12px;font-size:13px;gap:6px}.btn--icon{width:var(--h);padding:0}.btn--primary{background:#f3f2ef;color:var(--t-inv);box-shadow:0 0 0 0 transparent,inset 0 -1px #0000001f}.btn--primary:hover{background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent),0 8px 30px -6px color-mix(in srgb,var(--accent) 55%,transparent)}.btn--glass{background:#ffffff1a;color:var(--t1);box-shadow:var(--edge-strong);backdrop-filter:blur(var(--blur-md)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.4)}.btn--glass:hover{background:#ffffff29}.btn--solid{background:var(--bg-3);color:var(--t1);box-shadow:var(--edge)}.btn--solid:hover{background:var(--bg-4)}.btn--ghost{color:var(--t2)}.btn--ghost:hover{color:var(--t1);background:var(--membrane)}.btn--accent{background:color-mix(in srgb,var(--accent) 22%,var(--bg-2));color:var(--t1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--accent:hover{background:color-mix(in srgb,var(--accent) 32%,var(--bg-2))}.btn--danger{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--t2);position:relative;transition:background var(--d-micro),color var(--d-micro)}.iconbtn:hover,.iconbtn[aria-expanded=true]{background:var(--membrane);color:var(--t1)}kbd{font:600 11px/1 var(--mono);padding:3px 5px;border-radius:var(--r-xs);background:#ffffff12;color:var(--t2);box-shadow:inset 0 -1px #ffffff0f}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:var(--r-xs);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--t1);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-2);line-height:1}.badge svg{width:13px;height:13px;flex:none}.badge--bare{box-shadow:none;padding:0;color:var(--t2)}.badge--verified{background:color-mix(in srgb,var(--info) 18%,transparent);color:#bfe4ff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--info) 35%,transparent)}.badge--experimental{color:var(--warn);box-shadow:none;outline:1px dashed color-mix(in srgb,var(--warn) 55%,transparent);outline-offset:-1px}.badge--unavailable{color:var(--t3);box-shadow:inset 0 0 0 1px var(--line);text-decoration:line-through;text-decoration-color:#ffffff40}.badge--split{padding:0;gap:0;overflow:hidden}.badge--split>span{display:inline-flex;align-items:center;gap:4px;height:100%;padding:0 6px}.badge--split>span+span{background:#ffffff17}.badge--players{font-family:var(--mono);letter-spacing:0;text-transform:none;font-weight:500;color:var(--t2);box-shadow:none;padding:0 2px}.badge--float{background:#0c0d0f8c;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));box-shadow:inset 0 0 0 1px #ffffff1a}.badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tip-wrap{position:relative;display:inline-flex}.tip{position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px;width:max-content;max-width:260px;padding:9px 11px;border-radius:var(--r-sm);background:#1f2329;box-shadow:var(--sh-2),var(--edge-strong);font-size:12.5px;font-weight:450;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--t2);opacity:0;pointer-events:none;transition:opacity var(--d-pop) var(--ease-out),translate var(--d-pop) var(--ease-out);z-index:30}.tip b{display:block;color:var(--t1);font-weight:600;margin-bottom:2px;font-size:12.5px}.tip-wrap:hover .tip,.tip-wrap:focus-within .tip{opacity:1;translate:-50% 0;transition-delay:.22s}.tip--down{bottom:auto;top:calc(100% + 8px)}.tip--end{left:auto;right:0;translate:0 4px}.tip-wrap:hover .tip--end,.tip-wrap:focus-within .tip--end{translate:0 0}.avatar{position:relative;flex:none;border-radius:50%;display:block}.avatar svg{border-radius:50%;display:block}.avatar .pres{position:absolute;right:-1px;bottom:-1px;width:32%;height:32%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--bg-1);background:var(--t3)}.pres--playing,.pres--online{background:var(--ok)!important}.pres--away{background:var(--away)!important}.pres--offline{background:#4a4f57!important}.avatar-stack{display:flex;align-items:center}.avatar-stack>*+*{margin-left:-8px}.avatar-stack .avatar svg{box-shadow:0 0 0 2px var(--bg-1)}.input{height:44px;width:100%;padding:0 14px;border-radius:var(--r-sm);background:var(--bg-2);border:0;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow var(--d-micro)}.input::placeholder{color:var(--t3)}.input:focus{box-shadow:inset 0 0 0 1px var(--line-3),0 0 0 3px #ffffff14}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 30px 0 12px;border-radius:var(--r-sm);background:var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23a6abb3' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center;border:0;box-shadow:inset 0 0 0 1px var(--line-2);font-size:13px;font-weight:500;color:var(--t1)}.select option{background:var(--bg-2)}.segmented{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);position:relative}.segmented button{position:relative;height:34px;padding:0 14px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--t2);transition:color var(--d-micro);z-index:1;display:inline-flex;align-items:center;gap:7px}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{color:var(--t1)}.segmented .seg-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-sm);background:var(--bg-4);box-shadow:var(--edge),var(--sh-1);z-index:-1}.switch{position:relative;width:40px;height:24px;border-radius:12px;background:var(--bg-4);box-shadow:inset 0 0 0 1px var(--line-2);transition:background var(--d-btn);flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--t2);transition:transform var(--d-btn) var(--ease-soft),background var(--d-btn)}.switch[aria-checked=true]{background:color-mix(in srgb,var(--ok) 60%,var(--bg-4))}.switch[aria-checked=true]:after{transform:translate(16px);background:#fff}.chip{height:34px;padding:0 13px;border-radius:var(--r-sm);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line);transition:background var(--d-micro),color var(--d-micro),box-shadow var(--d-micro);white-space:nowrap}.chip:hover{color:var(--t1);background:var(--membrane)}.chip[aria-pressed=true]{color:var(--t-inv);background:var(--t1);box-shadow:none}.chip .count{font:500 11px var(--mono);opacity:.6}.rail{position:relative}.rail-track{display:grid;grid-auto-flow:column;gap:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px var(--gutter) 22px;margin:-10px calc(var(--gutter) * -1) -22px;scroll-padding:0 var(--gutter);overscroll-behavior-x:contain}.rail-track::-webkit-scrollbar{display:none}.rail-track>*{scroll-snap-align:start}.rail-arrows{display:flex;gap:6px}.rail-arrows button{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line);transition:background var(--d-micro),color var(--d-micro),opacity var(--d-micro)}.rail-arrows button:hover{background:var(--membrane);color:var(--t1)}.rail-arrows button:disabled{opacity:.3;pointer-events:none}.sk{position:relative;overflow:hidden;background:var(--bg-2);border-radius:var(--r-md)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;translate:-100% 0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .035),transparent);animation:shimmer 1.6s var(--ease-in-out) infinite}@keyframes shimmer{to{translate:100% 0}}.state{display:grid;justify-items:start;gap:10px;padding:var(--s8);border-radius:var(--r-lg);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);max-width:560px}.state--center{justify-items:center;text-align:center;margin:0 auto}.state svg.state-art{width:88px;height:64px;color:var(--t3);margin-bottom:6px}.state h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.state p{color:var(--t2);font-size:14px;max-width:46ch}.state .actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.state details{width:100%;margin-top:8px;font-size:12.5px;color:var(--t3)}.state details summary{cursor:pointer;color:var(--t2);font-weight:600}.state details pre{margin:8px 0 0;padding:12px;border-radius:var(--r-sm);background:var(--bg);font:12px/1.5 var(--mono);white-space:pre-wrap;color:var(--t2)}.state--error h3{color:var(--bad)}@media(prefers-reduced-motion:reduce){html[data-motion=system] *,html[data-motion=system] *:before,html[data-motion=system] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.rail-arrows[hidden]{display:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;overflow:hidden;background:var(--bg)}.bd-light{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.bd-light--a{width:70vw;height:60vh;left:-12vw;top:-18vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--amb-a) 55%,transparent),transparent);animation:drift-a 38s var(--ease-in-out) infinite alternate}.bd-light--b{width:60vw;height:70vh;right:-16vw;top:22vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--amb-c) 22%,transparent),transparent);opacity:.4;animation:drift-b 46s var(--ease-in-out) infinite alternate}@keyframes drift-a{to{transform:translate3d(8vw,6vh,0) scale(1.08)}}@keyframes drift-b{to{transform:translate3d(-6vw,-8vh,0) scale(.94)}}.bd-field{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .018) 0 1px,transparent 1px 72px),repeating-linear-gradient(-45deg,rgb(255 255 255 / .018) 0 1px,transparent 1px 72px);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%)}.bd-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html[data-perf=on] .bd-light{animation:none}.hdr{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:10px 14px 0;pointer-events:none}.hdr-bar{pointer-events:auto;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:calc(var(--header-h) - 10px);max-width:var(--maxw);margin:0 auto;padding:0 calc(var(--gutter) - 14px);border-radius:14px;transition:height var(--d-modal) var(--ease-out),background var(--d-modal),box-shadow var(--d-modal),backdrop-filter var(--d-modal),padding var(--d-modal)}.hdr.is-scrolled .hdr-bar{background:#0e0f12cc;backdrop-filter:blur(var(--blur-md)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.5);box-shadow:var(--edge-strong),var(--sh-2);padding:0 12px 0 18px}.hdr.is-compact .hdr-bar{height:52px}.hdr-logo{display:inline-flex;align-items:center;gap:10px;color:var(--t1);height:40px;padding-right:6px;justify-self:start}.hdr-word{display:block;transition:opacity var(--d-card),width var(--d-modal) var(--ease-out)}.hdr-mark{display:none}.hdr-word{width:auto}.hdr.is-compact .hdr-word{opacity:1}.hdr-nav{display:flex;gap:2px;padding:4px;border-radius:12px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0d}.hdr.is-scrolled .hdr-nav{background:transparent;box-shadow:none}.hdr-link{position:relative;height:36px;padding:0 16px;display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:var(--t2);border-radius:9px;transition:color var(--d-micro)}.hdr-link:hover,.hdr-link.active{color:var(--t1)}.hdr-link span{position:relative;z-index:1}.nav-capsule{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:#ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 1px 3px #0000004d}.nav-capsule:after{content:"";position:absolute;left:30%;right:30%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.9}.hdr-utils{display:flex;align-items:center;justify-content:flex-end;gap:4px}.hdr-search{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 8px 0 12px;margin-right:6px;min-width:210px;border-radius:10px;color:var(--t3);font-size:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f;transition:background var(--d-micro),color var(--d-micro)}.hdr-search span{flex:1;text-align:left}.hdr-search:hover{background:#ffffff14;color:var(--t2)}.count-bubble{position:absolute;top:3px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--ok);color:#06210f;font:700 10.5px/17px var(--font);text-align:center;box-shadow:0 0 0 2px var(--bg)}.iconbtn .dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.hdr-avatar{margin-left:6px;border-radius:50%}.foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;max-width:var(--maxw);margin:0 auto;padding:28px var(--gutter) 40px;font-size:13px;color:var(--t2);border-top:1px solid var(--line)}.foot a:hover{color:var(--t1)}.foot span{margin-left:auto}.mnav{display:none}.pop-anchor{position:relative}.popover{position:absolute;top:calc(100% + 10px);right:0;z-index:50;border-radius:var(--r-lg);background:var(--glass-strong);backdrop-filter:blur(var(--blur-lg)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.6);box-shadow:var(--sh-3),var(--edge-strong)}.notif{width:380px;padding:8px}.pop-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;font-weight:600;font-size:14px}.notif-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);position:relative}.notif-item:hover{background:var(--membrane)}.notif-item.is-unread:before{content:"";position:absolute;left:2px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--accent)}.notif-body{flex:1;min-width:0;font-size:13.5px;line-height:1.4}.notif-body p{color:var(--t2)}.notif-body b{color:var(--t1);font-weight:600}.notif-body .t3{font-size:12px}.notif-sys{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg-3);color:var(--t2);flex:none}.toasts{position:fixed;top:calc(var(--header-h) + 4px);right:18px;z-index:var(--z-toast);display:grid;gap:8px;width:360px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:14px;background:var(--glass-strong);backdrop-filter:blur(var(--blur-lg)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.6);box-shadow:var(--sh-3),var(--edge-strong);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--ta, var(--accent));opacity:.9}.toast-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg-3);color:var(--t1);flex:none}.toast--net .toast-ic{color:var(--ok)}.toast-body{flex:1;min-width:0;display:grid;font-size:13.5px;line-height:1.35}.toast-body b{font-weight:600}.toast-body span{color:var(--t2);font-size:12.5px}.dlg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px}.dlg-root--top{place-items:start center;padding-top:12vh}.dlg-root--side{place-items:stretch end;padding:10px}.dlg-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0506089e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dlg{position:relative;border-radius:var(--r-lg);background:var(--bg-1);box-shadow:var(--sh-3),var(--edge-strong);max-height:calc(100vh - 48px);overflow:hidden}.dlg-close{position:absolute;top:12px;right:12px;z-index:5}.drawer{width:400px;height:100%;max-height:none;display:flex;flex-direction:column;background:var(--glass-strong);backdrop-filter:blur(var(--blur-lg)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.5)}.drawer-head{display:flex;align-items:center;gap:4px;padding:18px 14px 10px 22px}.drawer-head h2{flex:1;font-size:19px;font-weight:600}.drawer-head .dlg-close{position:static}.drawer-search{display:flex;align-items:center;gap:10px;margin:4px 16px 10px;height:40px;padding:0 12px;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line);color:var(--t3)}.drawer-search input{flex:1;background:none;border:0;height:100%;font-size:14px;color:var(--t1)}.drawer-search input::placeholder{color:var(--t3)}.drawer-body{flex:1;overflow-y:auto;padding:4px 10px 20px}.fr-group{margin-top:12px}.fr-label{padding:6px 12px;display:flex;gap:8px}.fr-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:2px 6px 2px 2px;border-radius:var(--r-md);transition:background var(--d-micro)}.fr-row:hover,.fr-row.is-open{background:var(--membrane)}.fr-main{display:flex;align-items:center;gap:12px;padding:8px;text-align:left;min-width:0;border-radius:var(--r-md)}.fr-text{display:grid;min-width:0;font-size:14px;line-height:1.3}.fr-text b{font-weight:600}.fr-text span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-playing{color:var(--ok)}.fr-game{width:54px;aspect-ratio:460/215;border-radius:5px;overflow:hidden;margin-left:auto;flex:none;opacity:.9}.fr-pop{grid-column:1 / -1;overflow:hidden}.fr-pop-inner{padding:4px 8px 12px;display:grid;gap:10px}.fr-now{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:8px;border-radius:var(--r-md);background:color-mix(in srgb,var(--ta) 10%,var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ta) 22%,transparent)}.fr-now-art{aspect-ratio:16/9;border-radius:6px;overflow:hidden}.fr-now>div{display:grid;font-size:13px;line-height:1.35}.fr-actions{display:flex;gap:6px}.palette{position:relative;width:min(700px,100%);border-radius:18px;background:var(--glass-strong);backdrop-filter:blur(var(--blur-lg)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.6);box-shadow:var(--sh-3),var(--edge-strong);overflow:hidden}.pal-input{display:flex;align-items:center;gap:12px;height:62px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--t2)}.pal-input input:focus-visible{outline:none}.pal-input input{flex:1;height:100%;background:none;border:0;font-size:18px;font-weight:500;color:var(--t1);letter-spacing:-.01em}.pal-input input::placeholder{color:var(--t3)}.pal-list{max-height:min(56vh,520px);overflow-y:auto;padding:6px 8px 10px}.pal-label{padding:12px 10px 6px}.pal-item{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:10px;cursor:pointer;position:relative}.pal-item.is-active{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0d}.pal-cover{width:34px;aspect-ratio:2/3;border-radius:5px;overflow:hidden;flex:none}.pal-cover.art--type .type-meta{display:none}.pal-main{flex:1;min-width:0;display:grid;line-height:1.3}.pal-main b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-main span{font-size:12.5px;color:var(--t3)}.pal-room{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--bg-3);color:var(--t2)}.pal-play{opacity:0;transition:opacity var(--d-micro)}.pal-item.is-active .pal-play,.pal-item:hover .pal-play{opacity:1}.pal-enter{color:var(--t3);flex:none}.pal-empty{padding:36px 16px;display:grid;gap:4px;text-align:center;color:var(--t3);font-size:13.5px}.pal-empty b{color:var(--t1);font-weight:600;font-size:15px}.pal-foot{display:flex;gap:16px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--t3)}.pal-foot kbd{margin-right:3px}.create{width:min(980px,100%)}.create-grid{display:grid;grid-template-columns:320px 1fr;min-height:560px;max-height:calc(100vh - 48px)}.create-pick{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--bg)}.create-pick-head{padding:20px 20px 8px}.create-list{flex:1;overflow-y:auto;padding:4px 10px 14px;display:grid;align-content:start;gap:2px}.create-opt{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:10px;text-align:left;transition:background var(--d-micro);position:relative}.create-opt:hover{background:var(--membrane)}.create-opt.is-on{background:color-mix(in srgb,var(--ta) 13%,var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ta) 45%,transparent)}.create-opt-art{width:36px;aspect-ratio:2/3;border-radius:5px;overflow:hidden;flex:none}.create-opt>span{display:grid;min-width:0;font-size:14px;line-height:1.3}.create-opt b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-opt .t3{font-size:12px}.create-form{position:relative;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.create-art{position:relative;height:200px;flex:none;overflow:hidden}.create-art .art{position:absolute;top:0;right:0;bottom:0;left:0}.create-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,var(--bg-1) 100%)}.create-art-copy{position:absolute;left:28px;bottom:16px;z-index:1;display:grid;gap:8px;justify-items:start}.create-art-copy h2{font-size:28px;font-weight:650;letter-spacing:-.02em;text-shadow:0 2px 20px rgb(0 0 0 / .5)}.create-fields{padding:16px 28px 28px;display:grid;gap:18px;align-content:start}.field{display:grid;gap:10px}.field--row{display:flex;align-items:center;justify-content:space-between;gap:16px}.field-label{font-size:14px;font-weight:600}.field-note{font-size:13px}.stepper{display:inline-flex;align-items:center;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-2)}.stepper button{width:38px;height:38px;display:grid;place-items:center;color:var(--t2);border-radius:10px}.stepper button:hover{color:var(--t1);background:var(--membrane)}.stepper button:disabled{opacity:.3}.stepper output{min-width:34px;text-align:center;font-size:16px;font-weight:600}.create-cta{width:100%;margin-top:6px}.morph{position:fixed;z-index:calc(var(--z-modal) + 1);overflow:hidden;pointer-events:none}.morph .art{position:absolute;top:0;right:0;bottom:0;left:0}.morph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#08090b59}.join{width:min(480px,100%);padding:28px}.join form{display:grid;gap:14px}.join h2{font-size:22px;font-weight:600;letter-spacing:-.015em;margin-top:-6px}.join-preview{min-height:56px;display:flex;align-items:center;gap:12px;font-size:13.5px}.join-preview>span{display:grid}.join-art{width:96px;aspect-ratio:460/215;border-radius:6px;overflow:hidden;flex:none}.codein{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;cursor:text}.codein input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;font-size:16px}.codein-cell{height:62px;display:grid;place-items:center;border-radius:10px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);font:600 26px var(--mono);color:var(--t1);transition:box-shadow var(--d-micro),background var(--d-micro)}.codein-cell.is-filled{background:var(--bg-3)}.codein:focus-within .codein-cell.is-caret{box-shadow:inset 0 0 0 1.5px var(--t1),0 0 0 4px #ffffff0f}.codein--compact{gap:5px}.codein--compact .codein-cell{width:40px;height:50px;font-size:19px;border-radius:8px}.skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,11.5vw,214px),1fr));gap:26px 18px}@media(max-width:1180px){.hdr-search{min-width:0}.hdr-search span,.hdr-search kbd{display:none}}@media(max-width:767px){:root{--header-h: 60px}.hdr{padding:0}.hdr-bar{grid-template-columns:1fr auto;height:56px;border-radius:0;padding:0 8px 0 16px!important}.hdr.is-scrolled .hdr-bar{box-shadow:0 1px 0 var(--line)}.hdr.is-compact .hdr-bar{height:56px}.hdr-nav{display:none}.hdr-search{width:44px;height:44px;padding:0;justify-content:center;margin:0;background:none;box-shadow:none;color:var(--t2)}.iconbtn{width:44px;height:44px}.mnav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--glass-strong);backdrop-filter:blur(var(--blur-lg)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.5);box-shadow:0 -1px 0 var(--line)}.mnav-link{display:grid;place-content:center;justify-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--t3);min-height:44px;position:relative}.mnav-link.active{color:var(--t1)}.mnav-link.active:before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;border-radius:0 0 2px 2px;background:var(--accent)}main{padding-bottom:var(--mobile-nav-h)}.foot{padding-bottom:calc(var(--mobile-nav-h) + 24px)}.foot span{margin-left:0}.toasts{left:12px;right:12px;width:auto;top:64px}.notif{position:fixed;top:60px;left:8px;right:8px;width:auto}.dlg-root{padding:0;place-items:end stretch}.dlg-root--top{padding:8px;place-items:start stretch}.dlg{max-height:92vh;border-radius:18px 18px 0 0}.drawer{width:100%;border-radius:18px 18px 0 0;height:88vh}.dlg-root--side{padding:0;place-items:end stretch}.create-grid{grid-template-columns:1fr;max-height:92vh;overflow-y:auto;min-height:0}.create-pick{border-right:0;max-height:240px}.create-art{height:150px}.section{margin-top:var(--s10)}.section-head h2{font-size:19px}.rail-arrows{display:none}}.create-next{margin:4px 0 0;padding:16px 0 0 18px;border-top:1px solid var(--line);display:grid;gap:6px;font-size:13px;color:var(--t3)}.create-next li::marker{color:var(--t2);font:600 12px var(--mono)}.games-chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:40px}.hdr-signin{margin-left:6px}.saves{display:grid;gap:12px}.saves-local,.saves-cloud{border-radius:var(--r-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);padding:16px 18px}.saves-local{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.saves-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--bg-3);color:var(--t2);flex:none}.saves-main{display:grid;flex:1;min-width:200px;font-size:14px}.saves-main .t3{font-size:13px}.saves-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.saves-cloud{display:grid;gap:12px;justify-items:start}.saves-cloud-head{display:grid;font-size:14px}.saves-cloud-head .t3{font-size:13px}.saves-empty{font-size:13.5px}.saves-list{display:grid;width:100%}.saves-row{display:grid;grid-template-columns:74px 1fr auto auto;gap:14px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}.saves-kind{justify-self:start;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-xs);color:var(--t2);box-shadow:inset 0 0 0 1px var(--line-2)}.saves-kind--manual{color:var(--info);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--info) 40%,transparent)}.saves-when .t3{font-size:12.5px}.saves-manager{display:grid;gap:14px;width:100%}.saves-quota{display:flex;align-items:center;gap:14px;font-size:13px}.saves-quota .slots-bar{max-width:260px}.saves-games{display:grid;gap:8px}.saves-games li{display:grid;grid-template-columns:96px 1fr auto auto;gap:14px;align-items:center;padding:8px;border-radius:var(--r-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);font-size:14px}.saves-games li>div{display:grid}.saves-games .t3{font-size:12.5px}.slots-bar{flex:1;height:3px;border-radius:2px;background:var(--bg-4);overflow:hidden;display:block}.slots-bar i{display:block;height:100%;background:var(--accent);border-radius:2px}.set-user{display:flex;align-items:center;gap:12px}.set-user>div{display:grid}.set-pw{height:34px;width:180px;font-size:13px}.prof-settings{display:flex;gap:8px;margin-left:auto}.lfield-msg{font-size:12.5px;color:var(--bad)}@media(max-width:640px){.saves-row{grid-template-columns:1fr auto}.saves-row .mono{display:none}.saves-games li{grid-template-columns:1fr auto}.saves-games .together-art{display:none}}.art{position:relative;overflow:hidden;background:var(--bg-2)}:where(.art){width:100%;height:100%}.art img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .42s var(--ease-out)}.art.is-loaded img{opacity:1}.art:not(.is-loaded):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;translate:-100% 0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .04),transparent);animation:shimmer 1.6s var(--ease-in-out) infinite}.art--derived{background:var(--p-deep);display:grid;place-items:center}.art--derived .derived-bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;filter:blur(22px) saturate(1.3) brightness(.6);transform:scale(1.1)}.art--derived .derived-fg{position:relative;width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;box-shadow:0 10px 30px #00000080}.art--cover.art--derived .derived-fg{width:92%;border-radius:6px;margin-top:-18%}.art--derived .derived-title{position:absolute;left:10px;right:10px;bottom:12px;font-size:13px;font-weight:650;line-height:1.2;letter-spacing:-.01em;text-shadow:0 1px 8px rgb(0 0 0 / .6)}.art--type{background:radial-gradient(120% 80% at 20% 0%,color-mix(in srgb,var(--p-glow) 45%,transparent),transparent 60%),linear-gradient(160deg,var(--p-deep),#0c0d10 80%);display:flex;flex-direction:column;justify-content:flex-end;container-type:inline-size}.art--type .type-field{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .05) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,rgb(255 255 255 / .05) 0 1px,transparent 1px 22px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.art--type .type-title{position:relative;margin:0 10cqw;font-size:12cqw;font-weight:700;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.art--type .type-meta{position:relative;margin:4cqw 10cqw 10cqw;font:500 max(9px,5.5cqw) var(--mono);color:color-mix(in srgb,var(--p-accent) 80%,white);text-transform:uppercase;letter-spacing:.06em}.art--header.art--type .type-title{font-size:7cqw;margin:0 6cqw}.art--header.art--type .type-meta{font-size:max(9px,3cqw);margin:2cqw 6cqw 5cqw}::view-transition-group(game-art){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}.gcard{position:relative;display:block;border-radius:var(--r-md);outline:none}.gcard-media{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--bg-2);box-shadow:0 0 0 1px #ffffff0d;transform:translateZ(0);transition:transform var(--d-card) var(--ease-out),box-shadow var(--d-card) var(--ease-out)}.gcard--land .gcard-media{aspect-ratio:460/215}.gcard--land.gcard--lg .gcard-media{aspect-ratio:auto;height:100%}.gcard--port .gcard-media{aspect-ratio:2/3}.gcard-media .art img{transition:opacity .42s var(--ease-out),transform .6s var(--ease-out),filter var(--d-card)}.gcard-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity var(--d-card);background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%),rgb(255 255 255 / .12),transparent 45%);mix-blend-mode:soft-light}.gcard-overlay{position:absolute;inset:auto 0 0 0;padding:40px 10px 10px;background:linear-gradient(180deg,transparent,rgb(6 7 9 / .86));opacity:0;translate:0 6px;transition:opacity var(--d-card) var(--ease-out),translate var(--d-card) var(--ease-out)}.gcard-actions{display:flex;gap:6px;align-items:center}.gcard-actions .favbtn{margin-left:auto}.gcard-float{position:absolute;top:12px;left:12px}.gcard-info{display:grid;padding:10px 2px 0;line-height:1.3;min-width:0}.gcard-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.gcard-meta{font-size:12.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover){.gcard:hover .gcard-media{transform:scale(1.03);box-shadow:0 0 0 1px color-mix(in srgb,var(--ta) 55%,transparent),0 18px 40px -12px color-mix(in srgb,var(--ta) 45%,transparent),var(--sh-2)}.gcard:hover .gcard-media .art img{transform:scale(1.025);filter:saturate(1.08) brightness(1.04)}.gcard:hover .gcard-sheen{opacity:1}.gcard:hover .gcard-overlay{opacity:1;translate:0 0}}.gcard:focus-visible .gcard-media{box-shadow:0 0 0 2px var(--t1),0 0 0 5px color-mix(in srgb,var(--ta) 50%,transparent)}.gcard:focus-within .gcard-overlay{opacity:1;translate:0 0}.gcard--lg .gcard-info{position:absolute;left:0;bottom:0;padding:20px 22px;pointer-events:none}.gcard--lg .gcard-title{font-size:20px;font-weight:650;text-shadow:0 2px 14px rgb(0 0 0 / .6)}.gcard--lg .gcard-meta{color:var(--t2)}.gcard--lg .gcard-overlay{padding-bottom:70px;background:linear-gradient(180deg,transparent 40%,rgb(6 7 9 / .9));opacity:1;translate:0 0}.gcard--lg .gcard-actions{position:absolute;right:16px;bottom:18px;opacity:0;transition:opacity var(--d-card)}.gcard--lg:hover .gcard-actions,.gcard--lg:focus-within .gcard-actions{opacity:1}.favbtn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--t1);background:#ffffff1a;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));transition:background var(--d-micro),color var(--d-micro),transform var(--d-btn) var(--ease-soft)}.favbtn:hover{background:#ffffff2e}.favbtn:active{transform:scale(.88)}.favbtn.is-on{color:#ff8fa3}.favbtn--md{width:50px;height:50px;border-radius:10px;box-shadow:var(--edge-strong)}.acard{display:grid;grid-template-columns:minmax(120px,44%) 1fr;align-items:stretch;border-radius:var(--r-md);background:var(--glass);backdrop-filter:blur(var(--blur-md)) saturate(1.3);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.3);box-shadow:var(--edge-strong),var(--sh-1);overflow:hidden;transition:box-shadow var(--d-card),transform var(--d-card) var(--ease-out);min-height:104px}.acard:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ta) 40%,transparent),var(--sh-2)}.acard-art{position:relative;display:block;overflow:hidden}.acard-art .art{position:absolute;top:0;right:0;bottom:0;left:0}.acard-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 60%,rgb(12 13 15 / .6))}.acard-body{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 14px;min-width:0;font-size:12.5px}.acard-body>b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acard-friends{display:flex;align-items:center;gap:8px;color:var(--ok)}.acard-cta{margin-top:8px}.fcard{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--bg-1);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;transition:box-shadow var(--d-card),transform var(--d-card) var(--ease-out)}.fcard:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--ta) 45%,transparent),0 18px 40px -16px color-mix(in srgb,var(--ta) 50%,transparent)}.fcard:hover .gcard-sheen{opacity:1}.fcard-media{position:relative;display:block;aspect-ratio:16/8;overflow:hidden}.fcard-media .art{position:absolute;top:0;right:0;bottom:0;left:0}.fcard-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 0 0 / .25),transparent 40%,var(--bg-1))}.fcard-capsule{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:var(--r-full);background:#0c0d0f80;backdrop-filter:blur(var(--blur-md)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.6);box-shadow:inset 0 0 0 1px #ffffff1f,0 6px 20px #0000004d;font-size:13px;color:var(--t2)}.fcard-capsule b{color:var(--t1);font-weight:600}.fcard-capsule .avatar svg{box-shadow:0 0 0 2px #14161ae6}.fcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 16px 16px;margin-top:-18px;position:relative}.fcard-foot>div{display:grid;min-width:0;line-height:1.3}.fcard-foot b{font-size:15px;font-weight:600}.fcard-foot .t3{font-size:12.5px}.fcard--more{display:grid;place-content:center;justify-items:center;text-align:center;gap:6px;padding:24px;background:transparent;box-shadow:inset 0 0 0 1px var(--line);border:1px dashed var(--line-2)}.fcard--more b{font-weight:600}.fcard--more .t3{font-size:13px}.constellation-mini{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--membrane);color:var(--t2);margin-bottom:4px}.hero{position:relative;height:clamp(560px,80vh,860px);min-height:520px;overflow:hidden;isolation:isolate}.hero-env{position:absolute;top:-8%;right:-4%;bottom:-4%;left:-4%;z-index:-2}.hero-env-img{position:absolute;top:0;right:0;bottom:0;left:0}.hero-env .art{position:absolute;top:0;right:0;bottom:0;left:0;background:none}.hero-env .art img{filter:blur(64px) saturate(1.35) brightness(.55);transform:scale(1.2)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(11 12 14 / .25) 0%,transparent 18%,transparent 55%,var(--bg) 100%),linear-gradient(90deg,rgb(11 12 14 / .75) 0%,rgb(11 12 14 / .2) 42%,transparent 60%)}.hero-media{position:absolute;top:calc(var(--header-h) + 8px);right:var(--edge);bottom:64px;width:min(66vw,1240px);border-radius:var(--r-xl);overflow:hidden;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%),linear-gradient(0deg,transparent 0%,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 26%),linear-gradient(0deg,transparent 0%,#000 22%);mask-composite:intersect}.hero-media-img{position:absolute;top:0;right:0;bottom:0;left:0}.kenburns{position:absolute;top:0;right:0;bottom:0;left:0;animation:kenburns 14s var(--ease-in-out) infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.025)}}.kenburns .art{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.hero-media-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0d;pointer-events:none}.hero-copy{position:absolute;left:var(--edge);bottom:120px;width:min(560px,44vw);z-index:2}.hero-copy>div{display:grid;gap:16px;justify-items:start}.hero-kicker{color:var(--t2);display:inline-flex;align-items:center;gap:8px}.hero-kicker:before{content:"";width:18px;height:1px;background:var(--accent)}.hero-title{font-size:var(--fs-display);font-weight:700;letter-spacing:-.03em;line-height:.98}.hero-logo{max-width:min(440px,100%);max-height:170px;width:auto;height:auto;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 6px 30px rgb(0 0 0 / .55))}.hero-tag{font-size:18px;color:var(--t1);opacity:.86;max-width:36ch;text-wrap:balance;text-shadow:0 1px 12px rgb(0 0 0 / .5)}.hero-ctas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.hero-details{color:var(--t1);opacity:.8}.hero-details:hover{opacity:1}.hero-queue{position:absolute;right:calc(var(--edge) + 22px);bottom:86px;display:flex;gap:8px;z-index:3;padding:6px;border-radius:14px;background:#0c0d0f61;backdrop-filter:blur(var(--blur-md)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.5);box-shadow:inset 0 0 0 1px #ffffff14}.hq{position:relative;width:92px;aspect-ratio:460/215;border-radius:8px;overflow:hidden;opacity:.5;transition:opacity var(--d-card),width var(--d-modal) var(--ease-out),box-shadow var(--d-card)}.hq:hover{opacity:.85}.hq.is-on{opacity:1;width:132px;box-shadow:0 0 0 1.5px #ffffffd9}.hq-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--ta);transform-origin:left;animation:hqprog linear forwards;box-shadow:0 0 10px var(--ta)}@keyframes hqprog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.x-loader{color:var(--t1);overflow:visible}.x-loader-frag{animation:frag 1.6s var(--ease-in-out) infinite;transform-origin:16px 16px;transform-box:view-box}@keyframes frag{0%,to{transform:translate(-1.6px,-1.6px);opacity:.35}40%,60%{transform:translate(0);opacity:1}}.skel-page{position:relative;z-index:1}.skel-hero{position:relative;height:clamp(560px,80vh,860px)}.skel-hero-media{position:absolute;top:calc(var(--header-h) + 8px);right:var(--gutter);bottom:64px;width:min(66vw,1240px);border-radius:var(--r-xl)}.skel-hero-copy{position:absolute;left:var(--gutter);bottom:120px;display:grid;gap:16px}@media(max-width:767px){.hero{height:auto;min-height:640px}.hero-media{left:0;right:0;top:0;bottom:auto;height:62%;width:auto;border-radius:0;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 40%);mask-image:linear-gradient(0deg,transparent 0%,#000 40%)}.hero-copy{width:auto;right:var(--gutter);bottom:96px}.hero-logo{max-height:110px;max-width:260px}.hero-tag{font-size:16px}.hero-ctas .btn--lg{--h: 46px;padding:0 16px;font-size:14px}.hero-details{display:none!important}.hero-queue{left:var(--gutter);right:auto;bottom:28px;overflow-x:auto;max-width:calc(100% - 2 * var(--gutter))}.hq{width:64px;flex:none}.hq.is-on{width:88px}}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.together-art{aspect-ratio:460/215;border-radius:7px;overflow:hidden}.art--poster .derived-poster{position:relative;height:92%;width:auto;aspect-ratio:auto;object-fit:contain;border-radius:4px;box-shadow:0 10px 34px #0000008c}.art--hero.art--poster .derived-poster,.art--heroSm.art--poster .derived-poster{height:78%;margin-left:30%}.fr-row.social-user{display:flex;align-items:center;gap:10px;padding:10px 0}.social-user>b{flex:1;min-width:0;overflow-wrap:anywhere}.social-user>.btn,.social-user>.iconbtn{flex-shrink:0}.social-hint{padding:16px 0}.social-error{color:var(--danger, #e39d9d);padding:12px 0;font-size:13px}.social-error>button{margin-left:8px}.notif-controls{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.notif-empty{padding:24px 18px;color:var(--t3);font-size:13px}.notif-item .iconbtn{flex-shrink:0;width:24px;height:28px}.notif ul{max-height:min(60vh,460px);overflow-y:auto}