:root{--yellow:#ffd900;--yellow-h:#ffe100;--black:#000;--ink:#000;--text-2:#3d3d3d;--muted:#909090;--muted-2:#aaa;--line:#e8e8e8;--line-2:#d6d6d6;--bg:#f5f5f5;--bg-2:#f7f7f7;--white:#fff;--coral:#ee9f66;--purple:#793393;--danger:#e11d48;--font:"Golos Text", Arial, sans-serif;--r:10px;--r-lg:16px;--r-xl:20px;--pill:3000px;--shadow:0 18px 48px #00000024}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#e9e9e9;font-size:14px;overflow:auto}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.min0{min-width:0}.stage{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100%;padding:20px 12px 28px;display:flex}.win{background:var(--white);border-radius:var(--r-xl);width:min(1080px,100%);height:min(700px,100vh - 88px);min-height:560px;box-shadow:var(--shadow);border:1px solid #0000000f;grid-template-rows:58px 1fr 70px;display:grid;position:relative;overflow:hidden}.top{background:var(--white);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{border-radius:8px;flex-shrink:0;width:34px;height:34px}.brand-name{letter-spacing:-.04em;font-size:15px;font-weight:800;line-height:1.1}.brand-sub{color:var(--muted);font-size:11px;font-weight:600}.grow{flex:1}.nav-mini{color:var(--text-2);gap:16px;font-size:13px;font-weight:600;display:flex}.nav-mini span{opacity:.75}.chip{border-radius:var(--pill);border:1px solid var(--line);background:var(--white);align-items:center;gap:8px;height:36px;padding:0 12px 0 4px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--black)}.chip img{width:28px;height:28px;image-rendering:pixelated;border-radius:50%}.btn-cta{border-radius:var(--r);background:var(--yellow);height:36px;color:var(--black);letter-spacing:-.02em;padding:0 16px;font-size:13px;font-weight:800;transition:all .15s}.btn-cta:hover{background:var(--yellow-h)}.body{background:var(--bg);grid-template-columns:72px 1fr;min-height:0;display:grid}.rail{background:var(--white);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:12px 0;display:flex}.rail-btn{width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;transition:all .15s;display:grid}.rail-btn svg{width:21px;height:21px}.rail-btn:hover{background:var(--bg);color:var(--black)}.rail-btn.is-on{background:var(--black);color:var(--yellow)}.content{min-height:0;position:relative;overflow:hidden}.panel{gap:12px;height:100%;min-height:0;padding:14px 16px;display:none;overflow:auto}.panel.is-on{flex-direction:column;display:flex}.panel-servers.is-on{overflow:hidden}.hero{border-radius:var(--r-lg);color:#fff;background:#111;flex-shrink:0;grid-template-columns:1.2fr .8fr;gap:16px;min-height:188px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.hero-bg{object-fit:cover;opacity:.72;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-shade{pointer-events:none;background:linear-gradient(105deg,#000000c7 0%,#00000073 48%,#0003 100%);position:absolute;inset:0}.hero .hero-left,.hero .hero-right{z-index:1;position:relative}.hero h1{color:#fff}.hero p{color:#ffffffc7}.hero .tag-k{color:#fff;background:#ffffff1f;border:1px solid #ffffff29}.hero .tag-k i{background:var(--yellow);box-shadow:0 0 0 3px #ffd90040}.hero .btn-outline{color:#fff;border-color:#ffffff59}.hero .btn-outline:hover{background:#ffffff14;border-color:#fff}.hero .stat{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-color:#ffffff1f}.hero .stat b{color:var(--yellow)}.hero .stat span{color:#ffffffa6}.hero-left{z-index:1;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;display:flex;position:relative}.hero-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-k{border-radius:var(--pill);text-transform:uppercase;letter-spacing:.02em;background:#00000014;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.tag-k i{background:var(--black);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.05}.hero p{color:#000000b3;max-width:38ch;margin:6px 0 0;font-size:13px;font-weight:500;line-height:1.4}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--r);letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.btn-black{background:var(--black);color:var(--white)}.btn-black:hover{background:#222}.btn-outline{color:var(--black);background:0 0;border:1.5px solid #0003}.btn-outline:hover{border-color:var(--black)}.btn-yellow{background:var(--yellow);color:var(--black)}.btn-yellow:hover{background:var(--yellow-h)}.btn-ghost{background:var(--white);border:1px solid var(--line);color:var(--black)}.btn-ghost:hover{border-color:var(--black)}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-play{border-radius:var(--r);background:var(--yellow);min-width:180px;height:48px;color:var(--black);letter-spacing:-.03em;padding:0 28px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 10px 24px #0000001f}.btn-play:hover{background:var(--yellow-h);transform:translateY(-1px)}.btn-play:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero-right{z-index:1;grid-template-columns:1fr 1fr;align-content:end;gap:8px;display:grid;position:relative}.stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000073;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:flex-end;min-height:72px;padding:12px;display:flex}.stat b{letter-spacing:-.05em;color:var(--yellow);font-size:22px;font-weight:800;line-height:1}.stat span{color:#ffffffa6;text-transform:uppercase;letter-spacing:.02em;margin-top:4px;font-size:11px;font-weight:700}.stat.wide{color:var(--white);background:#0000009e;border-color:#ffd90040;grid-column:1/-1}.stat.wide span{color:#ffffffa6}.head{flex-shrink:0;justify-content:space-between;align-items:baseline;display:flex}.head h2{letter-spacing:-.03em;margin:0;font-size:15px;font-weight:800}.head span{color:var(--muted);font-size:12px;font-weight:600}.list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.srv{background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:14px;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px;transition:all .12s;display:grid}.srv:hover{border-color:#ccc;box-shadow:0 8px 18px #0000000d}.srv.is-sel{border-color:var(--black);box-shadow:0 0 0 1px var(--black)}.srv-thumb{background:#111 50%/cover no-repeat;border-radius:12px;flex-shrink:0;width:72px;height:56px;position:relative;overflow:hidden}.srv-thumb:after{content:"";background:linear-gradient(160deg,#0000000d,#00000073);position:absolute;inset:0}.srv-ico{z-index:1;width:28px;height:28px;color:var(--yellow);letter-spacing:-.03em;background:#000000b8;border:1px solid #ffd90066;border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.srv-ico.y{background:var(--yellow);color:var(--black);border-color:#000}.srv-body{min-width:0}.srv-name{align-items:center;gap:6px;min-width:0;display:flex}.srv-name b{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.tag{border-radius:var(--pill);background:var(--bg);height:20px;color:var(--text-2);flex-shrink:0;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.tag-hot{background:var(--yellow);color:var(--black)}.srv-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:3px;font-size:12px;font-weight:600;display:flex}.srv-meta em{color:var(--text-2);font-style:normal}.srv-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-weight:500;overflow:hidden}.block{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.block h2{letter-spacing:-.04em;margin:0 0 6px;font-size:20px;font-weight:800}.block>p{color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:500}.seg{background:var(--white);border:1px solid var(--line);border-radius:12px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.seg button{height:32px;color:var(--muted);letter-spacing:-.02em;border-radius:9px;padding:0 14px;font-size:12px;font-weight:800}.seg button.is-on{background:var(--black);color:var(--yellow)}.ver-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ver-search{border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23909090' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l3.5 3.5'/%3E%3C/svg%3E") 10px no-repeat;border-radius:10px;flex:1;min-width:160px;max-width:240px;height:36px;padding:0 12px 0 34px;font-size:13px;font-weight:600}.ver-search:focus{border-color:#000;outline:2px solid #ffd90073}.vlist{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.vcard{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:10px;min-height:120px;padding:14px;transition:all .12s;display:flex;position:relative}.vcard:hover{border-color:#ccc;transform:translateY(-1px);box-shadow:0 10px 24px #0000000f}.vcard.is-sel{background:linear-gradient(165deg,#fffef2 0%,#fff 55%);border-color:#000;box-shadow:0 0 0 1px #000,0 12px 28px #00000014}.vcard-top{justify-content:space-between;align-items:flex-start;display:flex}.vcard-ico{color:#ffd900;letter-spacing:-.04em;background:#000;border-radius:12px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:900;display:grid}.vcard.is-sel .vcard-ico{color:#000;background:#ffd900}.vcard-check{border:2px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.vcard.is-sel .vcard-check{color:#ffd900;background:#000;border-color:#000}.vcard-check svg{opacity:0;width:12px;height:12px}.vcard.is-sel .vcard-check svg{opacity:1}.vcard b{letter-spacing:-.04em;font-size:17px;font-weight:900;line-height:1.15}.vcard .vtype{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:700}.vcard-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.ver-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);background:#fff;border-radius:14px;grid-column:1/-1;padding:28px 16px;font-weight:600}.badge{border-radius:var(--pill);align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-ok{background:var(--yellow);color:var(--black)}.badge-wait{background:var(--bg);color:var(--muted)}.arow{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.arow img{width:48px;height:48px;image-rendering:pixelated;border-radius:12px}.arow b{letter-spacing:-.02em;font-weight:800}.arow span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600;display:block}.field{margin-top:12px}.field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input{border:1px solid var(--line);border-radius:var(--r);background:#fff;width:100%;height:42px;padding:0 12px;font-weight:600}.field input:focus{border-color:var(--black);outline:2px solid #ffd90073}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.alert{color:var(--danger);background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;display:none}.alert.is-on{display:block}.dock{margin:0 16px 8px;display:none}.dock.is-on{display:block}.dock-inner{background:var(--white);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;box-shadow:0 10px 24px #0000000f}.dock-top{letter-spacing:-.02em;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.dock-top em{color:var(--black);background:var(--yellow);border-radius:var(--pill);padding:2px 8px;font-size:12px;font-style:normal}.bar{border-radius:var(--pill);background:var(--bg);height:8px;overflow:hidden}.bar>i{background:var(--black);border-radius:var(--pill);width:0;height:100%;transition:width .2s;display:block}.dock-sub{color:var(--muted);margin-top:6px;font-size:12px;font-weight:600}.dock-log{background:var(--black);max-height:64px;color:var(--yellow);white-space:pre-wrap;border-radius:10px;margin-top:8px;padding:8px 10px;font:11px/1.45 ui-monospace,Consolas,monospace;overflow:auto}.foot{border-top:1px solid var(--line);background:var(--white);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px;display:grid}.foot-left{align-items:center;gap:10px;min-width:0;display:flex}.vpick{z-index:30;flex-shrink:0;position:relative}.vpick-btn{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:156px;max-width:220px;height:40px;padding:0 12px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.vpick-btn:hover{border-color:#ccc;box-shadow:0 6px 16px #0000000d}.vpick.open .vpick-btn,.vpick-btn:focus-visible{background:linear-gradient(165deg,#fffef2 0%,#fff 60%);border-color:#000;outline:none;box-shadow:0 0 0 1px #000,0 8px 20px #00000014}.vpick-ico{width:26px;height:26px;color:var(--yellow);letter-spacing:-.04em;background:#000;border-radius:8px;flex-shrink:0;place-items:center;font-size:9px;font-weight:900;display:grid}.vpick.open .vpick-ico{background:var(--yellow);color:#000}.vpick-label{letter-spacing:-.03em;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:900;overflow:hidden}.vpick-chev{color:#000;opacity:.7;flex-shrink:0;place-items:center;transition:transform .15s;display:grid}.vpick.open .vpick-chev{opacity:1;transform:rotate(180deg)}.vpick-menu{z-index:200;background:#fff;border:1.5px solid #000;border-radius:16px;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;box-shadow:0 18px 48px #00000029}.vpick-menu[hidden]{display:none!important}.vpick-search-wrap{padding:2px}.vpick-search{border:1px solid var(--line);background:#f7f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23909090' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l3.5 3.5'/%3E%3C/svg%3E") 10px no-repeat;border-radius:10px;width:100%;height:36px;padding:0 12px 0 34px;font-size:13px;font-weight:600}.vpick-search:focus{background-color:#fff;border-color:#000;outline:2px solid #ffd90073}.vpick-list{flex-direction:column;flex:1;gap:2px;min-height:0;max-height:260px;padding:2px;display:flex;overflow:auto}.vpick-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .1s;display:flex}.vpick-item:hover{background:#f5f5f5}.vpick-item.is-sel{background:var(--yellow);box-shadow:inset 0 0 0 1px #00000014}.vpick-item-ico{width:32px;height:32px;color:var(--yellow);letter-spacing:-.04em;background:#000;border-radius:10px;flex-shrink:0;place-items:center;font-size:10px;font-weight:900;display:grid}.vpick-item-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.vpick-item-id{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.vpick-item-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:700}.vpick-item.is-sel .vpick-item-meta{color:#0000008c}.vpick-item-check{border:2px solid var(--line);width:20px;height:20px;color:var(--yellow);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vpick-item-check svg{opacity:0;width:11px;height:11px}.vpick-item.is-sel .vpick-item-check{background:#000;border-color:#000}.vpick-item.is-sel .vpick-item-check svg{opacity:1}.vpick-empty{text-align:center;color:var(--muted);padding:18px 12px;font-size:12px;font-weight:600}.foot-center{justify-content:center;margin-top:-12px;display:flex}.foot-right{letter-spacing:-.02em;color:var(--muted);justify-content:flex-end;font-size:12px;font-weight:800;display:flex}.status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:12px;font-weight:600;overflow:hidden}.toast{background:var(--black);color:var(--yellow);opacity:0;pointer-events:none;z-index:20;border-radius:12px;padding:10px 16px;font-size:12px;font-weight:800;transition:all .18s;position:absolute;bottom:88px;left:50%;transform:translate(-50%)translateY(8px)}.toast.is-on{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=720px){.win{grid-template-rows:56px 1fr auto;height:min(840px,100vh - 100px)}.body{grid-template-columns:60px 1fr}.hero{grid-template-columns:1fr;min-height:auto}.hero-right{grid-template-columns:1fr 1fr 1fr}.stat.wide{grid-column:auto}.foot{grid-template-columns:1fr;padding:10px 12px 12px}.foot-center{order:-1;margin-top:0}.btn-play{width:100%}.nav-mini{display:none}.srv{grid-template-columns:42px 1fr}.srv .btn{grid-column:1/-1;width:100%}}