:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07100d;--panel:#0c1310e0;--panel-solid:#111a16;--border:#bdd1c538;--text:#edf5ee;--muted:#9fafaa;--accent:#7ccf9a;--accent-strong:#d6f57a;--danger:#ff6b6b;--shadow:0 18px 40px #00000052}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden}button,select{font:inherit}button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:6px;min-height:34px;padding:0 11px}button:hover{background:#d6f57a1a;border-color:#d6f57a8f}.app-shell{background:#06100c;width:100vw;min-width:960px;height:100vh;position:relative}.world-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.topbar,.timeline-panel,.floating-sidebar,.page-panel{z-index:2;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);position:absolute}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;height:56px;box-shadow:none;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 16px;display:flex;top:16px;left:16px;right:16px}.brand h1{margin:0;font-size:18px;font-weight:700;line-height:1}.brand p,.meta-row,.empty-note{color:var(--muted);margin:6px 0 0;font-size:12px}.connection{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.floating-sidebar{border-radius:8px;gap:8px;width:52px;padding:8px;display:grid;top:88px;left:16px}.sidebar-home,.sidebar-button{width:34px;height:34px;color:var(--muted);border:1px solid #0000;border-radius:6px;place-items:center;text-decoration:none;display:grid}.sidebar-home:hover,.sidebar-button:hover,.sidebar-button.active{color:var(--accent-strong);background:#d6f57a1a;border-color:#d6f57a8f}.sidebar-button.active{box-shadow:inset 0 0 0 1px #d6f57a2e}.sidebar-home svg,.sidebar-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sidebar-divider{background:var(--border);height:1px;margin:2px 4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.dot.live{background:var(--accent);box-shadow:0 0 16px #7ccf9abf}.page-panel{border-radius:8px;width:min(520px,100vw - 300px);max-height:calc(100vh - 190px);top:88px;left:84px;overflow:auto}.page-panel-wide{width:min(640px,100vw - 340px)}.panel-section{border-bottom:1px solid var(--border);padding:14px}.panel-section:last-child{border-bottom:0}.panel-title{text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.tribe-list,.event-list,.market-list{gap:10px;display:grid}.tribe-row,.event-row,.market-row{background:#ffffff0a;border:1px solid #bdd1c524;border-radius:6px;padding:10px}.tribe-name{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;display:flex}.swatch{border-radius:3px;width:10px;height:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{gap:3px;display:grid}.stat span{color:var(--muted);font-size:11px}.stat strong{font-size:14px}.event-row h3,.market-row h3{margin:0 0 5px;font-size:14px}.event-row p,.market-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.event-list{max-height:370px;overflow:auto}.expanded-list{max-height:calc(100vh - 250px);overflow:auto}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.summary-stat{background:#ffffff0a;border:1px solid #bdd1c524;border-radius:6px;gap:4px;padding:10px;display:grid}.summary-stat span{color:var(--muted);font-size:11px}.summary-stat strong{font-size:20px;line-height:1}.timeline-panel{background:#12141cd1;border-color:#ffffff14;border-radius:999px;width:min(760px,100vw - 420px);padding:10px 14px;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #0000006b,inset 0 1px #ffffff14}.timeline-controls{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.live-pill,.play-toggle{border-radius:999px}.live-pill{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#a856ff 0%,#7d2bd9 100%);border:0;align-items:center;gap:9px;height:34px;min-height:34px;padding:0 17px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 18px #974aff6b,inset 0 1px #ffffff38}.live-pill:not(.is-live){box-shadow:inset 0 0 0 1px var(--border);color:var(--muted);background:#ffffff14}.live-pill:hover{background:linear-gradient(#b765ff 0%,#8732e2 100%)}.live-pill:not(.is-live):hover{background:#ffffff1f}.live-dot{background:#fff;border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px #ffffffd9}.play-toggle{color:#f6f2ff;background:0 0;border:0;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.play-toggle:hover{color:#fff;background:#ffffff14}.play-toggle span{margin:0 auto;display:block}.play-toggle.is-playing span{border-left:4px solid;border-right:4px solid;width:14px;height:16px}.play-toggle.is-paused span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid;width:0;height:0;transform:translate(2px)}.scrubber{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}.scrubber::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffffffeb 0%, #ffffffeb var(--timeline-progress), #ffffff3d var(--timeline-progress), #ffffff3d 100%);border-radius:999px;height:4px}.scrubber::-webkit-slider-thumb{appearance:none;width:0;height:0}.scrubber::-moz-range-track{background:#ffffff3d;border-radius:999px;height:4px}.scrubber::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:4px}.scrubber::-moz-range-thumb{border:0;width:0;height:0}.debug-list{gap:10px;display:grid}.debug-row{background:#ffffff0a;border:1px solid #bdd1c524;border-radius:6px;gap:5px;padding:10px;display:grid}.debug-control-row{background:#ffffff0a;border:1px solid #bdd1c524;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.debug-control-row div{gap:5px;display:grid}.debug-control-row span{color:var(--muted);font-size:11px}.debug-control-row strong{color:var(--text);font-size:13px;font-weight:700;line-height:1.35}.debug-control-row p{color:var(--danger);margin:0;font-size:12px}.debug-control-row button:disabled{opacity:.62;cursor:wait}.debug-row span{color:var(--muted);font-size:11px}.debug-row strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.35}@media (max-width:900px){.app-shell{min-width:0}.topbar{gap:8px;height:auto;min-height:64px;padding:10px 12px;left:12px;right:12px}.brand h1{font-size:16px}.brand p{max-width:190px;line-height:1.25}.connection{white-space:nowrap;align-self:flex-start;gap:8px;font-size:12px}.floating-sidebar{top:92px;left:12px}.page-panel,.page-panel-wide{width:auto;max-height:calc(100vh - 230px);top:92px;left:76px;right:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-panel{width:auto;bottom:12px;left:12px;right:12px;transform:none}.timeline-controls{grid-template-columns:auto 1fr;gap:8px}}