.wire-hero{--wh-paper:var(--paper,#fafafa);--wh-ink:var(--ink,#181818);--wh-muted:var(--muted,#646464);--wh-calm:0;background:var(--wh-paper);width:100%;height:100%;min-height:480px;color:var(--wh-ink);font-family:var(--mono,ui-monospace, monospace);isolation:isolate;position:relative;overflow:hidden}.wire-hero--world{z-index:0;width:100vw;height:100svh;min-height:0;position:fixed;inset:0}.wire-hero-stage,.wire-hero-canvas,.wire-hero-fallback,.wire-hero-labels,.wire-hero-hits,.wire-hero-xray,.wire-hero-grain{width:100%;height:100%;position:absolute;inset:0}.wire-hero-canvas{touch-action:pan-y;cursor:grab;display:block}.wire-hero-stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.wire-hero[data-renderer=fallback] .wire-hero-canvas{display:none}.wire-hero[data-dragging] .wire-hero-canvas{cursor:grabbing}.wire-hero[data-calm] .wire-hero-canvas,.wire-hero[data-renderer=fallback] .wire-hero-canvas{cursor:default}.wire-hero-fallback{color:var(--wh-ink);transition:opacity .4s var(--ease,ease);display:none}.wire-hero--world .wire-hero-fallback{opacity:calc(1 - var(--wh-calm) * .65)}.wire-hero-fallback--landscape{display:block}@media (max-aspect-ratio:9/10){.wire-hero-fallback--landscape{display:none}.wire-hero-fallback--portrait{display:block}.wire-hero-label--above[data-anchor^=client-]{translate:0 calc(-100% - 6px)}}.wire-hero[data-renderer=webgpu] .wire-hero-fallback,.wire-hero[data-renderer=webgl] .wire-hero-fallback{opacity:0;pointer-events:none}.wire-hero-grain{pointer-events:none;mix-blend-mode:var(--wh-grain-blend,multiply);filter:var(--wh-grain-filter,none);opacity:var(--wh-grain-opacity,.9)}.wire-hero-grain--css{opacity:calc(var(--wh-grain-opacity,.9) * .1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.wire-hero-grain canvas{width:100%!important;height:100%!important}.wire-hero-labels,.wire-hero-hits{pointer-events:none;container-type:size}.wire-hero-labels{z-index:1}.wire-hero-labels[hidden],.wire-hero-hits[hidden],.wire-hero-xray[hidden]{display:none}.wire-hero-label{white-space:nowrap;letter-spacing:.02em;color:var(--wh-ink);visibility:hidden;will-change:transform, opacity;font-size:11px;line-height:1;display:block;position:absolute;top:0;left:0}.wire-hero-label:before{content:"";background:var(--wh-paper);opacity:.82;z-index:-1;transition:background-color .18s var(--ease,ease);position:absolute;inset:-3px -5px}.wire-hero-label[data-focused]{color:var(--wh-paper)}.wire-hero-label[data-focused]:before{background:var(--wh-ink);opacity:1;animation:wire-hero-pulse 1.6s var(--ease,ease) infinite}@keyframes wire-hero-pulse{0%,to{outline-offset:0;outline:1px solid #0000}30%{outline:1px solid var(--wh-ink);outline-offset:3px}}.wire-hero-label--above{translate:-50% calc(-100% - 6px)}.wire-hero-label--below{color:var(--wh-muted);translate:-50% 10px}.wire-hero-label--corner{translate:0 10px}.wire-hero-label[data-anchor=lane-req],.wire-hero-label[data-anchor=lane-rows]{color:var(--wh-muted);font-variant-numeric:tabular-nums}.wire-hero-label[data-anchor=gate-state]{color:var(--wh-ink);text-transform:uppercase;letter-spacing:.16em}.wire-hero-label[data-anchor=gate-state][data-focused]{color:var(--wh-paper)}.wire-hero-label[data-anchor=decision],.wire-hero-label[data-anchor=response-note]{color:var(--wh-ink);border:1px solid var(--wh-ink);padding:4px 6px;font-size:12px}.wire-hero-label[data-anchor=decision]:before,.wire-hero-label[data-anchor=response-note]:before{opacity:.94;inset:0}.wire-hero-label--hit{appearance:none;font:inherit;letter-spacing:.02em;text-align:left;pointer-events:auto;cursor:help;background:0 0;border:0;margin:0;padding:0;font-size:11px;line-height:1}.wire-hero-label--hit:after{content:"";position:absolute;inset:-10px -8px}.wire-hero-label--hit:focus-visible{outline:1px dashed var(--wh-ink);outline-offset:5px}.wire-hero[data-calm] .wire-hero-label--hit,.wire-hero--world:is([data-chapter="1"],[data-chapter="3"]) .wire-hero-label--hit{pointer-events:none}.wire-hero-hit{appearance:none;pointer-events:auto;cursor:pointer;visibility:hidden;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;left:0}.wire-hero-hit:focus-visible{outline:1px dashed var(--wh-ink);outline-offset:4px}.wire-hero[data-calm] .wire-hero-hits{display:none}.wire-hero-note{border:1px solid var(--wh-ink);background:var(--wh-paper);max-width:260px;color:var(--wh-ink);white-space:normal;pointer-events:none;margin:0;padding:6px 8px;font-size:11px;line-height:1.45;position:absolute;top:0;left:0;translate:12px -4px}.wire-hero-note[data-side=left]{translate:calc(-100% - 12px) -4px}.wire-hero-note[hidden]{display:none}.wire-hero-fallback-layer{position:absolute;inset:0}.wire-hero-overlay{pointer-events:none;width:100%;height:100%;color:var(--wh-ink);position:absolute;inset:0}.wire-hero-overlay .wire-fb-hit{pointer-events:all;cursor:pointer;outline:none}.wire-hero-overlay .wire-fb-hit rect{fill:#0000;stroke:none}.wire-hero-overlay .wire-fb-hit:focus-visible rect{stroke:currentColor;stroke-width:1px;stroke-dasharray:3 3}.wire-fb-text{fill:currentColor;stroke:var(--wh-paper);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-family:var(--mono,ui-monospace, monospace);letter-spacing:.02em}.wire-fb-lane{stroke-dasharray:4 22;opacity:.85}.wire-fb-lane--masked{stroke-dasharray:2 2 2 20}.wire-hero-overlay[data-flowing] .wire-fb-lane{animation:1.4s linear infinite wire-fb-flow}.wire-hero-overlay[data-flowing] .wire-fb-lane--response{animation-direction:reverse}@keyframes wire-fb-flow{to{stroke-dashoffset:-26px}}.wire-fb-burst-leg{stroke-dasharray:8 100;stroke-dashoffset:8px;animation:1.1s cubic-bezier(.4,0,.2,1) both wire-fb-burst}.wire-fb-burst-leg--back{animation-name:wire-fb-burst-back;animation-delay:1.1s}.wire-fb-burst-leg.wire-fb-lane--masked{stroke-dasharray:1.5 1.5 1.5 1.5 2 100}@keyframes wire-fb-burst{0%{stroke-dashoffset:8px}to{stroke-dashoffset:-100px}}@keyframes wire-fb-burst-back{0%{stroke-dashoffset:-100px}to{stroke-dashoffset:8px}}.wire-fb-shock{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-out .55s both wire-fb-shock}@keyframes wire-fb-shock{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}.wire-fb-bracket{animation:1.6s ease-in-out infinite wire-fb-pulse}@keyframes wire-fb-pulse{50%{opacity:.45}}.wire-hero-note.wire-fb-note{width:max-content;max-width:100%;position:static;translate:none}.wire-fb-note[data-side=left]{margin-left:auto}.wire-hero-xray{z-index:2;pointer-events:none;overflow:hidden}.wire-hero-reticle{border:1px solid var(--wh-ink);opacity:0;width:14px;height:14px;transition:transform .12s var(--ease,ease), opacity .12s;position:absolute;top:-7px;left:-7px}.wire-hero-readout{background:var(--wh-ink);max-width:min(360px,70vw);color:var(--wh-paper);white-space:nowrap;text-overflow:ellipsis;opacity:0;margin:0;padding:3px 6px;font-size:11px;line-height:1.4;position:absolute;top:0;left:0;overflow:hidden}.wire-hero-readout:empty{display:none}.wire-hero-hud{padding:0 var(--lab-inset,var(--gutter,24px)) 20px;pointer-events:none;color:var(--wh-ink);opacity:calc(1 - var(--wh-calm));justify-content:space-between;align-items:flex-end;gap:16px;font-size:12px;line-height:1.5;display:flex;position:absolute;bottom:0;left:0;right:0}.wire-hero[data-calm] .wire-hero-hud{visibility:hidden}.wire-hero-caption{flex-direction:column;gap:2px;display:flex}.wire-hero-figure,.wire-hero-hint{color:var(--wh-muted);margin:0}.wire-hero-hint:before{content:"↖ "}.wire-hero-controls{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.wire-hero-modes{gap:2px;display:flex}.wire-hero-mode{appearance:none;color:var(--wh-muted);font:inherit;cursor:pointer;transition:color .18s var(--ease,ease);background:0 0;border:0;margin:0;padding:4px 2px;position:relative}.wire-hero-mode:before,.wire-hero-mode:after{text-align:center;width:.7em;color:var(--wh-ink);opacity:0;transition:opacity .18s var(--ease,ease);display:inline-block}.wire-hero-mode:before{content:"["}.wire-hero-mode:after{content:"]"}.wire-hero-mode[aria-pressed=true]{color:var(--wh-ink)}.wire-hero-mode[aria-pressed=true]:before,.wire-hero-mode[aria-pressed=true]:after{opacity:1}.wire-hero-mode:hover{color:var(--wh-ink)}.wire-hero-mode:focus-visible{outline:1px solid var(--wh-ink);outline-offset:2px}.wire-hero-status,.wire-hero-event{min-height:1.5em;color:var(--wh-muted);text-align:right;margin:0}.wire-hero-status:before{content:"— "}.wire-hero-event{color:var(--wh-ink);max-width:52ch}.wire-hero-event:empty{min-height:0}@media (max-width:640px){.wire-hero-hud{flex-direction:column;align-items:flex-start;gap:10px}.wire-hero-controls{align-items:flex-start}.wire-hero-status,.wire-hero-event{text-align:left}.wire-hero-hint{display:none}.wire-hero-label{font-size:10px}.wire-hero-label[data-anchor=decision],.wire-hero-label[data-anchor=response-note]{white-space:normal;width:max-content;max-width:62vw;font-size:10px}.wire-hero-label[data-anchor=key],.wire-hero-label[data-anchor=identity],.wire-hero-label[data-anchor=audit],.wire-hero-label[data-anchor=lane-req],.wire-hero-label[data-anchor=lane-rows]{display:none}.wire-hero--world[data-chapter="2"] .wire-hero-label[data-anchor=identity]{display:block}}:root[data-lab-motion=reduced] .wire-fb-bracket{animation-iteration-count:2}:root[data-lab-motion=reduced] .wire-hero-label[data-focused]:before{outline:1px solid var(--wh-ink);outline-offset:3px;animation-iteration-count:2}