:root{--bg:#0f1115;--panel:#171a21;--panel2:#1e222b;--border:#2a303c;--text:#e6e8ee;--muted:#8b93a7;--copper:#c97b3a;--copper2:#e8975a;--ok:#3ccf7a;--bad:#f05a5a;--warn:#f0b35a;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif}
a{color:var(--copper2);text-decoration:none}a:hover{text-decoration:underline}
code{font-family:var(--mono);font-size:.92em;background:#0b0d11;border:1px solid var(--border);border-radius:5px;padding:1px 6px;word-break:break-all}
h1{font-size:1.6rem;margin:.2em 0 .6em}h3{margin:.2em 0 .5em;font-size:1.05rem}
.top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5}
.brand{font-weight:700;font-size:1.1rem;color:var(--text);display:flex;align-items:center;gap:8px}.brand:hover{text-decoration:none}
.dot{width:12px;height:12px;border-radius:3px;background:var(--copper);display:inline-block}
.top nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top nav a{color:var(--muted);padding:4px 2px}.top nav a.on{color:var(--text);border-bottom:2px solid var(--copper)}
.top nav a.muted{color:var(--muted)}
.wrap{max-width:1120px;margin:0 auto;padding:22px 16px 40px}
.foot{color:var(--muted);text-align:center;padding:20px;border-top:1px solid var(--border);font-size:.85rem}
.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:16px}
.card.empty{text-align:center;color:var(--muted);padding:40px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:860px){.grid2,.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.top{padding:10px 12px}}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}
.inline{display:inline}
.btn{display:inline-block;background:var(--copper);color:#14100b;border:0;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;font-size:.95rem}
.btn:hover{background:var(--copper2);text-decoration:none}.btn.small{padding:5px 10px;font-size:.85rem}.btn.ghost{background:transparent;color:var(--copper2);border:1px solid var(--copper)}
.btn.danger{background:var(--bad);color:#fff}.btn[disabled]{opacity:.45;cursor:not-allowed}
button.link{background:none;border:0;color:var(--copper2);cursor:pointer;font:inherit;padding:0}button.link:hover{text-decoration:underline}
input,select{background:#0b0d11;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit;min-width:0}
input:focus,select:focus{outline:2px solid var(--copper);outline-offset:0;border-color:var(--copper)}
label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}label input,label select{color:var(--text)}
label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}
.row label{flex:1}
.auth{max-width:440px;margin:40px auto}.auth.wide{max-width:760px}.auth form{display:flex;flex-direction:column;gap:12px}
.notice{border-radius:10px;padding:10px 14px;margin-bottom:14px;border:1px solid var(--border);background:var(--panel2)}
.notice.ok{border-color:var(--ok)}.notice.error{border-color:var(--bad)}.notice.warn{border-color:var(--warn)}
.muted{color:var(--muted)}.small{font-size:.85rem}.nowrap{white-space:nowrap}.hidden{display:none}.copper{color:var(--copper2)}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;background:var(--panel2);border:1px solid var(--border);vertical-align:middle}
.pill.ok{background:rgba(60,207,122,.15);color:var(--ok);border-color:rgba(60,207,122,.4)}.pill.off{background:rgba(240,90,90,.12);color:var(--bad);border-color:rgba(240,90,90,.4)}
.pill.actor-mcp{color:var(--copper2)}.pill.actor-agent{color:var(--ok)}
.hero{text-align:center;padding:40px 10px 20px}.hero h1{font-size:2.3rem;margin-bottom:.3em}.lead{color:var(--muted);font-size:1.1rem;max-width:720px;margin:0 auto 20px}
.steps ol{margin:0;padding-left:20px}.steps li{margin:6px 0}
.server-card{display:block;color:var(--text)}.server-card:hover{text-decoration:none;border-color:var(--copper)}
.stats{display:flex;gap:24px;margin:8px 0}.big{font-size:1.7rem;font-weight:700}
.add input{min-width:220px}
.stat{display:flex;flex-direction:column;gap:2px}.stat .label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.spark{width:100%;height:48px;margin-top:6px}.spark polyline{fill:none;stroke:var(--copper2);stroke-width:1.5;vector-effect:non-scaling-stroke}.spark.tps polyline{stroke:var(--ok)}.spark.ram polyline{stroke:var(--warn)}
.spark-empty{fill:var(--muted);font-size:11px}
.tabs{display:flex;gap:2px;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:3px}.tabs a{padding:5px 12px;border-radius:6px;color:var(--muted)}.tabs a.on{background:var(--panel);color:var(--text)}.tabs a:hover{text-decoration:none;color:var(--text)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th{text-align:left;color:var(--muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.tbl td,.tbl th{padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}
.tbl.audit .detail{font-family:var(--mono);font-size:.82rem;word-break:break-all;max-width:420px}
.players{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}.players li{background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:2px 10px}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs img{width:150px;height:84px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.gallery figure{margin:0;padding:10px}.gallery img{width:100%;border-radius:8px;border:1px solid var(--border);display:block}.gallery figcaption{padding:8px 2px 0;font-size:.9rem;display:flex;flex-direction:column;gap:2px}
.warn-text{color:var(--warn)}
.console{background:#0b0d11;border:1px solid var(--border);border-radius:10px;padding:12px;height:62vh;overflow:auto;font-family:var(--mono);font-size:.84rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;margin:0 0 10px}
.console .cmd{color:var(--copper2)}.console .out{color:#b9c2d6}.console .err{color:var(--bad)}
.console-form input{flex:1;font-family:var(--mono)}.prompt{font-family:var(--mono);color:var(--copper2)}
.pic-form .row label{flex:1 1 90px}#picture-result img{max-width:100%;border-radius:8px;border:1px solid var(--border);margin-top:10px}
.keybox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#0b0d11;border:1px solid var(--copper);border-radius:10px;padding:12px;margin:10px 0 16px}.keybox code{border:0;background:none;font-size:1rem;flex:1}
.audit-mini{list-style:none;padding:0;margin:0}.audit-mini li{padding:4px 0;border-bottom:1px solid var(--border);font-size:.9rem}
.copied{background:var(--ok)!important;color:#0b0d11!important}