:root{--bg:#111;--panel:#181818;--panel-2:#1e1e1e;--panel-3:#252525;--line:#262626;--text:#f4f5f7;--muted:#8b8f98;--dim:#5d616a;--accent:#7e9dff;--accent-ink:#0d1330;--gold:#f5b82e;--green:#4ad07f;--red:#ff5f5f;--radius:10px;--radius-lg:14px;--gutter:20px;--max:1440px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@layer base{*{box-sizing:border-box}html,body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--field-bg,var(--panel)) inset;transition:background-color 9999s}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--field-bg,var(--panel)) inset;transition:background-color 9999s}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--field-bg,var(--panel)) inset;transition:background-color 9999s}img{display:block}}body{background:var(--bg);color:var(--text);font-family:var(--font-main), system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-size:14px;line-height:1.4;display:flex}.icon{flex:none}.flip{transform:scaleX(-1)}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}:root{--stick-top:80px;--load-free:#90edb3;--load-busy:#d0bb4f}.top.top-free{position:relative}:root:has(.top-free){--stick-top:12px}main.wrap{flex:1 0 auto;padding-top:12px;padding-bottom:48px}.input,.textarea,.number-field__group,.search-field__group,.input-group,.color-input-group,.date-input-group,.input-otp__slot,.tabs__tab{--tw-ring-inset:inset;--tw-ring-offset-width:0px}:where(a,button,[role=button],.table__content):focus-visible{outline-offset:-2px}.search-box{width:100%;min-width:0}.search-box .search-field__group{width:100%;height:40px}.search-box .search-field__input{font-size:14px;font-weight:600}.search-box-inline{flex:none;width:300px;max-width:100%}@media (max-width:760px){.search-box-inline{width:100%}}.button{border-radius:var(--radius);height:40px;font-weight:600}.button--sm{border-radius:8px;height:32px}.button--icon-only{width:40px;padding:0}.button--icon-only.button--sm{width:32px}:root,.dark,[data-theme=dark]{--background:var(--bg);--foreground:var(--text);--surface:var(--panel);--surface-foreground:var(--text);--overlay:var(--panel-2);--overlay-foreground:var(--text);--default:var(--panel-3);--default-foreground:var(--text);--accent-foreground:#fff;--field-background:var(--panel-2);--field-foreground:var(--text);--field-placeholder:var(--dim);--field-radius:var(--radius);--border:var(--line);--separator:var(--line);--focus:var(--accent);--segment:var(--panel-3);--segment-foreground:var(--text);--scrollbar-thumb:#333}.ui-select{min-width:175px}.ui-select .select__trigger{height:40px;min-height:40px;box-shadow:none;border:1px solid #0000;font-size:14px;font-weight:700}.ui-select .select__trigger[data-focus-visible=true],.ui-select[data-open=true] .select__trigger{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.ui-select .select__indicator{color:var(--muted);transition:transform .2s}.ui-select[data-open=true] .select__indicator{transform:rotate(180deg)}.ui-popover.select__popover{background:var(--panel-2);border:1px solid var(--line);font-family:var(--font-main), system-ui, sans-serif;border-radius:12px;padding:4px;box-shadow:0 16px 40px #00000080}.ui-popover .list-box-item{color:var(--muted);border-radius:8px;min-height:34px;font-size:14px;font-weight:700}.ui-popover .list-box-item[data-hovered=true],.ui-popover .list-box-item[data-focused=true]{background:var(--panel-3);color:var(--text)}.ui-popover .list-box-item[data-selected=true]{color:var(--accent)}.ui-switch{color:var(--muted);-webkit-user-select:none;user-select:none;font-weight:600}.ui-switch .switch__content{align-items:center;gap:10px;display:inline-flex}.ui-switch[data-selected=true]{color:var(--text)}.ui-seg{background:var(--panel-2);border-radius:var(--radius);gap:2px;padding:3px}.ui-seg .toggle-button{width:38px;height:34px;color:var(--muted);background:0 0;border-radius:8px}.ui-seg .toggle-button[data-selected=true]{background:var(--accent);color:#fff}.ui-toasts{--success:var(--green);--danger:var(--red);--warning:var(--gold)}.ui-toasts .toast{cursor:pointer;background:var(--panel-2);border:1px solid var(--line);font-family:var(--font-main), system-ui, sans-serif;border-radius:12px;gap:10px;padding:12px 14px 12px 16px;overflow:hidden;box-shadow:0 16px 40px #00000080}.ui-toasts .toast:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.ui-toasts .toast--success:before{background:var(--green)}.ui-toasts .toast--danger:before{background:var(--red)}.ui-toasts .toast--warning:before{background:var(--gold)}.ui-toasts .toast__indicator{width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:8px;padding:0}.ui-toasts .toast--success .toast__indicator{color:var(--green);background:#4ad07f1f}.ui-toasts .toast--danger .toast__indicator{color:var(--red);background:#ff5f5f1f}.ui-toasts .toast--warning .toast__indicator{color:var(--gold);background:#f5b82e24}.ui-toasts .toast__title{color:var(--text);font-size:14px;font-weight:800}.ui-toasts .toast--success .toast__title,.ui-toasts .toast--danger .toast__title,.ui-toasts .toast--warning .toast__title{color:var(--text)}.ui-toasts .toast__description{color:var(--muted);word-break:break-word;font-size:13px;font-weight:600}.lbl{color:var(--dim);font-size:12px;font-weight:600}.caps{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.top{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.top-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:68px;display:grid}.top-left{align-items:center;gap:14px;min-width:0;display:flex}.top-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.logo{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:900;display:inline-flex}.logo-text{align-items:center;gap:2px;display:inline-flex}.logo b{background:var(--accent);color:#fff;border-radius:6px;margin-left:3px;padding:1px 6px;display:inline-block;transform:skew(-8deg)}.logo-mark{flex:none;overflow:visible}.logo-mark path{transition:transform .35s cubic-bezier(.2,.7,.2,1.3)}.logo:hover .logo-mark-a{transform:translate(-28px,22px)}.logo:hover .logo-mark-b{transform:translate(24px,-26px)}.playing{flex:none;align-items:center;gap:8px;display:flex}.playing>.icon{color:var(--accent);flex:none}.playing-text{flex-direction:column;gap:2px;line-height:1.15;display:flex}.playing-cap{color:#cacaca;white-space:nowrap;font-size:13px;font-weight:600}.playing-n{--number-flow-mask-height:.1em;font-family:var(--font-num), var(--font-main), sans-serif;font-variant-numeric:normal;color:#fff;font-size:18px;font-style:italic;font-weight:800;line-height:1.1}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;flex:none;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.nav{gap:2px;display:flex}.nav a{height:34px;color:var(--muted);white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.nav a:not(.on):hover{color:var(--text);background:var(--panel-3)}.nav a.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}:root{--mnav-h:60px}.mnav{z-index:60;height:calc(var(--mnav-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:none;position:fixed;bottom:0;left:0;right:0}.mnav a{min-width:0;color:var(--muted);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:color .15s;display:flex}.mnav a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mnav a.on{color:var(--accent)}.hacct{--hh:44px;align-items:center;gap:8px;display:flex}.hchip{height:var(--hh);background:var(--panel);color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.hchip b{color:var(--text);font-size:14px;font-weight:800}.hchip-sum{align-items:center;gap:8px;display:inline-flex}.hchip-cur{color:var(--accent);font-size:15px;font-weight:800}.hbal{gap:14px;padding-right:6px}.hbal-top{background:var(--accent);color:#fff;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:14px;font-weight:800;transition:filter .15s;display:inline-flex}.hbal-top:hover{filter:brightness(1.08)}.hbal-top .icon{display:none}.ibtn{width:var(--hh);height:var(--hh);background:var(--panel);color:#8a8a8a;border-radius:12px;place-items:center;transition:color .15s,background .15s;display:grid}.ibtn:hover,.ibtn.on{background:var(--panel-2);color:var(--text)}.hacct .chat-toggle{width:var(--hh);height:var(--hh);background:var(--panel);color:#8a8a8a}.hacct .chat-toggle:hover,.hacct .chat-toggle.on{background:var(--panel-2);color:var(--text)}.hprof{height:var(--hh);background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:0 12px 0 5px;transition:background .15s;display:flex}.hprof:hover,.hprof.on{background:var(--panel-2)}.hprof .ava{border-radius:9px}.hprof .user-name{color:var(--text);font-size:14px;font-weight:700}.hprof-arrow{color:#8a8a8a;transition:rotate .2s}.hprof.on .hprof-arrow{rotate:180deg}.hprof:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.dd{position:relative}.dd-menu{z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:220px;padding:6px;animation:.15s rise;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000080}.dd-wide{min-width:300px}.dd-menu a,.dd-menu>button{height:38px;color:var(--muted);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-weight:700;display:flex}.dd-menu a:hover,.dd-menu>button:hover{background:var(--panel-2);color:var(--text)}.dd-title{padding:8px 10px;font-weight:800}.umenu{min-width:236px;padding:6px}.umenu .umenu-head{height:auto;color:var(--text);gap:10px;padding:8px}.umenu .umenu-head .ava{border-radius:9px}.umenu-who{flex-direction:column;min-width:0;line-height:1.25;display:flex}.umenu-who b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.umenu-who span{color:var(--muted);font-size:13px;font-weight:600}.umenu-sep{background:var(--line);height:1px;margin:4px 6px}.umenu a .icon,.umenu>button .icon{color:var(--dim);transition:color .15s}.umenu a:hover .icon{color:var(--accent)}.umenu>a,.umenu>button{animation:.3s cubic-bezier(.2,.7,.2,1) backwards fill-in}.umenu>:nth-child(3){animation-delay:20ms}.umenu>:nth-child(4){animation-delay:40ms}.umenu>:nth-child(5){animation-delay:60ms}.umenu>:nth-child(6){animation-delay:80ms}.umenu>:nth-child(7){animation-delay:.1s}.umenu>:nth-child(8){animation-delay:.12s}.umenu>:nth-child(10){animation-delay:.14s}.umenu .umenu-out,.umenu .umenu-out .icon{color:var(--red)}.umenu .umenu-out:hover{color:var(--red);background:#ff5f5f1a}.dd-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:22px 10px;display:flex}.user{border-radius:var(--radius);background:var(--panel);align-items:center;gap:10px;height:40px;padding:0 6px 0 12px;display:inline-flex}.user:hover{background:var(--panel-2)}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:700;overflow:hidden}.ava{object-fit:cover;color:#111;background:var(--panel-3);border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:inline-grid}.foot{margin-top:auto}.totals{flex-wrap:wrap;justify-content:center;gap:20px 48px;padding:36px 0 28px;display:flex}.total{flex-direction:column;align-items:center;gap:4px;display:flex}.total .lbl{color:#ffffff80;font-size:13px;font-weight:500}.total strong{letter-spacing:-.01em;align-items:center;gap:8px;font-size:26px;font-weight:800;line-height:1.1;display:flex}.total .icon{color:var(--text)}.foot-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:20px 0;font-weight:700;display:flex}.foot-links a{transition:color .2s}.foot-links a:hover{color:var(--text)}.foot-bottom{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 28px;display:flex}.foot-about{min-width:0;max-width:640px}.foot-about b{color:var(--muted);letter-spacing:.01em;font-size:14px;font-weight:800;display:block}.foot-about p{color:var(--dim);margin:4px 0 0;font-size:13px;font-weight:600;line-height:1.45}.socials{flex:none;align-items:center;gap:8px;display:flex}.socials a,.lang-btn{background:var(--panel-2);min-width:40px;height:40px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.socials a:hover{color:var(--text);background:var(--panel-3)}.socials a:active,.lang-btn:active{transform:scale(.95)}.lang-btn{padding:0 14px}.lang-btn[disabled]{opacity:.6}.lang-flag{border-radius:3px;flex:none}.partners p{color:#fffc;margin:0 0 16px;font-weight:600}.partners-links{flex-wrap:wrap;gap:10px;display:flex}.crumbs{margin:4px 0 10px;font-size:14px;font-weight:500}.crumbs ol{flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;padding:0;list-style:none;display:flex}.crumbs li{color:#8a8a8a;align-items:center;gap:10px;min-width:0;display:flex}.crumbs li+li:before{content:"/";color:#4a4a4a}.crumbs li[aria-current]{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumbs a{color:inherit;transition:color .15s}.crumbs a:hover{color:var(--text)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 16px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800}.page-head p{color:var(--muted);margin:4px 0 0;font-weight:600}.filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.filters .search-box{flex:1;width:auto;min-width:200px}.filters .ui-select{flex:0 0 200px}.filters .ui-select .select__trigger{height:40px;min-height:40px}.title-display{font-family:var(--font-title), var(--font-main), sans-serif;text-transform:uppercase;margin:0;font-size:32px;font-style:italic;font-weight:700;line-height:1}.notice{border-radius:var(--radius-lg);background:var(--panel-2);border:1px solid var(--line);align-items:center;gap:14px;margin-top:12px;padding:14px 18px;display:flex}.notice .icon{color:var(--accent)}.notice b{display:block}.notice span{color:var(--muted);font-size:13px}.notice .button{margin-left:auto}.modes{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.mode{aspect-ratio:233/290;text-align:left;isolation:isolate;background:#161616;border:1px solid #0000;border-radius:10px;padding:15px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.mode-art{z-index:-3;transition:opacity .3s;position:absolute;inset:0}.mode-art.has-bg{opacity:.3}.mode:hover .mode-art.has-bg{opacity:.45}.mode-glyph{opacity:.9;width:76%;position:absolute;top:6%;left:12%}.char-frame{z-index:-2;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.char-img{width:100%;max-width:none;height:auto;transition:transform .3s;position:absolute;top:0;left:0}.mode:hover .char-img{transform:scale(1.06)translateY(-4px)}.mode:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#17171700,#1717173d 40%,#161616);position:absolute;inset:0 -5% -10% 0}.mode-count{z-index:5;color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:13px;display:flex;position:absolute;top:15px;left:15px}.mode-count .dot{background:var(--accent);width:8px;height:8px}.mode-new{position:absolute;top:12px;right:12px}.mode-text{z-index:2;gap:4px;display:grid;position:absolute;bottom:15px;left:15px;right:15px}.mode-title{letter-spacing:-.02em;color:#fff;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 14px #0000008c;font-size:26px;font-weight:800;line-height:1.15;display:block}.mode-sub{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:12px;display:block;overflow:hidden}.mode.soon{cursor:default;text-align:center;background:repeating-linear-gradient(-45deg,#ffffff03 0 10px,#0000 0 22px),#161616;place-items:center;display:grid}.mode.soon:after{display:none}.soon-text{gap:8px;padding:0 10px;display:grid}.soon-text b{letter-spacing:-.02em;color:#ffffffd9;font-size:26px;font-weight:800;line-height:1.15}.soon-text span{color:#ffffff73;font-size:13px;font-weight:500;line-height:1.3}.home-row{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:15px;margin-top:15px;display:grid}.home-main{flex-direction:column;gap:15px;min-width:0;display:flex}.banner{isolation:isolate;background:linear-gradient(90deg, #0c0c0ceb 0%, #0c0c0c8c 45%, #0c0c0c1a 75%), var(--banner-bg,radial-gradient(ellipse 55% 90% at 70% 60%, color-mix(in srgb, var(--gold) 40%, transparent), transparent 70%)) center / cover no-repeat, radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 1.5px) 0 0 / 22px 22px, linear-gradient(115deg, #141414, #1d1a14 55%, #2a2214);border-radius:10px;flex:auto;align-items:center;height:265px;min-height:240px;padding:0 56px;display:flex;position:relative;overflow:hidden}.banner-link{color:inherit;cursor:pointer;transition:filter .2s}.banner-link:hover{filter:brightness(1.06)}.banner-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner-text{z-index:2;flex-direction:column;align-items:flex-start;gap:10px;max-width:52%;display:flex;position:relative}.banner h2{letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 4px 24px #00000073;margin:0;font-size:46px;font-weight:900;line-height:1}.banner h2 em{color:var(--gold);font-style:normal}.banner p{color:#ffffffb8;max-width:420px;margin:0;font-size:14px;font-weight:600}.banner .button{margin-top:4px}.banner-char{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:230%;filter:drop-shadow(2px 0 0 var(--gold)) drop-shadow(-2px 0 0 var(--gold)) drop-shadow(0 2px 0 var(--gold)) drop-shadow(0 -2px 0 var(--gold)) drop-shadow(0 18px 30px #0000008c);position:absolute;top:14px;left:50%}.section-title{margin:18px 0 10px}.live{gap:10px;min-width:0;display:grid}.live-title{letter-spacing:.02em;text-transform:uppercase;color:#ffffff80;font-size:13px;font-weight:600}.live-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:60px;gap:10px;max-height:60px;display:grid;overflow:hidden}.live-card{color:#ffffff80;background:#161616;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;height:60px;padding:12px;transition:background .3s,border-color .3s;display:flex}.live-card:hover{background:#1a1a1a}.live-card .ava{border-radius:7px;flex:none}.live-info{flex-direction:column;gap:5px;min-width:0;display:flex}.live-name-row{align-items:center;gap:5px;min-width:0;display:flex}.live-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:105px;font-size:15px;font-weight:600;line-height:15px;overflow:hidden}.live-action{text-overflow:ellipsis;white-space:nowrap;max-width:175px;font-size:12px;font-weight:500;line-height:12px;overflow:hidden}.clan-mini{text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;background:#252525;border-radius:10px;flex:none;max-width:80px;height:19px;padding:0 6px;font-size:11px;font-weight:600;line-height:19px;overflow:hidden}.tabs__panel[data-exiting=true]{display:none}.side{flex-direction:column;min-width:0;display:flex}.side-tabs{flex-direction:column;gap:12px;height:100%;display:flex}.side-tabs .tabs__list-container{width:100%}.side-tabs .tabs__list{background:#161616;border-radius:10px;gap:4px;width:100%;padding:4px}.side-tabs .tabs__tab{color:#ffffff80;border-radius:7px;flex:1;height:30px;padding:0 16px;font-size:14px;font-weight:600;transition:color .3s}.side-tabs .tabs__tab:hover,.side-tabs .tabs__tab[data-selected=true]{color:#fff}.side-tabs .tabs__indicator{background:#202020;border-radius:7px}.side-panel{outline:none;flex-direction:column;gap:8px;padding:0;display:flex}.side-row{color:#ffffff80;background:#161616;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;height:56px;padding:0 12px;transition:background .3s,border-color .3s;animation:.35s cubic-bezier(.2,.7,.2,1) backwards fill-in;display:flex}.side-row:nth-child(2){animation-delay:40ms}.side-row:nth-child(3){animation-delay:80ms}.side-row:nth-child(4){animation-delay:.12s}.side-row:nth-child(5){animation-delay:.16s}.side-row:hover{background:#1a1a1a}.side-row:hover .side-name b{color:var(--accent)}.side-row .ava{background:#202020;border-radius:7px;flex:none}.side-place{text-align:center;font-variant-numeric:tabular-nums;color:#fff;background:#202020;border-radius:7px;flex:none;width:34px;padding:5px 0;font-size:13px;font-weight:700;line-height:13px}.side-place.p1{color:#fed885}.side-place.p2{color:#dde0f5}.side-place.p3{color:#c09563}.side-emblem{width:35px;height:35px;color:var(--clan,var(--accent));background:#202020;border-radius:7px;flex:none;place-items:center;display:grid}.side-name{color:#fff;flex:1;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:600;line-height:21px;display:flex}.side-name>:not(b){flex-shrink:0}.side-name b{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:130px;font-weight:600;transition:color .3s;overflow:hidden}.side-tag{text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;background:#202020;border-radius:7px;max-width:96px;padding:2px 8px;font-size:12px;overflow:hidden}.side-val{text-align:right;flex-direction:column;flex:none;align-items:flex-end;line-height:1.1;display:flex}.side-val b{color:var(--accent);font-size:15px;font-weight:700}.side-val span{letter-spacing:.02em;text-transform:uppercase;color:#ffffff60;font-size:10px;font-weight:600}.side-row.ghost{pointer-events:none;background:#131313}.side-row.ghost .side-place{color:#ffffff4d}.side-row.ghost .side-name b{color:#ffffff4d;font-weight:500}.side-ghost-pic{border:1px dashed #ffffff1f;border-radius:7px;flex:none;width:35px;height:35px}.mode-tabs{align-items:center;gap:12px;margin-bottom:15px;display:flex}.mode-tabs-wrap{flex:1;min-width:0;position:relative}.mode-tabs-list{scrollbar-width:none;gap:8px;min-width:0;display:flex;overflow-x:auto}.mode-tabs-list::-webkit-scrollbar{display:none}.mode-tabs-note{letter-spacing:-.02em;color:#ffffff80;min-width:max-content;margin-left:auto;font-size:12px;font-weight:500}.mode-tabs .tabs__list{gap:8px;padding:0}.mode-tabs .mtab{color:#fff;-webkit-user-select:none;user-select:none;background:#161616;border-radius:10px;flex:none;justify-content:flex-start;align-items:center;gap:10px;min-width:150px;height:50px;padding:0 12px 0 16px;transition:background .3s;display:flex}.mtab b{text-transform:uppercase;font-size:16px;font-weight:700}.mode-tabs .mtab:hover{background:#1a1a1a}.mode-tabs .tabs__indicator{background:#202020;border-radius:10px}.mtab-online{align-items:center;gap:8px;margin-left:auto;font-weight:700;display:inline-flex}.mtab-online i{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:3s infinite online-pulse}@keyframes online-pulse{50%{opacity:.5}}.mtabs-edge{z-index:2;pointer-events:none;align-items:center;width:46px;height:100%;display:flex;position:absolute;top:0}.mtabs-edge.left{background:linear-gradient(90deg, var(--bg), transparent);justify-content:flex-start;left:0}.mtabs-edge.right{background:linear-gradient(270deg, var(--bg), transparent);justify-content:flex-end;right:0}.mtabs-arrow{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#20202099;border-radius:10px;place-items:center;width:28px;height:50px;transition:background .3s;display:grid}.mtabs-arrow:hover{background:#252525}.mtabs-edge.left .icon{transform:rotate(90deg)}.mtabs-edge.right .icon{transform:rotate(-90deg)}.play-hero{isolation:isolate;-webkit-user-select:none;user-select:none;background:#161616;border-radius:10px;flex-direction:column;justify-content:center;height:200px;margin-bottom:15px;padding:32px;display:flex;position:relative;overflow:hidden}.play-hero-bg{z-index:-1;border-radius:inherit;opacity:.2;position:absolute;inset:0}.play-hero-media{object-fit:cover;opacity:.35;pointer-events:none;width:100%;height:100%}.play-hero-text{flex-direction:column;align-items:flex-start;gap:10px;animation:.5s .12s both rise;display:flex}.play-hero h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:1.15}.play-hero p{letter-spacing:-.02em;color:#ffffff80;max-width:500px;margin:0;font-size:15px;font-weight:500;line-height:1.5}.ptools{-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:15px;min-height:45px;margin-bottom:15px;display:flex}.ptools .ui-select{flex:0 0 175px;min-width:0}.ptools .ui-switch{color:#ffffff80;cursor:pointer;font-weight:500;transition:opacity .3s}.ptools .ui-switch:hover{opacity:.75}.ptools .ui-switch .switch__content{gap:8px}.ptools .switch__control{background:#202020;border-radius:20px;width:42px;height:24px;transition:background .3s}.ptools .switch__thumb{width:16px;height:16px;box-shadow:none;background:#fff;margin-inline-start:4px}.ptools .ui-switch[data-selected=true] .switch__thumb{margin-inline-start:calc(100% - 20px)}.ptools .ui-switch[data-selected=true] .switch__control{background:var(--accent)}.ptools-quick{border-radius:10px;gap:8px;height:45px;margin-left:auto;padding:0 20px;font-size:14px;font-weight:600;transition:opacity .3s}.ptools-quick:hover{opacity:.85}.ptools-quick.is-off{opacity:.5;pointer-events:none}.sgroups{flex-direction:column;gap:15px;display:flex}.sgroup-block{gap:15px;display:grid}.sgroup{letter-spacing:.02em;text-transform:uppercase;color:#ffffff80;font-size:13px;font-weight:600}@keyframes server-appear{0%{opacity:0;transform:translateY(14px)scale(.97)}}:is(.scard,.srow,.sgroup){animation:.42s cubic-bezier(.22,.61,.36,1) backwards server-appear;animation-delay:min(calc(var(--i,0) * 45ms), .5s)}.scards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:flex-start;gap:15px;display:grid}.scard{isolation:isolate;cursor:pointer;background:#161616;border-radius:10px;flex-direction:column;justify-content:space-between;height:85px;padding:15px;display:flex;position:relative}.scard-bg{z-index:-2;border-radius:inherit;opacity:.32;transition:opacity .3s;position:absolute;inset:0}.scard:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(#17171766,#161616);position:absolute;inset:0}.scard:hover .scard-bg{opacity:.6}.scard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scard.new{outline:2px solid var(--accent);outline-offset:-2px}.scard-badge{z-index:3;background:var(--accent);color:#fff;letter-spacing:-.02em;border-radius:7px;padding:4px 6px;font-size:12px;font-weight:500;line-height:1;position:absolute;top:-12px;left:12px}.scard-top,.scard-bottom{align-items:center;gap:10px;display:flex}.scard-top b{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.scard-map{color:#ffffff80;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:145px;font-size:13px;font-weight:500;overflow:hidden}.scard-bottom .scard-play{margin-left:auto}.scard-ico{color:#ffffff80;border:0;flex:none;place-items:center;width:24px;height:24px;padding:0;transition:color .3s;display:grid}.scard-ico:hover{color:#fff}.load{letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-radius:7px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.load.free{background:color-mix(in srgb, var(--load-free) 10%, transparent);color:var(--load-free)}.load.busy{background:color-mix(in srgb, var(--load-busy) 10%, transparent);color:var(--load-busy)}.load.full{color:var(--red);background:#ff5f5f24}.load.off{background:var(--panel-3);color:var(--dim)}.srows{flex-direction:column;gap:8px;display:flex}.srow{cursor:pointer;background:#161616;border-radius:10px;align-items:center;gap:12px;min-height:60px;padding:10px 14px;transition:background .3s;display:flex;position:relative;overflow:hidden}.srow:hover{background:#1a1a1a}.srow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.srow-bg{pointer-events:none;opacity:.28;width:55%;max-width:420px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.srow:hover .srow-bg{opacity:.45}:is(.scard-bg,.srow-bg,.sd-art).is-down{background:repeating-linear-gradient(-45deg,#ffffff14 0 10px,#0000 0 22px),linear-gradient(#3a3a3a,#222)}.srow-main{z-index:1;flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex;position:relative}.srow-name{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;transition:color .3s;display:flex}.srow-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.srow:hover .srow-name{color:var(--accent)}.srow-badge{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border-radius:7px;flex:none;padding:3px 7px;font-size:11px;font-weight:700}.srow-map{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.srow-players{z-index:1;font-variant-numeric:tabular-nums;flex:none;font-weight:700;position:relative}.srow-players.free{color:var(--load-free)}.srow-players.busy{color:var(--load-busy)}.srow-players.full{color:var(--red)}.srow-off{z-index:1;color:#ff7a7a;font-size:13px;font-weight:600;position:relative}.srow-actions{z-index:1;flex:none;gap:8px;display:flex;position:relative}.srow-actions .scard-ico{color:#fff9}.srow-actions .scard-ico:hover{color:#fff}.snone{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;display:flex}.snone .icon{opacity:.7}.snone p{margin:0;font-size:16px;font-weight:600}.overlay.sd-overlay{--sd-top:16px;padding-top:var(--sd-top);background:#00000080;align-items:start}.sd{width:100%;max-width:480px;max-height:calc(100vh - var(--sd-top) - 16px);background:#161616;border-radius:10px;flex-direction:column;animation:.2s rise;display:flex;position:relative;overflow:hidden}.sd .ui-close{z-index:6;background:#202020;width:35px;height:35px;top:20px!important;right:20px!important;inset-inline-end:20px!important}.sd .ui-close:hover{background:#262626}.sd-head{isolation:isolate;text-align:center;border-radius:10px 10px 0 0;flex:none;justify-content:center;align-items:flex-end;min-height:140px;padding:20px 16px 14px;display:flex;position:relative;overflow:hidden}.sd-art{z-index:-2;opacity:.55;position:absolute;inset:0}.sd-head:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#17171726,#171717bf 60%,#161616);position:absolute;inset:0}.sd-head-text{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.sd-head h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:800;line-height:1.15}.sd-facts{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.sd-facts>div{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.sd-facts>div+div{border-left:1px solid #ffffff1f;padding-left:16px}.sd-facts span{letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;font-size:11px;font-weight:600}.sd-facts b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.sd-facts i{color:#ffffff80;font-style:normal;font-weight:600}.sd-load.free{color:var(--load-free)}.sd-load.busy{color:var(--load-busy)}.sd-load.full{color:var(--red)}.sd-main{flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 12px 12px;display:flex}.sd-table{background:#161616;border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex}.sd-row{grid-template-columns:minmax(0,1fr) 56px 72px;align-items:center;gap:12px;padding:0 8px;display:grid}.sd-th{color:#ffffff60;flex:none;height:34px;padding-right:17px;font-size:12px;font-weight:600;line-height:12px}.sd-body{scrollbar-width:thin;scrollbar-color:#2c2c2c transparent;flex-direction:column;gap:4px;max-height:381px;margin:0;padding:0 5px 0 0;list-style:none;display:flex;overflow-y:auto}.sd-body .sd-row{background:#1a1a1a;border-radius:7px;min-height:44px;transition:background .3s}.sd-body .sd-row:hover{background:#222}.sd-who{align-items:center;gap:10px;min-width:0;display:flex}.sd-ava{flex:none;width:32px;height:32px;position:relative}.sd-ava .ava{border-radius:6px}.ava-plain{color:#ffffff8c;background:#262626}.sd-team{background:#101010;border-radius:50%;place-items:center;width:16px;height:16px;padding:2px;display:grid;position:absolute;bottom:-4px;right:-4px}.sd-team .t2{color:#eab240}.sd-team .t3{color:#7aa6ff}.sd-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;transition:color .3s;overflow:hidden}a.sd-who:hover .sd-nick{color:var(--accent)}.sd-badges{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.sd-row .r{text-align:right}.sd-ping,.sd-score{font-size:14px;font-weight:700}.sd-ping.is-good{color:#86ce77}.sd-ping.is-mid{color:var(--load-busy)}.sd-ping.is-bad{color:var(--red)}.sd-time{color:#ffffff80;font-size:14px}.sd-empty{text-align:center;min-height:84px;color:var(--muted);place-items:center;padding:0 10px;display:grid}.sd-foot{flex:none;gap:8px;display:flex}.sd-join{flex:1}.sd-join.is-off{opacity:.45;pointer-events:none}@media (max-width:760px){.sd-head h3{font-size:24px}.sd-facts{gap:10px}.sd-facts>div+div{padding-left:10px}.sd-facts b{max-width:110px;font-size:14px}.sd-row{grid-template-columns:minmax(0,1fr) 48px 64px;gap:8px}}.overlay{z-index:100;background:#000000b3;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:760px;max-height:calc(100vh - 32px);animation:.2s rise;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.modal-head{align-items:center;gap:14px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.modal-head h3{text-transform:uppercase;margin:0;font-size:24px;font-weight:900}.modal-head p{color:var(--muted);margin:2px 0 0;font-weight:600}.ui-close{z-index:2;color:#ffffffbf;background:#262626;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:grid;top:16px!important;right:16px!important;position:absolute!important;inset-inline-end:16px!important}.ui-close:hover{color:#fff;background:#2e2e2e}.modal__backdrop{overflow-x:hidden}.modal__backdrop:has(.modal__container[data-entering=true],.modal__container[data-exiting=true]){overflow-y:hidden}.ui-dialog{--overlay:#171717;color:var(--text);background:#171717;border:none;border-radius:14px!important;width:min(450px,100vw - 32px)!important;max-width:none!important;padding:16px!important}.ui-dialog .modal__header{padding-right:48px}.ui-dialog .modal__heading{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800;line-height:34px}.ui-dialog .modal__body{margin-top:14px}.ui-dialog .modal__footer{margin-top:16px;padding-top:0}.modal-body{flex-direction:column;gap:8px;padding:0 24px 24px;display:flex}.srv{border-radius:var(--radius);background:var(--panel-2)}.srv-main{grid-template-columns:minmax(0,1fr) 150px auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.srv-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.srv-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:2px;font-size:13px;font-weight:600;display:flex}.srv-meta .off{color:var(--red)}.fill{background:var(--bg);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.fill i{background:var(--accent);border-radius:3px;height:100%;display:block}.srv-actions{gap:6px;display:flex}.srv-players{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;padding:0 14px 12px;display:grid}.srv-player{background:var(--bg);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.srv-player span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rows{flex-direction:column;gap:8px;display:flex}.row{border-radius:var(--radius);background:var(--panel);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;padding:8px 16px;transition:background .15s;display:grid}a.row:hover{background:var(--panel-2)}.row .place{color:var(--muted);text-align:center;font-size:18px;font-weight:800}.row.p1{background:linear-gradient(90deg, #f5b82e24, var(--panel) 45%)}.row.p2{background:linear-gradient(90deg, #c7cdd61a, var(--panel) 45%)}.row.p3{background:linear-gradient(90deg, #d08a5a1f, var(--panel) 45%)}.row.p1 .place{color:var(--gold)}.row.p2 .place{color:#c7cdd6}.row.p3 .place{color:#d08a5a}.row.me{outline:1px solid color-mix(in srgb, var(--accent) 50%, transparent)}.who-cell{align-items:center;gap:12px;min-width:0;display:flex}.who-cell b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.metrics{align-items:center;gap:22px;display:flex}.metric{min-width:58px}.metric .lbl{display:block}.metric b{font-size:14px;font-weight:700}.metric.wide{min-width:76px}.premier{--skew:-18deg;flex:none;align-items:stretch;gap:3px;height:26px;display:inline-flex}.premier>i{width:4px;transform:skewX(var(--skew));background:color-mix(in srgb, var(--tier) 80%, #fff)}.premier>i+i{margin-right:2px}.premier-body{transform:skewX(var(--skew));background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 42%, #15171c) 0%, color-mix(in srgb, var(--tier) 26%, transparent) 70%, color-mix(in srgb, var(--tier) 8%, transparent));align-items:center;padding:0 16px 0 9px;display:flex}.premier-num{transform:skewX(calc(var(--skew) * -1));color:color-mix(in srgb, var(--tier) 45%, #fff);letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px #00000059;font-size:15px;font-style:italic;font-weight:800}.premier-num small{font-size:.8em}.premier-sm{gap:2px;height:18px}.premier-sm>i{width:3px}.premier-sm .premier-body{padding:0 10px 0 6px}.premier-sm .premier-num{font-size:11.5px}.ban{grid-template-columns:34px minmax(0,1.1fr) minmax(0,1.3fr) auto}.ban-ico{width:30px;height:30px;color:var(--red);background:#ff5f5f1a;border-radius:8px;place-items:center;display:grid}.ban .who-cell div{min-width:0}.ban .who-cell .sub{color:var(--dim);font-size:12px;font-weight:600;display:block}.reason{color:var(--red);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.reason small{color:var(--dim);font-size:12px;font-weight:600;display:block}.ban .metrics{gap:18px}.ban .metric{min-width:120px}.status{justify-content:flex-end;min-width:74px;display:flex}.cats-marker{pointer-events:none;width:3px;transition:transform .38s cubic-bezier(.3,1.3,.5,1),height .38s;position:absolute;top:0;left:-8px}.cats-marker i{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:2px;animation:.38s marker-stretch;position:absolute;inset:10px 0}@keyframes marker-stretch{40%{transform:scaleY(1.5)}}.cats-marker[data-still] i{animation:none}.ui-tabs{gap:0;min-width:0;max-width:100%}.ui-tabs .tabs__list-container{background:0 0;border-radius:0;min-width:0;max-width:100%}.ui-tabs .tabs__list{background:0 0}.ui-tabs .tabs__tab{white-space:nowrap;width:auto}.ui-tabs .tabs__tab:not([data-selected=true]):not([data-disabled=true]):hover{opacity:1}.ui-tabs .tabs__indicator{box-shadow:none}.slide-tabs .tabs__list{background:var(--panel-2);border-radius:12px;gap:2px;padding:4px}.slide-tabs .tabs__tab{height:34px;color:var(--muted);border-radius:9px;flex:1 0 auto;padding:0 12px;font-size:14px;font-weight:800;transition:color .2s}.slide-tabs .tabs__tab:hover,.slide-tabs .tabs__tab[data-selected=true]{color:var(--text)}.slide-tabs .tabs__indicator{background:var(--panel-3);border-radius:9px}.tabs-bar{border-radius:var(--radius-lg);background:var(--panel);align-items:center;gap:12px;padding:6px;display:flex}.tabs-bar .tabs__list-container,.tabs-bar-tabs{flex:1}.slide-tabs.tabs-bar-tabs .tabs__list{background:0 0;padding:0}.slide-tabs.tabs-bar-tabs .tabs__tab{flex:none;height:40px;padding:0 16px}@media (max-width:760px){.tabs-bar{flex-direction:column;align-items:stretch}}details.acc{border-radius:var(--radius);background:var(--panel-2)}details.acc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:700;list-style:none;display:flex}details.acc summary::-webkit-details-marker{display:none}details.acc[open] summary .icon{transform:rotate(180deg)}details.acc>div{color:#fffc;padding:0 14px 14px}.prose{max-width:900px;margin-inline:auto}.group{margin-bottom:18px}.group h2{margin:0 0 10px;font-size:18px}.legal p{color:#fffc;line-height:1.6}.soon-page{text-align:center;place-items:center;gap:10px;min-height:50vh;display:grid}.soon-page .ico{background:var(--panel);width:72px;height:72px;color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 8px;display:grid}.soon-page h1{margin:0;font-size:30px}.soon-page p{color:var(--muted);max-width:440px;margin:0}@media (max-width:1240px){.modes{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics .opt{display:none}}@media (max-width:1100px){.top-row{grid-template-columns:auto 1fr;height:auto;padding-top:12px}.nav{scrollbar-width:none;grid-area:2/1/auto/-1;padding-bottom:10px;overflow-x:auto}.home-row{grid-template-columns:1fr}.banner-char{left:56%}.ban{grid-template-columns:34px minmax(0,1fr) auto}.ban .reason-cell,.mode-tabs-note{display:none}.ptools-quick{margin-left:0}}@media (max-width:760px){.live-list{grid-template-columns:repeat(2,minmax(0,1fr))}:root{--gutter:16px}.top .nav{display:none}.top-row{padding-bottom:12px}.mnav{display:grid}body{padding-bottom:calc(var(--mnav-h) + env(safe-area-inset-bottom))}.ui-toasts{bottom:calc(var(--mnav-h) + env(safe-area-inset-bottom) + 16px)}.play-hero{height:170px;padding:20px}.ptools .ui-select{flex:140px;min-width:0}.ptools-quick{width:100%}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-title{font-size:22px}.mode-sub{white-space:normal;font-size:12px;line-height:1.25}.banner{height:auto;min-height:200px;padding:20px 22px}.banner-text{gap:8px;max-width:62%}.banner h2{font-size:28px}.banner p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.banner .button{height:34px;padding:0 14px;font-size:14px}.banner-char{height:210%;top:10px;left:58%}.row{grid-template-columns:28px minmax(0,1fr)}.row .metrics{grid-column:1/-1;justify-content:space-between;gap:8px}.metric,.metric.wide,.ban .metrics .metric{min-width:0}.user-name,.playing-cap{display:none}.playing>.icon{width:28px;height:28px}.hacct{--hh:38px;gap:6px}.hbal{gap:8px;padding:0 4px 0 10px}.hbal-top{justify-content:center;width:30px;height:30px;padding:0}.hbal-top span{display:none}.hbal-top .icon{display:block}.hprof{padding:0 4px}.hprof-arrow{display:none}.srv-main{grid-template-columns:minmax(0,1fr) auto}.srv-main .fill-cell{display:none}.foot-bottom{flex-direction:column;align-items:flex-start}.foot-links{justify-content:flex-start;gap:0 20px}.foot-links a{padding:7px 0}.filters .ui-select{flex:100%}}@keyframes strip-fade{0%{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}8%,92%{-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000)}to{-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px);mask-image:linear-gradient(90deg,#0000,#000 32px)}}@supports (animation-timeline:scroll()){:is(.nav,.mode-tabs-list,.cats,.pf-menu){animation:linear both strip-fade;animation-timeline:scroll(self inline)}}html{scrollbar-gutter:stable}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:#2c2c2c padding-box padding-box;border:3px solid #0000;border-radius:10px;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--accent) 55%, #2c2c2c)}::-webkit-scrollbar-thumb:active{background-color:var(--accent)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#2c2c2c transparent}}@keyframes fill-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>*{animation:.45s cubic-bezier(.2,.7,.2,1) backwards fill-in;animation-delay:calc(min(var(--n,12), 12) * 35ms)}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:first-child{--n:0}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(2){--n:1}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(3){--n:2}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(4){--n:3}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(5){--n:4}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(6){--n:5}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(7){--n:6}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(8){--n:7}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(9){--n:8}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(10){--n:9}:is(.modes,.live-list,.rows,.goods,.pf-stats,.pf-friend-grid,.pf-ach)>:nth-child(11){--n:10}@keyframes vt-out{to{opacity:0;transform:translateY(8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(18px)}}::view-transition-old(.page-exit){animation:.1s ease-in both vt-out}::view-transition-new(.page-enter){animation:.2s cubic-bezier(.2,.7,.2,1) .1s both vt-in}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}.top{view-transition-name:site-top}.mnav{view-transition-name:site-mnav}::view-transition-group(site-top){z-index:1;animation:none}::view-transition-group(site-mnav){z-index:1;animation:none}::view-transition-new(site-top){animation:none}::view-transition-new(site-mnav){animation:none}::view-transition-old(site-top){display:none}::view-transition-old(site-mnav){display:none}:active-view-transition :is(.top,.mnav){background:var(--bg)}@keyframes slide-from-right{0%{opacity:0;transform:translate(40px)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-40px)}}.slide-in-right{animation:.36s cubic-bezier(.2,.7,.2,1) backwards slide-from-right}.slide-in-left{animation:.36s cubic-bezier(.2,.7,.2,1) backwards slide-from-left}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}:is(.modes,.live-list,.rows,.pf-stats,.pf-friend-grid,.pf-ach)>*,.play-hero-text,.scard,.srow,.sgroup,.slide-in-right,.slide-in-left,.umenu>*,.cats-marker i,.lang-menu,.side-row{animation:none}.cats-marker,.char-img,.mode-art,.ava-btn .ava,.logo-mark path{transition:none}}.umenu .umenu-admin,.umenu .umenu-admin .icon{color:var(--accent)}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (max-width:480px){.top-row:has(.hacct) .playing{display:none}}.ui-empty{border-radius:var(--radius-lg);background:var(--panel);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:40px 16px;font-size:14px;display:flex}.ui-empty b{color:var(--text);font-size:16px;font-weight:700}.ui-empty>span:not(.ui-empty-ico){max-width:440px}.ui-empty-ico{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 14%, transparent);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.ui-pager{justify-content:center;margin-top:18px;display:flex}