:root{color-scheme:dark;--bg: #0a0e13;--bg-elev: #111721;--bg-elev-2: #161e2a;--bg-input: #0d131b;--line: #1f2a38;--line-strong: #2c3a4d;--text: #e6edf5;--text-dim: #93a4b8;--text-faint: #64758a;--accent: #4da3ff;--accent-hot: #7cc0ff;--accent-dim: #1d3e5f;--accent-glow: rgba(77, 163, 255, .14);--gold: #e0b055;--gold-dim: #4a3a18;--green: #4ade80;--green-dim: #14351f;--red: #f87171;--red-dim: #3d1a1a;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 24px 64px rgba(0,0,0,.6);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--header-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app:before{content:"";position:fixed;inset:0 0 auto 0;height:420px;z-index:0;pointer-events:none;background:url(/art/hero-grid.svg) no-repeat center top / cover,radial-gradient(700px 400px at 85% 100%,rgba(224,176,85,.03),transparent 70%);mask-image:linear-gradient(to bottom,#000 55%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent)}.app>*{position:relative;z-index:1}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.015em;line-height:1.25}p{margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hot)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-dim);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#3c4d64}.app{display:flex;flex-direction:column;min-height:100%}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.main{flex:1;padding:28px 0 96px}.header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:#0a0e13d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header .container{display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-right:auto}.brand:hover{color:var(--text)}.brand__mark{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,var(--accent),#2563c9);box-shadow:0 0 0 1px #ffffff14 inset,0 2px 10px var(--accent-glow);color:#fff}.header__nav{display:flex;align-items:center;gap:8px}.btn{--btn-bg: var(--bg-elev-2);--btn-fg: var(--text);--btn-line: var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid var(--btn-line);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-size:14px;font-weight:560;white-space:nowrap;cursor:pointer;transition:background .14s,border-color .14s,transform .06s,opacity .14s}.btn:hover{background:#1d2735;border-color:#3a4a5f}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{--btn-bg: linear-gradient(180deg, #4f9fff, #2f7fe0);--btn-fg: #fff;--btn-line: #2f7fe0;box-shadow:0 2px 14px var(--accent-glow)}.btn--primary:hover{--btn-bg: linear-gradient(180deg, #62aaff, #3a89e8);border-color:#3a89e8}.btn--danger{--btn-fg: var(--red);--btn-line: #4a2626;--btn-bg: #1c1214}.btn--danger:hover{background:#2a1719;border-color:#6b3434}.btn--gold{--btn-fg: var(--gold);--btn-line: #4a3a18;--btn-bg: #1a1610}.btn--gold:hover{background:#241e13;border-color:#6b5524}.btn--ghost{--btn-bg: transparent;--btn-line: transparent;color:var(--text-dim)}.btn--ghost:hover{background:var(--bg-elev-2);color:var(--text);border-color:var(--line)}.btn--sm{padding:6px 11px;font-size:13px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12.5px;font-weight:600;color:var(--text-dim);letter-spacing:.01em}.field__hint{font-size:12px;color:var(--text-faint)}.input,.select,.textarea{width:100%;padding:9px 11px;background:var(--bg-input);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);transition:border-color .14s,box-shadow .14s}.input::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2393a4b8' d='M6 8.5 1.5 4h9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}.select option{background:var(--bg-elev-2)}.form-grid{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.form-row{grid-template-columns:1fr}}.board__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.board__title{font-size:26px}.board__count{display:block;font-size:13px;font-weight:500;color:var(--text-dim);margin-top:3px}.board__count strong{color:var(--accent);font-weight:650}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px;margin-bottom:20px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius)}.filters .input,.filters .select{width:auto;min-width:130px}.filters__search{flex:1 1 200px;min-width:160px!important}.filters__spacer{flex:1}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 11px;border:1px solid var(--line-strong);border-radius:99px;background:transparent;color:var(--text-dim);font-size:13px;font-weight:550;cursor:pointer;transition:all .14s}.chip:hover{color:var(--text);border-color:#3a4a5f}.chip[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hot)}.queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.qcard{position:relative;display:flex;flex-direction:column;gap:13px;padding:16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .16s,transform .16s,box-shadow .16s}.qcard:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.qcard--mine{border-color:var(--accent-dim)}.qcard--mine:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid var(--accent);opacity:.5;pointer-events:none}.qcard__top{display:flex;align-items:flex-start;gap:10px}.qcard__name{font-size:17px;font-weight:650;overflow-wrap:anywhere;flex:1}.qcard__meta{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.qcard__meta span{display:inline-flex;align-items:center;gap:5px}.qcard__host{color:var(--text);font-weight:550;overflow-wrap:anywhere}.qcard__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.badge--game{background:var(--accent-dim);color:var(--accent-hot);border-color:#2b5580}.badge--open{background:var(--green-dim);color:var(--green);border-color:#1e5233}.badge--full{background:var(--red-dim);color:var(--red);border-color:#5c2828}.badge--locked,.badge--host{background:var(--gold-dim);color:var(--gold);border-color:#6b5524}.capacity{display:flex;flex-direction:column;gap:6px}.capacity__row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-dim)}.capacity__count{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.capacity__track{height:5px;border-radius:99px;background:var(--bg-input);overflow:hidden;border:1px solid var(--line)}.capacity__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-hot));transition:width .35s cubic-bezier(.4,0,.2,1)}.capacity__fill--full{background:linear-gradient(90deg,#dc5b5b,var(--red))}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center;background:var(--bg-elev);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty__icon{color:var(--text-faint)}.empty__title{font-size:17px;font-weight:650}.empty__text{color:var(--text-dim);max-width:380px;font-size:14px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.skeleton{height:168px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(100deg,var(--bg-elev) 30%,var(--bg-elev-2) 50%,var(--bg-elev) 70%);background-size:220% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-120% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#04070bb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .16s ease-out}.modal{width:100%;max-width:460px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop .18s cubic-bezier(.2,.9,.3,1.3)}.modal--wide{max-width:560px}.modal__head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.modal__title{font-size:16px;flex:1}.modal__body{padding:18px;overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--line)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.tabs{display:flex;gap:4px;padding:4px;background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:16px}.tab{flex:1;padding:7px;border:none;border-radius:5px;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600;cursor:pointer;transition:all .14s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--bg-elev-2);color:var(--text);box-shadow:var(--shadow)}.alert{padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;border:1px solid}.alert--error{background:var(--red-dim);border-color:#5c2828;color:#fca5a5}.alert--ok{background:var(--green-dim);border-color:#1e5233;color:#86efac}.toasts{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;flex-direction:column-reverse;gap:9px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-left:3px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:14px;animation:slide-in .2s cubic-bezier(.2,.9,.3,1.2)}.toast--error{border-left-color:var(--red)}.toast--success{border-left-color:var(--green)}.toast__msg{flex:1;overflow-wrap:anywhere}.toast__close{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:0 2px}.toast__close:hover{color:var(--text)}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}.chat{position:fixed;right:16px;bottom:16px;z-index:60;width:340px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.chat--open{height:min(460px,calc(100vh - 100px))}.chat__head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-elev-2);border-bottom:1px solid var(--line);cursor:pointer;flex-shrink:0}.chat__title{flex:1;font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:3px;border-radius:5px;display:grid;place-items:center}.chat__icon-btn:hover{background:var(--bg-elev);color:var(--text)}.chat__body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.msg{max-width:85%;display:flex;flex-direction:column;gap:2px}.msg--mine{align-self:flex-end;align-items:flex-end}.msg--system{align-self:center;max-width:100%}.msg__who{font-size:11.5px;font-weight:650;color:var(--accent);padding:0 2px}.msg--mine .msg__who{color:var(--gold)}.msg__bubble{padding:7px 11px;border-radius:12px;background:var(--bg-elev-2);border:1px solid var(--line);font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.msg--mine .msg__bubble{background:#16304d;border-color:#234a73}.msg__time{font-size:10.5px;color:var(--text-faint);padding:0 2px}.msg--system .msg__bubble{background:transparent;border:none;color:var(--text-faint);font-size:12.5px;font-style:italic;text-align:center;padding:2px}.chat__foot{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line);flex-shrink:0}.chat__foot .input{padding:7px 10px;font-size:14px}@media(min-width:1000px){.app--chat .main .container{padding-right:376px}}.plist{display:flex;flex-direction:column;gap:7px}.prow{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm)}.prow__name{flex:1;font-weight:550;overflow-wrap:anywhere}.prow__actions{display:flex;gap:6px}.tlist{display:flex;flex-direction:column;gap:10px}.trow{display:flex;gap:12px;padding:11px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm)}.trow__img{width:72px;height:72px;flex-shrink:0;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--bg-elev-2)}.trow__img--none{display:grid;place-items:center;color:var(--text-faint)}.trow__body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.trow__title{font-weight:650;overflow-wrap:anywhere}.trow__meta{font-size:12.5px;color:var(--text-dim);overflow-wrap:anywhere}.trow__actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--accent-hot)}input[type=file].input{padding:7px 9px;font-size:13px}input[type=file].input::file-selector-button{margin-right:10px;padding:5px 10px;border:1px solid var(--line-strong);border-radius:5px;background:var(--bg-elev-2);color:var(--text);font-size:13px;cursor:pointer}input[type=file].input::file-selector-button:hover{background:#1d2735}@media(max-width:480px){.trow{flex-direction:column}.trow__img{width:100%;height:120px}}.series{font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre-wrap;padding:12px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);max-height:260px;overflow-y:auto}.dropdown{position:relative}.dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;padding:5px;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:70;animation:pop .13s ease-out}.dropdown__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:5px;background:none;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.dropdown__item:hover{background:var(--bg-elev)}.dropdown__item--danger{color:var(--red)}.dropdown__sep{height:1px;background:var(--line);margin:5px 2px}.footer{border-top:1px solid var(--line);padding:20px 0;color:var(--text-faint);font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint)}.conn__dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.conn__dot--off{background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35}}@media(max-width:640px){.container{padding:0 14px}.board__title{font-size:22px}.queue-grid,.skeleton-grid{grid-template-columns:1fr}.chat{left:10px;right:10px;bottom:10px;width:auto}.chat--open{height:min(60vh,420px)}.header__nav .btn span.hide-sm{display:none}.filters{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}