:root{color-scheme:dark;--bg: #0b1220;--panel: #1f2937;--panel-2: #111827;--border: rgba(255, 255, 255, .1);--text: #e5e7eb;--muted: #9ca3af;--dim: #6b7280;--green: #4ade80;--kick: #53fc18;--warn: #fbbf24;--danger: #f87171;--orange: #f97316;--purple: #c084fc;--font: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(83,252,24,.08),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(192,132,252,.08),transparent 50%),var(--bg);color:var(--text)}button,input,a{font:inherit}.app{max-width:1180px;margin:0 auto;padding:18px 16px 48px;display:flex;flex-direction:column;gap:14px}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:min(360px,100%);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px #00000073}.gate-card h1{margin:0;font-size:1.4rem;color:var(--kick)}.gate-card p{margin:0 0 4px;color:var(--muted);font-size:.9rem}.gate-card input{width:100%;background:#0f172a;border:1px solid #374151;border-radius:8px;color:var(--text);padding:10px 12px;outline:none}.gate-card input:focus{border-color:#4b5563}.gate-card button{border:0;border-radius:8px;background:var(--kick);color:#0b1220;font-weight:800;padding:10px 12px;cursor:pointer}.gate-card button:hover{filter:brightness(1.05)}.gate-err{color:#fecaca;font-size:.85rem}.emp{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.emp.on{border-color:color-mix(in srgb,#f59e0b 70%,transparent);background:color-mix(in srgb,#f59e0b 12%,var(--panel))}.emp-top{display:flex;align-items:center;gap:8px}.emp-ic{font-size:1rem}.emp-label{flex:1;font-weight:700;color:var(--muted);font-size:.9rem}.emp.on .emp-label{color:#fbbf24}.emp-time{font-variant-numeric:tabular-nums;font-size:1.05rem;color:var(--text)}.emp.on .emp-time{color:#fbbf24}.emp-bar{height:6px;border-radius:999px;background:#374151;overflow:hidden}.emp-bar i{display:block;height:100%;background:#f59e0b;transition:width .8s linear}.top{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.top h1{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--kick)}.tag{margin:4px 0 0;color:var(--muted);font-size:.85rem}.err{background:#7f1d1d8c;border:1px solid #f87171;color:#fecaca;padding:6px 10px;border-radius:8px;font-size:.85rem;max-width:360px}.layout{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:14px;align-items:start}@media(max-width:900px){.layout{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:0 8px 24px #00000059}.panel-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.panel-title{flex:1;font-weight:700;color:#e5e7eb}.panel-cnt{color:var(--dim);font-size:.85rem;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.tile{background:var(--panel-2);border-radius:8px;padding:8px 10px;min-width:0}.tile b{display:block;font-size:1.15rem;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.02em}.tile.warn b{color:var(--warn)}.lists{display:flex;flex-direction:column;gap:2px}.subtg{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 6px;border-left:3px solid var(--ac, #6b7280);border-radius:0 4px 4px 0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac, #9ca3af);background:color-mix(in srgb,var(--ac, #6b7280) 14%,transparent)}.subtg[data-sec=lowhp]{--ac: #fbbf24}.subtg[data-sec=dmg]{--ac: #f97316}.subtg[data-sec=hid]{--ac: #c084fc}.subtg .cnt{margin-left:auto;color:var(--ac);opacity:.85;text-transform:none;letter-spacing:0}.more{margin-left:6px;font-size:.7rem;font-weight:700;text-transform:none;letter-spacing:0;line-height:16px;padding:0 8px;border-radius:999px;border:1px solid var(--ac, #6b7280);color:var(--ac, #9ca3af);background:transparent;cursor:pointer}.more.on{background:var(--ac);color:#0b1220}.rows{border-left:3px solid color-mix(in srgb,var(--ac, #6b7280) 55%,transparent);background:color-mix(in srgb,var(--ac, #6b7280) 6%,transparent);border-radius:0 0 4px}.section:has(.subtg[data-sec=lowhp]) .rows{--ac: #fbbf24}.section:has(.subtg[data-sec=dmg]) .rows{--ac: #f97316}.section:has(.subtg[data-sec=hid]) .rows{--ac: #c084fc}.row{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;align-items:baseline;width:100%;padding:5px 8px;border-radius:4px;font-size:.9rem}.row:hover{background:color-mix(in srgb,var(--ac, #6b7280) 22%,#1f2937)}.row .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.row .m{color:var(--muted);font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.row .m.hp-lo,.hp-lo{color:var(--danger)}.row .m.hp-mid,.hp-mid{color:var(--warn)}.row .m.dmg-now{color:var(--danger);font-weight:600}.row .m.inv{color:var(--purple)}.dim{color:var(--dim);font-size:.85rem;padding:6px 8px}.picker{position:relative;margin-bottom:8px}.picker-input{width:100%;background:#0f172a;border:1px solid #374151;border-radius:8px;color:var(--text);padding:8px 10px;outline:none}.picker-input:focus{border-color:#4b5563}.picker-sugg{list-style:none;margin:4px 0 0;padding:4px;position:absolute;left:0;right:0;z-index:20;background:#0f172a;border:1px solid #374151;border-radius:8px;max-height:220px;overflow:auto;box-shadow:0 10px 30px #00000073}.picker-sugg button{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;gap:8px;width:100%;padding:7px 8px;border-radius:6px;cursor:pointer}.picker-sugg button:hover{background:#1f2937}.picker-sugg small{color:var(--muted)}.wlist{display:flex;flex-direction:column;gap:8px;max-height:min(70vh,720px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5563 transparent}.wc{--wc: #4ade80;background:var(--panel-2);border-radius:10px;padding:10px 10px 10px 12px;border-left:5px solid var(--wc);cursor:pointer;display:flex;flex-direction:column;gap:7px}.wc:hover{background:#172033}.wc-top{display:flex;align-items:center;gap:10px}.av{position:relative;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#374151;box-shadow:0 0 0 2px var(--wc);overflow:hidden}.av img{width:46px;height:46px;object-fit:cover;display:block}.av span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.av em{position:absolute;left:-4px;top:-4px;width:18px;height:18px;border-radius:50%;background:#e5e7eb;color:#0b1220;font:800 11px/18px var(--font);text-align:center;font-style:normal;box-shadow:0 0 0 2px #111827}.wc-id{flex:1;min-width:0}.wc-name{font-size:1.05rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-sub{font-size:.8rem;font-weight:600;color:var(--wc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-btns{display:flex;gap:2px;align-self:flex-start}.icon-btn{all:unset;cursor:pointer;min-width:26px;height:26px;line-height:26px;text-align:center;border-radius:6px;color:#d1d5db;text-decoration:none}.icon-btn:hover{background:#ffffff1f;color:#fff}.wc-hp{display:flex;align-items:baseline;gap:8px}.wc-hp b{font-size:2rem;line-height:1;font-weight:800;color:var(--wc);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wc-hp small{color:var(--muted);font-size:.9rem;font-weight:600}.wc-state{margin-left:auto;align-self:center;font-size:.75rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--wc);color:#0b1220;letter-spacing:.05em}.wc-state.kind-dead{background:#6b7280;color:#111}.hpbar{height:10px;border-radius:5px;background:#374151;overflow:hidden}.hpbar i{display:block;height:100%;background:var(--wc);transition:width .35s ease}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#1f2937;border:1px solid #374151;color:#e5e7eb;white-space:nowrap}.chip.bad{border-color:#f87171;color:#fecaca;background:#7f1d1d73}.chip.good{border-color:#4ade80;color:#bbf7d0}.chip.live{border-color:#ef4444;color:#fff;background:#7f1d1d}.near-who{font-size:.9rem;margin:2px 0 6px}.near-who b{color:#38bdf8}.near-eta{color:#4ade80;font-weight:700;font-size:.9rem;margin-bottom:8px}.near-eta.warn{color:#fbbf24}.table{display:flex;flex-direction:column;gap:2px}.tr{all:unset;box-sizing:border-box;display:grid;grid-template-columns:28px 1.4fr .8fr .6fr .55fr .55fr;gap:6px;align-items:center;padding:6px;border-radius:6px;font-size:.85rem;font-variant-numeric:tabular-nums}.tr.head{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}button.tr{cursor:pointer;width:100%;color:inherit}button.tr:hover{background:#374151}.near .tr:not(.head){cursor:default}.tr .n{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad{padding:8px}.footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--dim);font-size:.8rem;padding:4px 2px}.footer .conn{margin-left:auto;color:var(--orange)}.footer .conn.on{color:var(--green)}.footer .emp-foot{color:#fbbf24;font-weight:700}