:root{
  --bg:#04040a; --text:#e9ecf5; --muted:#8a90a8; --card:rgba(9,9,20,.72);
  --line:rgba(170,190,255,.14); --line2:rgba(170,190,255,.28);
  --grad:linear-gradient(100deg,#6ef2ff 0%,#b892ff 35%,#ff6fd8 65%,#ffd98a 100%);
  --cyan:#6ef2ff; --violet:#b892ff; --pink:#ff6fd8; --gold:#ffd98a;
  --ok:#5ef0a8; --warn:#ffd98a; --bad:#ff6f8e;
  --h:'Unbounded',system-ui,sans-serif; --b:'Sora',system-ui,sans-serif; --m:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:var(--b);font-weight:300;line-height:1.55;min-height:100vh;
  background-image:radial-gradient(1px 1px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 72% 8%,#fff6,transparent),
  radial-gradient(1px 1px at 38% 62%,#fff5,transparent),radial-gradient(1px 1px at 88% 44%,#fff7,transparent),
  radial-gradient(1px 1px at 22% 86%,#fff4,transparent),radial-gradient(900px 500px at 85% -10%,rgba(184,146,255,.12),transparent 70%),
  radial-gradient(700px 420px at -10% 30%,rgba(110,242,255,.07),transparent 70%);background-attachment:fixed}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:rgba(4,4,10,.86);backdrop-filter:blur(10px)}
.bar{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--h);font-weight:800;font-size:15px;letter-spacing:.02em}
.brand img{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2)}
.brand small{display:block;font-family:var(--m);font-weight:400;font-size:10px;color:var(--muted);letter-spacing:.12em}
.sp{flex:1}
.tabs{display:flex;border:1px solid var(--line)}
.tabs button,.lang button{font-family:var(--m);font-size:12px;color:var(--muted);background:none;border:0;padding:8px 14px;cursor:pointer;letter-spacing:.04em}
.tabs button.on,.lang button.on{color:#0a0a16;background:var(--grad);font-weight:600}
.lang{display:flex;border:1px solid var(--line)}
.btn{font-family:var(--h);font-weight:600;font-size:12px;color:#0a0a16;background:var(--grad);border:0;padding:11px 18px;cursor:pointer;letter-spacing:.03em}
.btn.ghost{background:none;color:var(--text);border:1px solid var(--line2);font-family:var(--m);font-weight:500}
.btn:hover{filter:brightness(1.08)}
.hero{padding:44px 0 26px}
.eyebrow{font-family:var(--m);font-size:11px;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}
h1{font-family:var(--h);font-weight:900;font-size:clamp(26px,4.4vw,44px);line-height:1.12;margin:10px 0 12px}
h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);max-width:720px}
h2{font-family:var(--h);font-weight:800;font-size:18px;margin-bottom:4px}
.sub{color:var(--muted);font-size:13px;margin-bottom:16px}
.card{background:var(--card);border:1px solid var(--line);padding:22px;position:relative}
.card::before{content:"";position:absolute;inset:-1px -1px auto -1px;height:2px;background:var(--grad);opacity:.8}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,1fr)} .g2{grid-template-columns:1fr 1fr} .g3{grid-template-columns:repeat(3,1fr)}
.stat .k{font-family:var(--m);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.stat .v{font-family:var(--h);font-weight:800;font-size:26px;margin-top:6px}
.stat .v.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
section{margin:22px 0}
table{width:100%;border-collapse:collapse;font-size:13px}
th{font-family:var(--m);font-weight:500;font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;text-align:left;padding:10px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:hover td{background:rgba(170,190,255,.03)}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mono{font-family:var(--m);font-size:12.5px}
.rank{font-family:var(--h);font-weight:800;font-size:14px;width:44px}
.r1{color:var(--gold)} .r2{color:#cfd6ee} .r3{color:#ffb38a}
.tbl{overflow-x:auto}
.pill{display:inline-block;font-family:var(--m);font-size:11px;padding:3px 8px;border:1px solid;white-space:nowrap}
.pill.ok{color:var(--ok);border-color:rgba(94,240,168,.4);background:rgba(94,240,168,.06)}
.pill.wait{color:var(--warn);border-color:rgba(255,217,138,.4);background:rgba(255,217,138,.06)}
.pill.bad{color:var(--bad);border-color:rgba(255,111,142,.4);background:rgba(255,111,142,.06)}
.pill.mute{color:var(--muted);border-color:var(--line2)}
.pill.paid{color:var(--cyan);border-color:rgba(110,242,255,.4);background:rgba(110,242,255,.06)}
.search{display:flex;gap:10px;flex-wrap:wrap}
input,select{font-family:var(--m);font-size:13px;color:var(--text);background:rgba(4,4,10,.8);border:1px solid var(--line2);padding:11px 12px;outline:none;min-width:0}
input:focus,select:focus{border-color:var(--violet)}
.search input{flex:1;min-width:220px}
label{display:block;font-family:var(--m);font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.field{margin-bottom:12px}.field input,.field select{width:100%}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}
.rule{padding:18px;border-right:1px solid var(--line)}.rule:last-child{border-right:0}
.rule .n{font-family:var(--h);font-weight:900;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rule p{font-size:13px;color:var(--muted);margin-top:6px}
.rule b{color:var(--text);font-weight:600}
details.mx{border-bottom:1px solid var(--line)}
details.mx summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1.4fr 1fr 1fr 1fr 24px;gap:10px;align-items:center;padding:12px 10px}
details.mx summary::-webkit-details-marker{display:none}
details.mx summary:hover{background:rgba(170,190,255,.03)}
details.mx .chev{color:var(--muted);transition:transform .2s;text-align:right}
details.mx[open] .chev{transform:rotate(90deg)}
.tree{padding:4px 10px 16px 54px;position:relative}
.node{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:8px 10px;border-left:1px solid var(--line2);position:relative;font-size:13px}
.node::before{content:"";position:absolute;left:0;top:50%;width:14px;border-top:1px solid var(--line2)}
.node>:first-child{padding-left:12px}
.who{display:flex;flex-direction:column}
.who .u{font-weight:600;font-size:13px}
.who .w{font-family:var(--m);font-size:11.5px;color:var(--muted)}
.note{font-family:var(--m);font-size:11.5px;color:var(--muted);border:1px dashed var(--line2);padding:10px 12px;margin-top:14px}
.banner{font-family:var(--m);font-size:12px;color:var(--gold);border:1px solid rgba(255,217,138,.3);background:rgba(255,217,138,.05);padding:10px 14px;margin-top:18px}
.chk{display:flex!important;gap:8px;align-items:center;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;color:var(--text)!important;margin:6px 0!important;cursor:pointer}.chk input{width:auto!important;accent-color:#b892ff}
.camp{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--line);margin-top:20px}.camp div{padding:12px 16px;border-right:1px solid var(--line);flex:1;min-width:160px}.camp div:last-child{border-right:0}.camp .k{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.camp .v{font-family:var(--h);font-weight:600;font-size:14px;margin-top:4px}
.empty{color:var(--muted);font-size:13px;padding:18px 10px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.msg{font-family:var(--m);font-size:12px;margin-top:8px;min-height:18px}
.msg.ok{color:var(--ok)}.msg.bad{color:var(--bad)}
.small{font-size:12px;color:var(--muted)}
.hide{display:none!important}
footer{border-top:1px solid var(--line);margin-top:40px;padding:22px 0 34px;color:var(--muted);font-family:var(--m);font-size:11px;letter-spacing:.06em}
a{color:var(--cyan)}
.act{font-family:var(--m);font-size:11px;background:none;border:1px solid var(--line2);color:var(--text);padding:5px 8px;cursor:pointer}
.act:hover{border-color:var(--violet)}
@media (max-width:900px){.g4{grid-template-columns:1fr 1fr}.g2,.g3{grid-template-columns:1fr}.rules{grid-template-columns:1fr 1fr}.rule:nth-child(2){border-right:0}.rule:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:620px){.wrap{padding:0 16px}.bar{height:auto;flex-wrap:wrap;padding:10px 0;gap:10px}.sp{display:none}.tabs{order:3;width:100%}.tabs button{flex:1}
  .g4{grid-template-columns:1fr 1fr}.stat .v{font-size:20px}.rules{grid-template-columns:1fr}.rule{border-right:0;border-bottom:1px solid var(--line)}
  details.mx summary{grid-template-columns:34px 1fr 24px}details.mx summary .hm{display:none}.tree{padding-left:20px}.node{grid-template-columns:1fr 1fr}.node .hm{display:none}}