html,body{background:#050506;height:100%;margin:0}#app{--footer-row-bottom:max(4px, env(safe-area-inset-bottom));--footer-row-height:32px}#app,canvas,.labels{display:block;position:fixed;inset:0}canvas{touch-action:none}.labels{pointer-events:none}button:focus-visible,.journey-progress:focus-visible,.term:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:4px;outline:1px solid #e8e6e0}.tag{color:var(--tag,#f4f1ea);text-shadow:0 0 6px #050506,0 0 16px #050506,0 1px 3px #050506;white-space:nowrap;pointer-events:none;flex-direction:column;gap:.08rem;font-family:ui-sans-serif,system-ui,sans-serif;display:flex}.tag-title{letter-spacing:.04em;font-size:11px;font-weight:600}.tag-meta{opacity:.72;font-variant-numeric:tabular-nums;font-size:10px}.tag.is-hidden{pointer-events:none;display:none}.term{pointer-events:auto;cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--tag,#f4f1ea) 70%, transparent);display:inline-block;position:relative}.term-plain{border-bottom:0}.bubble{z-index:20;visibility:hidden;box-sizing:border-box;width:var(--bubble-w,16rem);white-space:normal;text-align:left;letter-spacing:0;color:#e8e6e0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);text-shadow:none;pointer-events:none;-webkit-user-select:text;user-select:text;cursor:text;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:400;line-height:1.35;position:fixed;overflow:auto}.bubble.is-open{visibility:visible;pointer-events:auto}.bubble-card{background:#12141a;border:1px solid #2a3140;padding:.5rem .7rem .6rem}.bubble-title{letter-spacing:.04em;color:#f3efe6;margin:0 0 .4rem;font-size:10px;font-weight:700}.bubble ul{margin:0;padding:0 0 0 1rem}.bubble li+li{margin-top:.35rem}.bubble a{color:#8ec8e0;text-underline-offset:2px;cursor:pointer;text-decoration:underline}@font-face{font-family:Computer Modern;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cmunrm.ttf)format("truetype")}.mast{z-index:2;text-align:center;pointer-events:none;color:#f3efe6;text-shadow:0 0 28px #050506,0 1px 2px #050506;transition:opacity .6s;position:fixed;top:5vh;left:50%;transform:translate(-50%)}.mast-jam{font-variant:small-caps;letter-spacing:.04em;margin:0;font-family:Computer Modern,Georgia,Times New Roman,serif;font-size:clamp(2.6rem,8vw,5.6rem);font-weight:400;line-height:1}.mast-jam .term>span:first-child{position:relative;top:.09em}.mast.is-hidden,.mast.is-hidden .term{opacity:0;pointer-events:none}.lod{z-index:3;left:50%;bottom:var(--footer-row-bottom);height:var(--footer-row-height);align-items:center;gap:.85rem;display:flex;position:fixed;transform:translate(-50%)}.lod button{appearance:none;color:#6b717a;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.2rem;font:500 .68rem/1 ui-sans-serif,system-ui,sans-serif}.lod button[aria-current=true]{color:#f3efe6}.lod button[data-lod=why]{color:#d6a45f}.lod button[data-lod=why][aria-current=true]{color:#f07828}@media (width<=600px){.lod{gap:.65rem}.lod button{padding:10px 2px}}@media (prefers-reduced-motion:reduce){.mast{transition:none}}.sources-trigger,.repository-link{z-index:3;bottom:var(--footer-row-bottom);width:24px;height:var(--footer-row-height);color:#a3a8b0;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font:500 .75rem/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;right:6px}.sources-trigger{right:34px}.sources-trigger:hover,.repository-link:hover{color:#f3efe6}.sources-trigger svg{width:16px;height:16px}.sources-dialog{color:#e8e6e0;background:0 0;border:0;width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:0;font:13px/1.5 ui-sans-serif,system-ui,sans-serif}.sources-dialog::backdrop{background:#050506b8}.sources-panel{background:#12141a;border:1px solid #2a3140;border-radius:8px;padding:1.5rem}.sources-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sources-heading h2{margin:0;font-size:1rem;font-weight:500}.sources-close{color:#bfc2c7;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font:24px/1 ui-sans-serif,system-ui,sans-serif}.sources-panel a{color:#8ec8e0;text-underline-offset:3px;text-decoration:underline}.sources-panel a:hover{color:#f3efe6}.sources-list{gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.sources-list p{color:#a3a8b0;margin:.2rem 0 0;font-size:12px}@media (width<=600px){.sources-trigger,.repository-link{top:max(4px, env(safe-area-inset-top));bottom:auto}.sources-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.sources-panel{padding:1rem}.sources-heading h2{font-size:.9rem}}.journey-controls{z-index:4;color:#e8e6e0;background:#050506ef;width:min(290px,100vw - 48px);padding:12px 0;font:13px/1.5 ui-sans-serif,system-ui,sans-serif;position:fixed;bottom:70px;left:24px}.journey-controls button{appearance:none;color:#d5d5d2;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0}.journey-controls button:disabled{opacity:.35;cursor:default}.journey-caption{color:#9a9da3;margin:0;font-size:11px}.journey-title{margin:7px 0;font-weight:500}.journey-body{color:#bfc2c7;margin:0}.journey-actions{align-items:center;gap:20px;margin-top:14px;font-size:12px;display:flex}.journey-progress{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:8px 0 -10px;display:block}.journey-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #f07828 var(--progress,0%), #34363c var(--progress,0%));border-radius:2px;height:3px}.journey-progress::-moz-range-track{background:linear-gradient(to right, #f07828 var(--progress,0%), #34363c var(--progress,0%));border-radius:2px;height:3px}.journey-progress::-webkit-slider-thumb{appearance:none;background:#f07828;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.journey-progress::-moz-range-thumb{background:#f07828;border:0;border-radius:50%;width:12px;height:12px}@media (width<=600px){.journey-controls{left:16px;bottom:calc(var(--footer-row-bottom) + var(--footer-row-height) + 16px);max-height:38dvh;font-size:12px;overflow-y:auto}}@media (height<=500px) and (orientation:landscape){.journey-controls{width:min(250px,32vw);max-height:50dvh;overflow-y:auto}}.service-entry{color:inherit;font:inherit;text-shadow:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:4px;padding:0;display:inline-flex}.service-entry:hover{color:#f3efe6}@media (width<=600px){.service-entry{transform:translateY(-14px)}#app[data-lod=machine] .tag-title{font-size:9px}}#app[data-lod=core] .tag-title,#app[data-lod=package] .tag-title{font-size:13px}#app[data-lod=core] .tag-meta,#app[data-lod=package] .tag-meta{font-size:11.5px}@media (width<=600px){#app[data-lod=core] .tag-title,#app[data-lod=package] .tag-title{font-size:11px}#app[data-lod=core] .tag-meta,#app[data-lod=package] .tag-meta{font-size:9.5px}}.state-symbol .term{letter-spacing:.01em;font:9px/1 Georgia,serif}.stf-stage{flex-direction:row;align-items:baseline;gap:.35rem}.stf-stage .tag-meta{color:color-mix(in srgb, var(--tag,#f4f1ea) 80%, white);opacity:.95;font-family:Georgia,Times New Roman,serif;font-size:9px}#app[data-lod=stf] .stf-stage .tag-title{font-size:9.5px}.parachain-heading{z-index:4;color:#e8e6e0;font:12px/1.5 ui-sans-serif,system-ui,sans-serif;position:fixed;top:24px;left:24px}.parachain-heading h1{margin:12px 0 2px;font-size:20px;font-weight:500}.parachain-heading button{color:#bfc2c7;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.tag[data-lod=parachain]{text-align:center;align-items:center}.tag.parachain-state-layer{text-align:right;align-items:flex-end}#app[data-lod=parachain] .tag-title{letter-spacing:.02em;font-size:12px}@media (width<=600px){.parachain-heading{top:16px;left:16px}#app[data-lod=parachain] .tag-title{font-size:11px}}@media (height<=500px) and (orientation:landscape){#app[data-lod=parachain] .tag-title{font-size:11px}#app[data-lod=parachain] .journey-controls{max-height:none;font-size:12px;top:100px;bottom:52px}#app[data-lod=parachain] .journey-body{font-size:11px;line-height:1.4}}