:root{color-scheme:dark;--bg:#070915;--card:#121427;--line:#2b2e4b;--muted:#9696b5;--white:#f5f3ff;--purple:#895af7;--pink:#f55cc5;--green:#58efc4;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Manrope,'Segoe UI',system-ui,sans-serif;min-width:300px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:progress}.glow{pointer-events:none;position:fixed;z-index:-1;width:45vw;height:40vw;border-radius:50%;filter:blur(100px);opacity:.16}.g1{background:#7d25ef;top:-15vw;left:-11vw}.g2{background:#b40894;top:35vh;right:-19vw}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,70px);border-bottom:1px solid #24253d;background:#0b0e1aee;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px}.logo{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(130deg,#8c48ff,#e850e8);font-size:28px;box-shadow:0 0 27px #8a56ff70}.brand strong{display:block;font-size:19px;letter-spacing:.035em}.brand em{color:#bc91ff;font-style:normal}.brand small{display:block;color:#9b99bb;font-size:9px;letter-spacing:.2em;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px}.status{border:1px solid #3d4267;background:#171a2e;padding:10px 14px;border-radius:11px;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e9b05a;margin-right:5px;box-shadow:0 0 8px #e9b05a}.status.connected i{background:#60e7a1;box-shadow:0 0 9px #60e7a1}.status.error i{background:#ff6177;box-shadow:0 0 9px #ff6177}.outline,.ghost{color:#e3deff;text-decoration:none;border:1px solid #484363;background:#18172e;padding:11px 15px;border-radius:11px;font-size:12px;font-weight:750;transition:.2s}.outline:hover,.ghost:hover{border-color:#ae7cff;background:#242044}.layout{max-width:1740px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:24px;padding:28px 34px 40px}main{min-width:0}.hero{padding:25px 8px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.22em;color:#b594ff;font-weight:850}.hero h1{font-size:clamp(28px,3vw,46px);line-height:1.14;letter-spacing:-.038em;margin:10px 0 12px;font-weight:820}.hero h1 span{background:linear-gradient(100deg,#cdacff,#f7a5ec);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;max-width:680px;line-height:1.6;color:#a9a6c7;font-size:13px}.hero-stat{border:1px solid #393052;padding:15px 24px;border-radius:16px;background:linear-gradient(145deg,#1d1838,#151126);text-align:center;min-width:140px}.hero-stat span{font-size:9px;letter-spacing:.15em;color:#a18bc6;font-weight:800}.hero-stat strong{display:block;font-size:46px;line-height:1.3;color:#eee2ff;text-shadow:0 0 27px #b57cf2}.hero-stat small{font-size:10px;color:#ae9fc6}.arena-wrap{border:1px solid #45335f;background:#070817;border-radius:20px;overflow:hidden;box-shadow:0 18px 65px #0004,0 0 30px #7231b319}.arena-top{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#121025;border-bottom:1px solid #453357}.arena-top b{font-size:12px;letter-spacing:.12em}.arena-top small{margin-left:12px;color:#958ca9;font-size:11px}.live-dot{display:inline-block;background:#f8539d;border-radius:50%;width:8px;height:8px;margin-right:8px;box-shadow:0 0 12px #ff67a9}.arena-controls{display:flex;gap:15px;align-items:center}.arena-controls button{background:transparent;color:#cfc0e5;border:0;font-size:24px}.toggle{font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.toggle input{accent-color:#a56bfc;vertical-align:middle}.arena-wrap canvas{width:100%;display:block;aspect-ratio:16/9;background:#070814;min-height:270px}.arena-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;background:#101022;border-top:1px solid #3a2d4e;padding:14px;color:#c1a9f5;font-weight:800;font-size:10px;letter-spacing:.08em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metrics article{background:linear-gradient(138deg,#17192e,#111323);border:1px solid #2d304a;border-radius:14px;padding:17px 19px}.metrics small{display:block;color:#9694b5;font-size:10px;letter-spacing:.08em;font-weight:700}.metrics strong{display:block;font-size:32px;margin-top:5px}.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid #2d2e46;background:linear-gradient(145deg,#151628,#101222);border-radius:18px;padding:21px;box-shadow:0 10px 34px #0002}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.panel h2{margin:0;font-size:15px;letter-spacing:-.015em}.panel-head small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#a88af0}.top-list{max-height:340px;overflow:auto}.top-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #2a2944;font-size:12px}.top-item:last-child{border:0}.rank{width:23px;text-align:center;color:#ba9bff;font-weight:900}.person-color{width:9px;height:9px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.top-item .person-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-item .count{color:#c9b5ec;font-weight:750}.empty{color:#777a9c;padding:20px 0;font-size:12px;text-align:center}.linkish{color:#bb9dff;font-size:11px;text-decoration:none}.linkish:hover{text-decoration:underline}.tablewrap{max-height:340px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#8584a4;font-size:10px;text-align:left;padding:10px 4px;border-bottom:1px solid #3c3d59}td{border-bottom:1px solid #262740;padding:10px 4px}td a{color:#e0d8ff;text-decoration:none}td a:hover{text-decoration:underline}aside{display:flex;flex-direction:column;gap:15px}.hint{color:#a1a0bf;line-height:1.65;font-size:12px;margin:0 0 17px}aside label:not(.checkline){font-size:10px;letter-spacing:.09em;font-weight:800;color:#b8b2d0;display:block;margin:16px 0 8px}aside input:not([type=checkbox]){border:1px solid #393955;background:#0b0d1d;color:#f0eaff;padding:12px 13px;border-radius:10px;width:100%;outline:0;font-size:12px}aside input:not([type=checkbox]):focus{border-color:#9364e8;box-shadow:0 0 0 3px #a16aff25}aside input::placeholder{color:#555675}.checkline{font-size:11px;color:#aaa4c4;display:flex;align-items:flex-start;gap:8px;line-height:1.5;margin:15px 0}.checkline input{accent-color:#976af9;margin-top:3px}.primary{width:100%;background:linear-gradient(102deg,#7757f4,#b64df3);border:0;border-radius:12px;padding:14px;color:white;box-shadow:0 8px 25px #7c4cf03a;font-size:13px;font-weight:850}.primary:hover{filter:brightness(1.12)}.primary span{float:right}.primary.secondary{background:linear-gradient(102deg,#493db7,#7c4fee)}.danger{width:100%;background:#301925;color:#f6a2b8;border:1px solid #6a314a;padding:12px;border-radius:11px;margin-top:10px}.hidden{display:none!important}.connection-msg{color:#af9fc9;font-size:11px;padding:12px;background:#141329;border:1px solid #3a3053;border-radius:9px;margin-top:13px;line-height:1.55;overflow-wrap:anywhere}.connection-msg.ok{color:#86e2b2;border-color:#255b4c}.connection-msg.bad{color:#ffa5ba;border-color:#78374f}.warning-note{font-size:10px;line-height:1.6;margin-top:12px;color:#797690}.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.quick button{background:#212041;border:1px solid #46416c;color:#dcd4ff;font-size:10px;font-weight:800;border-radius:8px;padding:9px 10px}.quick button:hover{border-color:#b57dff}.wide{display:block;width:100%;margin-top:12px}.ghost{width:100%;margin-top:10px;border:0;background:transparent;color:#7c7b9c}.feed{display:flex;flex-direction:column;gap:11px;max-height:300px;overflow:auto}.feed-entry{border-bottom:1px solid #28283e;padding-bottom:10px;display:flex;gap:9px}.feed-entry .dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;margin-top:5px}.feed-entry .text{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.feed-entry strong{font-size:11px}.feed-entry small{color:#827f9e;font-size:10px}.footer-note{font-size:10px;line-height:1.9;color:#77758f;text-align:center;margin-bottom:20px}.toast{position:fixed;bottom:22px;right:22px;background:#252145;border:1px solid #835bd2;box-shadow:0 12px 45px #0009;padding:14px 20px;color:#fff;border-radius:13px;max-width:400px;font-size:12px;opacity:0;transform:translateY(20px);transition:.3s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translateY(0)}body.stage-only{overflow:hidden}body.stage-only .topbar,body.stage-only .hero,body.stage-only .metrics,body.stage-only .bottom-panels,body.stage-only aside{display:none!important}body.stage-only .layout{padding:0;max-width:unset;display:block;height:100vh}body.stage-only .arena-wrap{height:100vh;display:flex;flex-direction:column;border-radius:0;border:0}body.stage-only .arena-wrap canvas{flex:1;min-height:0;height:calc(100vh - 96px);aspect-ratio:auto}body.stage-only .arena-bottom{flex-shrink:0}body.stage-only .arena-top{flex-shrink:0}@media(max-width:1280px){.layout{padding:20px;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.hero-stat{display:none}}@media(max-width:980px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.log-panel{grid-column:1/-1}.hero-stat{display:block}}@media(max-width:640px){.topbar{padding:0 15px;height:75px}.top-actions .outline{display:none}.brand strong{font-size:14px}.brand small{font-size:7px}.logo{width:37px;height:37px}.layout{padding:13px;gap:15px}.hero{padding:14px 3px;display:block}.hero h1{font-size:30px}.hero-stat{display:none}.arena-top{padding:0 11px}.arena-top b{font-size:10px}.arena-top small{display:none}.arena-bottom{gap:10px;font-size:8px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{padding:14px}.bottom-panels,aside{grid-template-columns:1fr;display:grid}.log-panel{grid-column:auto}.panel{padding:17px}}