:root{color-scheme:dark;--bg: #07090d;--surface: rgba(9, 13, 21, .84);--border: rgba(155, 178, 216, .18);--text: #e3ecff;--muted: #7a9abf;--accent: #4d8bff;--ok: #4ade80;--warn: #f87171;--panel-w: 272px;--navbar-h: 48px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--bg);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.app-shell{width:100%;height:100%;position:relative}.navbar{position:absolute;top:0;left:0;right:0;height:var(--navbar-h);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#07090de0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-brand{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:.04em;-webkit-user-select:none;user-select:none}.navbar-x-link{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);text-decoration:none;padding:5px 11px;border:1px solid var(--border);border-radius:6px;background:#1620308c;transition:color .15s,background .15s,border-color .15s}.navbar-x-link:hover{color:var(--text);background:#4d8bff1f;border-color:#4d8bff61}.panel{position:absolute;top:calc(var(--navbar-h) + 12px);z-index:10;width:var(--panel-w);max-height:calc(100vh - var(--navbar-h) - 24px);overflow-y:auto;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);scrollbar-width:thin;scrollbar-color:rgba(155,178,216,.22) transparent}.panel-left{left:16px}.panel-right{right:16px}.panel h2{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.panel h3{font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.agent-name{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:10px}.hint{font-size:.76rem;color:var(--muted);line-height:1.55}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:3px 0}.stat-row>span{font-size:.7rem;color:var(--muted);flex-shrink:0}.stat-row>code,.panel code{display:block;font-size:.7rem;color:#b7dbff;background:#162030e6;padding:3px 7px;border-radius:5px;flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.status-ok{color:var(--ok)!important}.status-sick{color:var(--warn)!important}.joined-msg,.err-msg{margin-top:6px;text-align:center!important}.overlay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.overlay-tab{padding:6px 8px;border:1px solid rgba(138,175,226,.22);border-radius:7px;font-size:.72rem;color:var(--muted);background:#1620308c;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.overlay-tab.active{background:#375a8ccc;border-color:#8aafe273;color:var(--text)}.overlay-tab:not(.active):hover{background:#1e2c42b3;color:var(--text)}.control-panel{display:flex;flex-direction:column;gap:0}.panel-section{padding:10px 0;border-top:1px solid var(--border)}.panel-section:first-child{border-top:none;padding-top:0}.token-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.token-label{font-size:.68rem;color:var(--accent);background:#4d8bff1f;border:1px solid rgba(77,139,255,.28);border-radius:4px;padding:2px 6px;flex-shrink:0;font-weight:600;letter-spacing:.03em}.token-info code{flex:1;text-align:left}.wallet-status{display:flex;flex-direction:column;gap:3px;margin-top:4px}.overlay-button{display:block;width:100%;margin-top:8px;padding:8px 10px;border:1px solid rgba(138,175,226,.3);border-radius:7px;font-size:.73rem;color:#deeeff;background:#233858a6;cursor:pointer;transition:background .15s,border-color .15s;text-align:center}.overlay-button:hover:not(:disabled){background:#34527cc7;border-color:#8aafe27a}.overlay-button:disabled{opacity:.48;cursor:not-allowed}.join-btn{background:#16482ea6!important;border-color:#4ade804d!important;color:var(--ok)!important}.join-btn:hover{background:#1e5a3ac7!important}.leaderboard-box{margin-top:8px;display:flex;flex-direction:column;gap:3px}.lb-row{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:5px;background:#162030a6}.lb-rank{font-size:.64rem;font-weight:700;color:var(--accent);width:22px;flex-shrink:0}.lb-name{font-size:.71rem;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-pts{font-size:.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.docs-panel{display:flex;flex-direction:column;gap:5px}.docs-intro{font-size:.75rem;color:var(--muted);line-height:1.55;margin-bottom:8px}.docs-panel code{display:block;padding:5px 8px;border-radius:6px;font-size:.69rem;line-height:1.35;color:#b7dbff;background:#162030e6;font-family:JetBrains Mono,Fira Code,Consolas,monospace}