:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;background:#000;color:#edfaff}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{margin:0;min-height:100svh;display:grid;place-items:start center;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 50% 24%,rgba(32,48,111,.16),transparent 42%),radial-gradient(circle at 18% 72%,rgba(112,42,142,.1),transparent 36%),#01020a}.app-shell{--stage-size: min(100vw, 100svh);position:relative;isolation:isolate;width:var(--stage-size);height:calc(var(--stage-size) + 156px);overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(25,46,104,.2),transparent 43%),#01020a}#scene,.constellation{position:absolute;inset:0 auto auto 0;width:100%;height:var(--stage-size);pointer-events:none}#scene{z-index:0;background:transparent}.constellation{z-index:1}.hud{fill:none;stroke:#39dfff;stroke-width:1.4}.hud-frame,.rail-frame{fill:#00020cbf}.hud-line{stroke-dasharray:3 14;stroke-linecap:round}.hud text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:800}.hud-label{fill:#72edff;stroke:none;font-size:12px;letter-spacing:.1em}.hud-title{fill:#fff;stroke:#07e1ff;stroke-width:1.4px;paint-order:stroke;filter:drop-shadow(4px 1px 0 #c2289e);font-size:38px;letter-spacing:.02em}.hud-pixels{fill:#55e7ff;stroke:none}.rail-index{fill:#82efff;stroke:none;font-size:10px;text-decoration:underline}.rail-bars path{stroke-width:3}.rail-title{fill:#f8f8ff;stroke:none;font-size:17px;letter-spacing:.02em;transform:rotate(-90deg);transform-origin:51px 602px;paint-order:stroke;filter:drop-shadow(3px 0 0 #92258f)}.rail-bit{fill:#ffd06a;stroke:none;font-size:12px;letter-spacing:.1em}.ambient-pixels rect{fill:#65e2ff;opacity:.86}.ambient-pixels rect:nth-child(3n+1){fill:#ff73d0}.ambient-pixels rect:nth-child(3n+2){fill:#ffe270}.core-light{opacity:.7;filter:url(#strong-glow)}.routes{fill:none;stroke-linecap:round;stroke-linejoin:round}.ring-chain path:first-child{stroke:#e7f6de;stroke-width:14;stroke-dasharray:1 22}.ring-chain .ring-cut{stroke:#061027;stroke-width:7;stroke-dasharray:1 22}.square-chain path:first-child{stroke:#e9f3be;stroke-width:13;stroke-linecap:butt;stroke-dasharray:10 14}.square-chain .square-cut{stroke:#08112a;stroke-width:6;stroke-linecap:butt;stroke-dasharray:10 14}.zig-route{stroke:#b7f2ff;stroke-width:5;stroke-dasharray:1 7}.bar-route{stroke:#d9f5ff;stroke-width:8;stroke-linecap:butt;stroke-dasharray:3 6 19 6}.tendril-routes{stroke:#eaffdd;stroke-width:4;stroke-dasharray:1 7}.curl-route{stroke:#d4f8d2;stroke-width:4;stroke-dasharray:1 8}.packet-layer{pointer-events:none}.packet{color:#8beaff}.packet-sample{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.packet-ring .packet-sample>circle,.packet-square .packet-sample>rect,.packet-diamond .packet-sample>path{fill:#040c21eb;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke}.packet-bar .packet-sample>rect,.packet-bead .packet-sample>circle{fill:currentColor;stroke:#fff;stroke-width:.7;vector-effect:non-scaling-stroke}.packet-ambient,.packet-signal{mix-blend-mode:screen}.packet-layer.is-transmitting .packet-ambient{opacity:.24}.routes>path,.routes>g{animation:signalFlow 6s linear infinite}@keyframes signalFlow{to{stroke-dashoffset:-96}}.node{fill:none;stroke-linecap:round;stroke-linejoin:round}.node .lotus{fill:none;stroke-width:2;stroke-dasharray:none;opacity:.58}.node .petal-tips,.node .ray-tips{fill:currentColor;stroke:none}.node .dotted-frame{fill:none;stroke:currentColor;stroke-width:5;stroke-dasharray:1 8}.node-1,.node-6,.node-7,.node-9{color:#ffacd7;stroke:currentColor}.node-2{color:#fff1a2;stroke:currentColor}.node-3,.node-4{color:#9beaff;stroke:currentColor}.node-5{color:#effcff;stroke:currentColor}.node-8{color:#caffb9;stroke:currentColor}.node-number{stroke:none;font:900 92px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;letter-spacing:-.08em;filter:drop-shadow(0 0 5px currentColor)}.node-1 .node-number,.node-6 .node-number,.node-7 .node-number,.node-9 .node-number{fill:url(#dots-pink)}.node-2 .node-number{fill:url(#dots-gold)}.node-3 .node-number,.node-4 .node-number{fill:url(#dots-cyan)}.node-5 .node-number{fill:url(#dots-white);font-size:104px}.node-8 .node-number{fill:url(#dots-lime)}.node-8 .node-number{font-size:86px}.node-5 .core-ring{fill:#050b24c7;stroke:#dff8ff;stroke-width:5;stroke-dasharray:1 7}.node-5 .core-ring.outer{stroke:#63e4ff;stroke-width:2;opacity:.6}.node-5 .core-ring.inner{stroke:#eafcff}.node-8 .organic{stroke-width:4}.node-9 .terminal{stroke-width:6}.nodes{animation:nodesBreathe 4.8s ease-in-out infinite alternate}@keyframes nodesBreathe{to{opacity:.88}}.hero{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.playfield{position:absolute;inset:0 auto auto 0;width:100%;height:var(--stage-size);z-index:3;pointer-events:none}.number-grid{position:absolute;top:13.8%;left:14%;width:70%;height:72%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.number{appearance:none;pointer-events:auto;border:0;border-radius:0;background:transparent;color:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.number:focus-visible{outline:2px solid #fff3a5;outline-offset:-22px}[data-state=transmitting] .number:focus-visible,[data-state=open] .number:focus-visible{outline:none}.number.is-dim{opacity:1}.number.is-selected,.number.is-gate{box-shadow:none;animation:none}.instruction{position:absolute;top:calc(var(--stage-size) + 12px);left:4%;z-index:4;pointer-events:none;width:92%;min-height:116px;display:flex;align-items:center;padding:20px 24px;border:1px solid rgba(93,227,255,.32);border-radius:24px;background:linear-gradient(135deg,#0d1b3ff0,#05071cf5),#06091c;box-shadow:0 0 0 1px #ffffff06 inset,0 0 32px #4ddcff14}.instruction:before{content:"";position:absolute;inset:9px;pointer-events:none;border-left:2px solid rgba(255,216,106,.58);border-right:2px solid rgba(89,228,255,.5);border-radius:17px}.instruction-copy{position:relative;z-index:1}.instruction-copy strong{display:block;margin-bottom:9px;color:#72ebff;font:900 15px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;letter-spacing:.18em}.instruction-copy p{margin:0;color:#e6f5ff;font-size:14px;line-height:1.65}.gate-panel,.reset{display:none!important}@media(max-aspect-ratio:1 / 1){body{place-items:start center}}@media(max-width:520px){.app-shell{height:calc(var(--stage-size) + 144px)}.instruction{top:calc(var(--stage-size) + 9px);min-height:106px;padding:16px 18px;border-radius:20px}.instruction-copy strong{margin-bottom:7px;font-size:12px}.instruction-copy p{font-size:12px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.routes>path,.routes>g,.nodes{animation:none}}