:root{--bg-color: #050505;--text-color: #e0e0e0;--lane-border: rgba(255, 255, 255, .05);--font-main: "SF Mono", "Fira Code", "Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;height:100vh;width:100vw}.container.svelte-x2qg5o{height:100vh;width:100vw;display:flex;flex-direction:column}#ui-layer.svelte-x2qg5o{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;justify-content:space-between}header.svelte-x2qg5o{position:absolute;top:20px;left:30px;pointer-events:auto}h1.svelte-x2qg5o{font-size:1.2rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-bottom:5px}.subtitle.svelte-x2qg5o{font-size:.8rem;opacity:.5;max-width:450px;line-height:1.4}.lane-headers.svelte-x2qg5o{display:flex;width:100%;height:100%;padding-top:100px}.lane-info.svelte-x2qg5o{flex:1;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--lane-border);position:relative}.lane-info.svelte-x2qg5o:last-child{border-right:none}.lane-content.svelte-x2qg5o{display:flex;flex-direction:column;align-items:center;justify-content:center}.chain-name.svelte-x2qg5o{font-size:1.5rem;font-weight:700;margin-bottom:5px;text-shadow:0 0 10px rgba(255,255,255,.1)}.chain-tps.svelte-x2qg5o{font-size:.9rem;opacity:.7;margin-bottom:15px;background:#ffffff1a;padding:2px 8px;border-radius:4px}.tx-counter.svelte-x2qg5o{font-size:2.5rem;font-weight:300;font-variant-numeric:tabular-nums;margin-top:auto;margin-bottom:40px;opacity:.9}#canvas-container.svelte-x2qg5o{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}canvas.svelte-x2qg5o{display:block}.controls.svelte-x2qg5o{position:absolute;top:20px;right:30px;pointer-events:auto;display:flex;gap:10px}button.svelte-x2qg5o{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;cursor:pointer;font-family:var(--font-main);font-size:.8rem;transition:all .2s;text-transform:uppercase}button.svelte-x2qg5o:hover{background:#fff3;border-color:#fff6}button.active.svelte-x2qg5o{background:#fff;color:#000}@media(max-width:768px){.lane-headers.svelte-x2qg5o{flex-direction:column;padding-top:80px}.lane-info.svelte-x2qg5o{flex-direction:row;justify-content:space-between;padding:0 20px;border-right:none;border-bottom:1px solid var(--lane-border)}.tx-counter.svelte-x2qg5o{margin:0;font-size:1.2rem}.chain-name.svelte-x2qg5o{font-size:1rem}.chain-tps.svelte-x2qg5o{font-size:.7rem;margin-bottom:0;margin-left:10px}header.svelte-x2qg5o{left:20px;top:15px}.controls.svelte-x2qg5o{display:none}}