:root{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#eef8ff;background:#02040a}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;background:#02040a;overflow:hidden}body{min-width:320px}#app{position:relative;height:100vh}#scene{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:3;text-shadow:0 1px 14px #000}.top-left{top:26px;left:30px;pointer-events:none}.top-center{top:28px;left:50%;transform:translate(-50%)}.top-right{top:27px;right:30px;pointer-events:none}.bottom-left{left:30px;bottom:53px;pointer-events:none}.bottom-right{right:30px;bottom:53px;text-align:right;pointer-events:none}.eyebrow{letter-spacing:.22em;font-size:11px;color:#8290a6}.title-row{display:flex;align-items:center;gap:12px}.title{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:750;font-size:clamp(25px,4vw,46px);letter-spacing:-.04em;margin-top:5px}.info-toggle{margin-top:10px;pointer-events:auto;width:28px;height:28px;border-radius:50%;border:1px solid rgba(150,170,200,.4);background:rgba(7,12,22,.7);color:#d7e8ff;font:inherit;cursor:pointer;box-shadow:0 0 18px #00000073}.info-toggle:hover{background:rgba(13,20,35,.9)}.live{margin-top:11px;font-size:10px;letter-spacing:.12em;color:#8591a6;display:flex;align-items:center;gap:7px}.live span{width:7px;height:7px;border-radius:50%;background:#f5ca5a;box-shadow:0 0 12px currentColor}.live.ok{color:#5cf0a8}.live.ok span{background:currentColor}.view-controls{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.view-label{letter-spacing:.18em;font-size:9px;color:#6f7c91}.view-buttons{display:flex;gap:8px;padding:8px;border:1px solid rgba(120,140,170,.18);background:rgba(6,10,18,.65);border-radius:999px;box-shadow:0 10px 32px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:8px 12px;min-width:48px;background:transparent;color:#95a3b7;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.view-button:hover{color:#d9e8ff;background:rgba(255,255,255,.05)}.view-button.active{color:#081018;background:#dff5ff;box-shadow:0 0 18px #a8ebff4d}.metrics{display:grid;grid-template-columns:repeat(2,minmax(86px,auto));gap:14px 28px}.metrics div{display:flex;flex-direction:column;align-items:flex-end}.metrics label{font-size:9px;letter-spacing:.15em;color:#66748b}.metrics strong{font-size:15px;font-weight:500;margin-top:3px}.legend{display:grid;gap:6px;color:#8f9aab;font-size:10px}.legend div{display:flex;align-items:center;gap:8px}.legend i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px currentColor}.legend .s0{background:#31d7ff;color:#31d7ff}.legend .s1{background:#6d7cff;color:#6d7cff}.legend .s2{background:#c14dff;color:#c14dff}.legend .meta{background:#f5ca5a;color:#f5ca5a}.pulse-readout{font-size:10px;letter-spacing:.11em;display:flex;justify-content:flex-end;align-items:center;gap:8px}.beat{width:8px;height:8px;border:1px solid #9feaff;border-radius:50%;animation:beat .6s infinite ease-out}@keyframes beat{0%{transform:scale(.65);opacity:1}to{transform:scale(1.8);opacity:0}}.sub{margin-top:6px;font-size:9px;color:#6f7c91;max-width:340px}.truth{position:absolute;z-index:3;left:50%;bottom:15px;transform:translate(-50%);width:min(90%,900px);text-align:center;font-size:8px;color:#485368;letter-spacing:.035em;pointer-events:none}.info-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:none;background:rgba(2,4,10,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.info-panel.open{display:grid;place-items:center}.info-card{width:min(92vw,700px);background:linear-gradient(180deg,rgba(10,16,28,.97),rgba(5,9,18,.96));border:1px solid rgba(110,140,180,.22);border-radius:18px;padding:22px 24px 18px;box-shadow:0 25px 80px #0000008c;position:relative}.info-card h2{margin:0 0 14px;font:700 24px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}.info-card p{margin:0 0 12px;color:#c8d7e9;font-size:14px;line-height:1.5}.info-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}@media (max-width: 800px){.top-center{top:110px}}@media (max-width: 650px){.top-left{top:18px;left:18px}.top-center{top:108px;left:18px;transform:none}.top-right{top:190px;left:18px;right:auto}.finality-panel{top:auto;right:18px;bottom:340px;width:min(250px,calc(100vw - 36px))}.blocks-panel{top:auto;right:18px;bottom:118px;width:min(250px,calc(100vw - 36px))}.metrics div{align-items:flex-start}.bottom-left{left:18px;bottom:72px}.bottom-right{right:18px;bottom:72px}.truth{bottom:12px}.title{font-size:30px}.view-buttons{flex-wrap:wrap;justify-content:flex-start;max-width:260px;border-radius:22px}}@media (prefers-reduced-motion: reduce){.beat{animation:none}}.blocks-panel{top:340px;right:30px;width:260px;z-index:4;pointer-events:none}.blocks-title{font-size:10px;letter-spacing:.18em;color:#93a2b8;margin-bottom:6px}.blocks-meta{font-size:9px;color:#5fe9a9;letter-spacing:.08em;margin-bottom:10px}.blocks-list{display:grid;gap:10px}.block-item{background:linear-gradient(180deg,rgba(8,12,22,.9),rgba(5,8,15,.86));border:1px solid rgba(115,136,165,.17);border-radius:14px;padding:11px 12px 10px;box-shadow:0 10px 28px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.block-item.current{border-color:#a0ebff3d;box-shadow:0 0 0 1px #a0ebff0f,0 14px 32px #00000052}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.block-badge{font-size:8px;letter-spacing:.18em;color:#9cefff}.block-shard{font-size:9px;color:#7e8da6}.block-main{font-size:20px;line-height:1;font-weight:600;color:#eef8ff}.block-hash{margin-top:6px;font-size:10px;color:#96a6be}.block-stats{margin-top:6px;font-size:9px;color:#6f7c91}.block-cross{margin-top:7px;font-size:9px;color:#d7c06a}.block-cross.muted{color:#5e697c}.finality-panel{top:150px;right:30px;width:260px;z-index:4;pointer-events:auto}.finality-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.finality-title{font-size:10px;letter-spacing:.18em;color:#93a2b8}.finality-source{margin-top:4px;font-size:9px;color:#6f7c91}.mini-info-toggle{width:22px;height:22px;border-radius:50%;border:1px solid rgba(140,160,190,.35);background:rgba(7,12,22,.7);color:#d7e8ff;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer}.finality-stats{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.finality-stats div{background:linear-gradient(180deg,rgba(8,12,22,.9),rgba(5,8,15,.86));border:1px solid rgba(115,136,165,.17);border-radius:12px;padding:10px 10px 8px;box-shadow:0 10px 28px #00000038}.finality-stats label{display:block;font-size:8px;color:#66748b;letter-spacing:.16em}.finality-stats strong{display:block;margin-top:5px;font-size:14px;color:#eef8ff}.finality-bar-wrap{margin-top:10px;background:linear-gradient(180deg,rgba(8,12,22,.9),rgba(5,8,15,.86));border:1px solid rgba(115,136,165,.17);border-radius:12px;padding:10px 10px 8px;box-shadow:0 10px 28px #00000038}.finality-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px #ffffff0d}.finality-bar-fill{width:0%;background:linear-gradient(90deg,#31d7ff,#74eaff);box-shadow:0 0 12px #54e0ff73}.finality-bar-buffer{width:100%;background:linear-gradient(90deg,rgba(245,202,90,.55),rgba(245,202,90,.15))}.finality-target{margin-top:7px;font-size:9px;color:#8b99ad;letter-spacing:.08em}.mini-info-panel{display:none;position:absolute;top:0;right:0;width:260px;padding:14px 16px 12px;background:linear-gradient(180deg,rgba(10,16,28,.97),rgba(5,9,18,.96));border:1px solid rgba(110,140,180,.22);border-radius:16px;box-shadow:0 25px 80px #0000008c}.mini-info-panel.open{display:block}.mini-info-close{position:absolute;top:10px;right:10px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:16px;cursor:pointer}.mini-info-title{margin-bottom:10px;font:700 15px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.mini-info-panel p{margin:0 0 8px;color:#c8d7e9;font-size:12px;line-height:1.45}.top-right,.finality-panel,.blocks-panel{display:none!important}.telemetry-rail{right:24px;bottom:92px;width:248px;z-index:4;pointer-events:auto;display:grid;gap:10px}.rail-head,.rail-section{background:rgba(5,9,16,.72);border:1px solid rgba(115,136,165,.14);border-radius:14px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 10px 26px #0000002e}.rail-head{padding:10px 12px}.rail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 14px}.rail-grid div{min-width:0}.rail-grid label{display:block;font-size:7px;letter-spacing:.16em;color:#65738a}.rail-grid strong{display:block;margin-top:3px;font-size:13px;font-weight:500;color:#eaf5ff}.rail-section{padding:11px 12px}.rail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.rail-title{font-size:9px;letter-spacing:.18em;color:#9ca9ba}.rail-sub{margin-top:3px;font-size:7.5px;line-height:1.3;color:#68768c}.finality-line{margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.finality-line div{min-width:0}.finality-line span{display:block;font-size:7px;letter-spacing:.12em;color:#65738a}.finality-line strong{display:block;margin-top:3px;font-size:11px;font-weight:500;white-space:nowrap;color:#edf8ff}.finality-bar-wrap.compact{margin-top:9px;padding:0;background:none;border:0;box-shadow:none}.finality-bar{height:8px}.finality-target{margin-top:5px;font-size:7.5px}.mini-info-toggle{width:18px;height:18px;font-size:10px;flex:0 0 auto}.mini-info-panel{width:238px;top:0;right:0;padding:12px 14px}.blocks-meta{margin-top:4px;margin-bottom:7px;font-size:7.5px}.blocks-list{gap:6px}.block-item{padding:8px 9px 7px;border-radius:10px;box-shadow:none}.block-head{margin-bottom:3px}.block-badge,.block-shard{font-size:7px}.block-main{font-size:14px}.block-hash{margin-top:3px;font-size:8px}.block-stats{margin-top:3px;font-size:7.5px}.block-cross{margin-top:4px;font-size:7.5px}.blocks-empty{padding:10px 8px;border:1px dashed rgba(115,136,165,.16);border-radius:9px;color:#66758c;font-size:8px;line-height:1.45}.bottom-right{right:28px;bottom:28px}.bottom-right .sub{display:none}.pulse-readout{font-size:8px;opacity:.8}.truth{bottom:10px;font-size:7px}@media (max-width: 900px){.telemetry-rail{right:18px;bottom:88px;width:220px}}@media (max-width: 650px){.telemetry-rail{right:12px;bottom:86px;width:min(210px,calc(100vw - 24px))}.bottom-right{display:none}}.rail-head,.rail-section{background:linear-gradient(180deg,rgba(8,12,22,.9),rgba(5,8,15,.84));border:1px solid rgba(115,136,165,.2);border-radius:16px;padding:10px 12px;box-shadow:0 12px 30px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 10px}.rail-grid div:last-child{grid-column:span 2}.rail-grid label{display:block;font-size:8px;color:#66748b;letter-spacing:.16em}.rail-grid strong{display:block;margin-top:4px;font-size:15px}.finality-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.finality-line div{min-height:54px;border:1px solid rgba(120,140,170,.22);border-radius:12px;padding:8px 9px;background:linear-gradient(180deg,rgba(6,10,18,.95),rgba(5,8,15,.8));box-shadow:inset 0 0 0 1px #ffffff05}.finality-line span{display:block;font-size:8px;color:#66748b;letter-spacing:.16em}.finality-line strong{display:block;margin-top:9px;font-size:14px;color:#eef8ff}.finality-bar-wrap.compact{margin-top:8px;border:1px solid rgba(120,140,170,.22);border-radius:12px;padding:10px 10px 8px;background:linear-gradient(180deg,rgba(6,10,18,.95),rgba(5,8,15,.8));box-shadow:inset 0 0 0 1px #ffffff05}.finality-bar{position:relative;display:flex;width:100%;height:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px #aac3e629}.finality-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.08) calc(25% - 1px),rgba(255,255,255,.08) 25%);pointer-events:none}.finality-bar-fill,.finality-bar-buffer{display:block;height:100%}.finality-bar-fill{position:relative;z-index:1;background:linear-gradient(90deg,#31d7ff,#74eaff);box-shadow:0 0 14px #54e0ff73}.finality-bar-buffer{position:relative;z-index:0;background:linear-gradient(90deg,rgba(245,202,90,.45),rgba(245,202,90,.18));border-left:1px solid rgba(255,255,255,.12)}.finality-compact.waiting .finality-bar-buffer{background:repeating-linear-gradient(135deg,rgba(245,202,90,.22) 0,rgba(245,202,90,.22) 8px,rgba(245,202,90,.1) 8px,rgba(245,202,90,.1) 16px)}.finality-scale{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:#8b99ad;letter-spacing:.06em}.finality-target{color:#8b99ad}.rail-sub{margin-top:3px;font-size:9px;color:#6f7c91}.blocks-list{display:grid;gap:8px;margin-top:8px}.block-item{border:1px solid rgba(120,140,170,.18);border-radius:12px;padding:10px 10px 9px;background:linear-gradient(180deg,rgba(6,10,18,.95),rgba(5,8,15,.82))}.block-main{font-size:18px}.blocks-empty{font-size:10px;color:#738299;line-height:1.4;border:1px dashed rgba(120,140,170,.18);border-radius:12px;padding:12px 10px}.finality-components{margin-top:7px;font-size:9px;color:#8392a8;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finality-compact:not(.waiting) .finality-source{color:#5cf0a8}.finality-compact:not(.waiting) .finality-line div:first-child{border-color:#31d7ff4d}.finality-compact:not(.waiting) .finality-line div:last-child{border-color:#f5ca5a47}.stats-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.stats-toggle .rail-title{display:block}.stats-chevron{font-size:17px;color:#8392a8}.stats-body{display:none;margin-top:10px}.stats-body.open{display:block}.rolling-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.rolling-grid div{border:1px solid rgba(120,140,170,.17);border-radius:10px;padding:7px 8px;background:rgba(5,9,17,.62);min-height:48px}.rolling-grid span{display:block;font-size:7px;letter-spacing:.13em;color:#647188}.rolling-grid strong{display:block;margin-top:6px;font-size:11px;font-weight:600;color:#dbeaff}.share-open{width:100%;margin-top:9px;border:1px solid rgba(105,218,255,.28);border-radius:10px;padding:9px 10px;background:linear-gradient(180deg,rgba(49,215,255,.13),rgba(49,215,255,.05));color:#b9efff;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;cursor:pointer}.share-open:hover{background:linear-gradient(180deg,rgba(49,215,255,.2),rgba(49,215,255,.08))}.share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;padding:24px;background:rgba(2,4,10,.82);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.share-modal.open{display:grid}.share-shell{width:min(94vw,980px);max-height:94vh;overflow:auto;border:1px solid rgba(125,150,185,.22);border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(8,14,25,.98),rgba(4,8,15,.98));box-shadow:0 30px 100px #0009}.share-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.share-modal-head h2{margin:5px 0 0;font:700 23px/1.1 system-ui,-apple-system,sans-serif;letter-spacing:-.03em}.share-close{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:20px;cursor:pointer}#share-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:13px;background:#030711;box-shadow:0 14px 45px #00000059}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.share-actions button{border:1px solid rgba(125,150,185,.22);border-radius:10px;padding:10px 13px;background:rgba(255,255,255,.045);color:#c7d8ea;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.share-actions .share-primary{border-color:#31d7ff52;background:rgba(49,215,255,.12);color:#c5f4ff}.share-status{min-height:16px;margin-top:9px;font-size:10px;color:#68daa5}@media (max-height: 780px) and (min-width:651px){.telemetry-rail{bottom:70px;transform:scale(.9);transform-origin:bottom right}}.unit-note{color:#64758d;font-weight:500;letter-spacing:.08em}.finality-line{gap:10px}.finality-line div{min-width:0;padding:8px 10px 9px}.finality-line strong{margin-top:8px;font-size:18px;line-height:1;letter-spacing:-.035em;white-space:nowrap}.finality-line span{font-size:7px}.finality-bar-wrap.compact{padding:11px 11px 9px}.finality-bar{position:relative;display:block;height:16px;border-radius:999px;overflow:hidden;background:rgba(245,202,90,.17);border:1px solid rgba(221,205,145,.18);box-shadow:inset 0 0 8px #0000003d}.finality-bar-buffer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%;background:linear-gradient(90deg,rgba(245,202,90,.47),rgba(245,202,90,.26));border:0}.finality-bar-fill{position:absolute;left:0;top:0;bottom:0;z-index:2;height:100%;border-radius:999px 0 0 999px;background:linear-gradient(90deg,#31d7ff,#72eaff);box-shadow:0 0 12px #54e0ff59}.finality-bar-fill[style*="width: 100"]{border-radius:999px}.finality-tick{position:absolute;top:2px;bottom:2px;z-index:3;width:1px;background:rgba(255,255,255,.095);pointer-events:none}.finality-tick.t1{left:25%}.finality-tick.t2{left:50%}.finality-tick.t3{left:75%}.finality-headroom{margin-top:8px;font-size:9px;font-weight:650;color:#c0a85e;letter-spacing:.06em}.finality-scale{margin-top:4px;font-size:8px}.finality-scale span:first-child{color:#647188}.finality-compact:not(.waiting) .finality-headroom{color:#d5bb68;text-shadow:0 0 12px rgba(245,202,90,.12)}.finality-compact.waiting .finality-bar-buffer{background:repeating-linear-gradient(135deg,rgba(245,202,90,.2) 0,rgba(245,202,90,.2) 8px,rgba(245,202,90,.1) 8px,rgba(245,202,90,.1) 16px)}.telemetry-rail{width:254px}.rail-head,.rail-section{padding:10px 11px}.stats-head-row{display:flex;align-items:center;gap:8px}.stats-head-row .stats-toggle{flex:1 1 auto;min-width:0}.share-inline{flex:0 0 auto;align-self:stretch;min-width:78px;border:1px solid rgba(105,218,255,.26);border-radius:11px;padding:0 10px;background:linear-gradient(180deg,rgba(49,215,255,.16),rgba(49,215,255,.06));color:#c2f4ff;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff08}.share-inline:hover{background:linear-gradient(180deg,rgba(49,215,255,.24),rgba(49,215,255,.1))}.stats-toggle .rail-sub{max-width:120px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 650px){.share-inline{min-width:72px;padding:0 8px;font-size:8px}}.finality-line div:nth-child(2) strong{font-size:16px;letter-spacing:-.03em}.finality-line{display:flex;gap:10px}.finality-line>div{flex:1 1 0;min-width:0;overflow:hidden}.finality-line strong{display:block;width:100%;font-size:clamp(14px,1.25vw,18px);line-height:1;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:clip;font-variant-numeric:tabular-nums}.shard-selector{left:30px;bottom:118px;top:auto;transform:none;align-items:flex-start;z-index:4}.shard-selector .view-label{padding-left:8px;text-align:left}.shard-selector .view-buttons{padding:6px;gap:5px;background:rgba(6,10,18,.58);box-shadow:0 8px 26px #00000038}.shard-selector .view-button{min-width:40px;padding:7px 9px;font-size:10px}@media (max-width: 800px){.shard-selector{left:18px;bottom:128px;top:auto;transform:none}}@media (max-width: 650px){.shard-selector{left:18px;bottom:145px;top:auto;transform:none}.shard-selector .view-buttons{max-width:240px}}.telemetry-rail{width:272px}@media (max-width: 900px){.telemetry-rail{width:232px}}@media (max-width: 650px){.telemetry-rail{width:min(222px,calc(100vw - 24px))}}.finality-line{gap:8px}.finality-line>div{padding:8px 8px 9px}.finality-line>div strong{font-size:clamp(12.5px,1.05vw,17px);line-height:1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:clip;font-variant-numeric:tabular-nums}.finality-components,.finality-scale{font-size:8.5px}.bottom-left.legend{bottom:118px}.shard-selector{left:30px;bottom:42px;top:auto;transform:none;align-items:flex-start}.shard-selector .view-label{padding-left:6px}.shard-selector .view-buttons{max-width:258px}@media (max-width: 800px){.bottom-left.legend{bottom:124px}.shard-selector{left:18px;bottom:42px}}@media (max-width: 650px){.bottom-left.legend{bottom:138px}.shard-selector{left:18px;bottom:42px}.shard-selector .view-buttons{max-width:240px}}.finality-line>div strong{font-size:17px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip}.finality-line strong{font-size:17px;font-variant-numeric:tabular-nums}.sound-toggle{margin-top:6px;margin-left:6px;border:0;padding:4px 2px;background:transparent;color:#5f6d82;font:600 7.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer;opacity:.8}.sound-toggle:hover{color:#9caec4;opacity:1}.sound-toggle.on{color:#65d9f6;text-shadow:0 0 10px rgba(49,215,255,.22);opacity:1}.about-toggle{margin-top:10px;pointer-events:auto;height:28px;padding:0 9px;border-radius:999px;border:1px solid rgba(150,170,200,.24);background:rgba(7,12,22,.5);color:#8090a6;font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;cursor:pointer}.about-toggle:hover{color:#c8d9eb;border-color:#96bedc5c}.sound-control-row{position:relative;display:flex;align-items:center;gap:5px;margin-left:6px;margin-top:5px}.sound-control-row .sound-toggle{margin:0;padding:4px 2px}.sound-info-toggle{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(130,150,180,.28);background:rgba(6,10,18,.48);color:#75859b;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.sound-info-toggle:hover{color:#b9d8e8;border-color:#64d2f047}.sound-info-pop{display:none;position:absolute;left:0;bottom:26px;width:250px;padding:12px 14px 11px;border:1px solid rgba(110,140,180,.22);border-radius:14px;background:linear-gradient(180deg,rgba(10,16,28,.98),rgba(5,9,18,.98));box-shadow:0 18px 55px #0000007a;z-index:10}.sound-info-pop.open{display:block}.sound-info-title{margin-bottom:8px;color:#dcebfa;font:700 13px/1.2 system-ui,-apple-system,sans-serif}.sound-info-pop p{margin:0 0 7px;color:#aebed0;font-size:10px;line-height:1.45}.sound-info-close{position:absolute;right:8px;top:7px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#8da0b6;cursor:pointer}.about-card{width:min(92vw,660px)}.about-card .eyebrow{margin-bottom:8px}.about-card h2{margin-top:0}.about-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.about-links a{display:inline-block;padding:8px 10px;border:1px solid rgba(100,180,220,.18);border-radius:9px;color:#aee9fa;text-decoration:none;font-size:11px}.about-links a:hover{background:rgba(49,215,255,.07)}.about-signoff{margin-top:20px;padding-top:13px;border-top:1px solid rgba(120,140,170,.14);color:#68778c;font-size:10px;letter-spacing:.08em}.made-with{position:absolute;z-index:3;left:50%;bottom:27px;transform:translate(-50%);color:#59667a;font:500 8px/1 system-ui,-apple-system,sans-serif;letter-spacing:.015em;pointer-events:none;white-space:nowrap}.heart{color:#e83636;text-shadow:0 0 10px rgba(232,54,54,.18)}.about-signoff .heart{color:#e83636}@media (max-width:650px){.made-with{bottom:29px;font-size:7.5px}}.version-mark{margin-left:6px;color:#62738a;font-weight:600;letter-spacing:.08em}.footer-version{color:#46566c;margin-left:3px}.welcome-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:center;padding:24px;background:rgba(2,6,13,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome-panel.open{display:grid}.welcome-card{width:min(92vw,620px);padding:28px 30px 24px;border:1px solid rgba(100,175,210,.24);border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(49,215,255,.07),transparent 42%),linear-gradient(180deg,rgba(9,16,28,.99),rgba(5,10,19,.99));box-shadow:0 30px 90px #00000094,0 0 45px #31d7ff0d}.welcome-kicker{margin-bottom:10px;color:#5cdcf7;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.welcome-card h2{margin:0 0 16px;color:#eef8ff;font:650 clamp(24px,4vw,36px)/1.08 system-ui,-apple-system,sans-serif;letter-spacing:-.03em}.welcome-card p{margin:0 0 12px;color:#aebfd2;font:400 13px/1.55 system-ui,-apple-system,sans-serif}.welcome-card strong{color:#dff7ff}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.welcome-actions button{min-height:40px;padding:0 15px;border-radius:10px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;cursor:pointer}.welcome-primary{border:1px solid rgba(70,215,245,.34);background:linear-gradient(180deg,rgba(28,128,154,.34),rgba(13,76,94,.34));color:#d8f8ff;box-shadow:0 0 24px #31d7ff14}.welcome-primary:hover{border-color:#50e1fa8f;background:linear-gradient(180deg,rgba(31,148,177,.42),rgba(14,91,110,.42))}.welcome-secondary{border:1px solid rgba(130,150,180,.22);background:rgba(255,255,255,.025);color:#7f90a7}.welcome-secondary:hover{color:#aebfd0;border-color:#96afcd57}.welcome-note{margin-top:14px;color:#596b80;font:500 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}@media (max-width:560px){.welcome-card{padding:23px 20px 20px}.welcome-actions{display:grid}.welcome-actions button{width:100%}}.settings-toggle{margin-top:10px;pointer-events:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(150,170,200,.24);background:rgba(7,12,22,.5);color:#788aa1;font:600 12px/1 system-ui,-apple-system,sans-serif;cursor:pointer}.settings-toggle:hover{color:#c8d9eb;border-color:#96bedc5c}.settings-card{width:min(92vw,600px)}.setting-group{margin:18px 0 14px;padding:13px;border:1px solid rgba(120,145,175,.16);border-radius:12px;background:rgba(255,255,255,.018)}.setting-label{margin-bottom:9px;color:#71849c;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.setting-choice{display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border-radius:9px;cursor:pointer}.setting-choice:hover{background:rgba(255,255,255,.025)}.setting-choice input{margin-top:3px;accent-color:#31d7ff}.setting-choice span{display:block}.setting-choice strong{display:block;color:#d9e8f5;font-size:12px;margin-bottom:3px}.setting-choice small{display:block;color:#788ba1;font-size:10px;line-height:1.45}.settings-clear{padding:8px 10px;border:1px solid rgba(150,170,195,.2);border-radius:9px;background:rgba(255,255,255,.02);color:#7c8da2;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;cursor:pointer}.settings-clear:hover{color:#c0cfdd;border-color:#aabed752}.settings-status{min-height:16px;margin-top:8px;color:#61d7ef;font:600 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.settings-note{margin-top:10px!important;color:#617288!important;font-size:9px!important}.share-style-row{display:flex;justify-content:center;gap:6px;margin:0 0 10px}.share-style{border:1px solid rgba(125,150,180,.18);border-radius:999px;background:rgba(255,255,255,.018);color:#687b92;padding:6px 10px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer}.share-style:hover{color:#b5c9d8}.share-style.active{color:#bff4ff;border-color:#31d7ff4d;background:rgba(49,215,255,.06)}.share-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.share-toolbar .share-style-row{margin:0}.share-refresh{border:1px solid rgba(49,215,255,.24);border-radius:999px;background:rgba(49,215,255,.045);color:#8ddff1;padding:6px 11px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;cursor:pointer}.share-refresh:hover:not(:disabled){color:#d2f8ff;border-color:#31d7ff6b;background:rgba(49,215,255,.075)}.share-refresh:disabled{opacity:.45;cursor:wait}.share-refresh-status{min-height:14px;margin:0 0 8px;color:#667b91;text-align:center;font:500 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}.title-controls{display:flex;align-items:center;gap:10px;margin-top:15px;pointer-events:auto}.title-controls .info-toggle,.title-controls .settings-toggle,.title-controls .about-toggle{margin-top:0}.title-controls .settings-toggle{width:28px;height:28px;font-size:16px;line-height:1;font-family:system-ui,-apple-system,sans-serif;font-weight:500}@media (max-width:650px){.title-controls{margin-top:12px;gap:8px}}#share-canvas{border-radius:22px;overflow:hidden}