.conduit-shell{--c-panel-line:#a0d2e61f;--c-panel-line-strong:#a0d2e642;--c-text:#eaf3f6;--c-dim:#93a3ab;--c-faint:#647178;--c-accent:#4dd9ff;--c-bad:#ff5c6a;height:100%;min-height:0;color:var(--c-text);background:radial-gradient(110% 75% at 15% 0,#4dd9ff14,#0000 60%),radial-gradient(100% 70% at 90% 100%,#ff5cc814,#0000 62%),repeating-linear-gradient(90deg,#0000 0 79px,#78c3dc05 80px),#060a0c;overflow:hidden}.conduit-stage{grid-template-columns:minmax(206px,250px) minmax(520px,1fr) minmax(224px,272px);gap:clamp(12px,1.5vw,24px);width:min(1720px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(10px,1.6vh,20px) clamp(12px,2vw,32px);display:grid}.conduit-side{align-content:start;gap:10px;min-height:0;display:grid;overflow:hidden}.conduit-side-left,.conduit-side-right{padding-top:clamp(64px,8.5vh,88px)}.conduit-panel,.conduit-score{border:1px solid var(--c-panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff09;border-radius:14px;padding:15px 16px}.conduit-panel>span,.conduit-panel-head span{color:var(--c-faint);font:500 .68rem/1 var(--font-mono);letter-spacing:.13em}.conduit-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.conduit-panel-head b{font:.8rem var(--font-mono);color:var(--c-accent)}.conduit-panel-meta{justify-content:space-between;gap:6px;margin-top:9px;display:flex}.conduit-panel-meta span{color:var(--c-faint);font:.58rem var(--font-mono);letter-spacing:.06em}.conduit-track{background:#ffffff14;border-radius:99px;height:7px;margin-top:13px;overflow:hidden}.conduit-track.is-thin{height:5px;margin-top:0}.conduit-track i{background:linear-gradient(90deg, #2fb8de, var(--c-accent));border-radius:99px;height:100%;transition:width .3s;display:block}.conduit-track.is-thin i{background:linear-gradient(90deg, #2fb8de, var(--c-accent))}.conduit-track.is-thin i.is-low{background:linear-gradient(90deg, #d43b48, var(--c-bad))}.conduit-mission h2{font-family:var(--font-display);letter-spacing:-.05em;margin:16px 0 8px;font-size:clamp(1.9rem,2.5vw,2.5rem);line-height:.86}.conduit-mission h2 small{color:var(--c-faint);font:.8rem var(--font-mono);letter-spacing:0}.conduit-mission p{color:var(--c-dim);margin:0;font-size:.78rem;line-height:1.55}.conduit-legend-grid{gap:8px;margin:12px 0 10px;display:grid}.conduit-legend-grid>div{align-items:center;gap:9px;display:flex}.conduit-legend small{color:var(--c-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}.conduit-legend p{border-top:1px solid var(--c-panel-line);color:var(--c-faint);margin:0;padding-top:10px;font-size:.7rem;line-height:1.5}.conduit-swatch{border-radius:50%;flex:none;width:15px;height:15px;box-shadow:0 0 10px}.conduit-swatch.is-cyan{color:#4dd9ff;background:#4dd9ff}.conduit-swatch.is-magenta{color:#ff5cc8;background:#ff5cc8}.conduit-swatch.is-amber{color:#ffcb4d;background:#ffcb4d}.conduit-help{gap:8px;display:grid}.conduit-help>div{align-items:center;gap:8px;display:flex}.conduit-help kbd{border:1px solid var(--c-panel-line-strong);min-width:17px;color:var(--c-dim);font:.64rem/1.2 var(--font-mono);text-align:center;border-radius:5px;padding:2px 7px}.conduit-help small{color:var(--c-faint);font-size:.68rem}.conduit-center{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.conduit-board-frame{border:1px solid var(--c-panel-line);background:radial-gradient(120% 100% at 50% 0,#0e1620,#070b0e 68%);border-radius:20px;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 0 60px #0006}.conduit-board-frame:before,.conduit-board-frame:after{content:"";z-index:2;pointer-events:none;border-style:solid;border-color:#4dd9ff40;width:58px;height:58px;position:absolute}.conduit-board-frame:before{border-width:1px 0 0 1px;border-radius:10px 0 0;top:12px;left:12px}.conduit-board-frame:after{border-width:0 1px 1px 0;border-radius:0 0 10px;bottom:12px;right:12px}.conduit-board{width:min(100%,92vh);height:min(100%,92vh);display:block}.conduit-board-scanline{stroke:#4dd9ff2e;stroke-width:1px;stroke-dasharray:2 9;transform-box:view-box;animation:6s ease-in-out infinite conduit-scan}@keyframes conduit-scan{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(90%)}}.conduit-tile{cursor:default;outline:none}.conduit-tile.is-rotatable{cursor:pointer}.conduit-tile-hit{fill:#fff0;stroke:#8cbed20f;stroke-width:1px;transition:fill .16s,stroke .16s,transform .16s}:is(.conduit-tile.is-rotatable:hover .conduit-tile-hit,.conduit-tile.is-rotatable:focus-visible .conduit-tile-hit){fill:#4dd9ff0e;stroke:#4dd9ff57;transform:scale(1.14)}.conduit-tile.is-rotatable:focus-visible .conduit-tile-hub{filter:drop-shadow(0 0 8px #fff9)}.conduit-tile-spin{transform-box:view-box;transform-origin:0 0;transition:transform .22s cubic-bezier(.34,1.4,.5,1)}.conduit-tile-hub{transition:fill .25s}.conduit-tile.is-locked .conduit-tile-hub{opacity:.85}:is(.conduit-tile.is-rotatable:hover .conduit-tile-hub,.conduit-tile.is-rotatable:focus-visible .conduit-tile-hub){filter:drop-shadow(0 0 6px #ffffff80)}.conduit-tile.is-rotatable:active .conduit-tile-spin{transform:rotate(calc(var(--rot,0) * 90deg)) scale(.94)}.conduit-tile.is-live .conduit-tile-hub{filter:drop-shadow(0 0 7px)}.conduit-rotate-cue{opacity:0;color:#9fdff0;pointer-events:none;transition:opacity .16s,transform .2s}:is(.conduit-tile.is-rotatable:hover .conduit-rotate-cue,.conduit-tile.is-rotatable:focus-visible .conduit-rotate-cue){opacity:.52;transform:translateY(3px)}.conduit-tile.is-shorted{filter:url(#conduit-short-glow);animation:.18s steps(2,end) infinite alternate conduit-short}.conduit-terminal.is-shorted{filter:url(#conduit-short-glow)}@keyframes conduit-short{0%{opacity:.66}to{opacity:1}}.conduit-terminal-core{transition:filter .3s}.conduit-terminal.is-live .conduit-terminal-core{filter:drop-shadow(0 0 12px)}.conduit-terminal.is-source .conduit-terminal-core{filter:drop-shadow(0 0 6px #ffffff40)}.conduit-block rect{fill:#111922;stroke:#96bed224;stroke-width:2px}.conduit-block path{fill:none;stroke:#82a5b43d;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.conduit-module{pointer-events:none;color:#dff8ff;filter:drop-shadow(0 0 7px #4dd9ff73)}.conduit-module circle{fill:#08161ceb;stroke:currentColor;stroke-width:2px;stroke-dasharray:4 4}.conduit-module path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.conduit-module.is-battery path{fill:currentColor;stroke:none}.conduit-module.is-amplifier{color:#ffd56d;filter:drop-shadow(0 0 7px #ffcb4d6b)}.conduit-module.is-claimed{opacity:.28;filter:none}.conduit-edge-flow{opacity:.6}.conduit-callout{z-index:8;color:#eafffb;font-family:var(--font-display);letter-spacing:-.01em;pointer-events:none;background:#141e1aeb;border:1px solid #4fe0a080;border-radius:12px;padding:10px 20px;font-size:clamp(1rem,1.7vw,1.5rem);animation:1.05s both conduit-callout;position:absolute;top:8%;left:50%;transform:translate(-50%)}.conduit-callout.is-short{color:#fff3f4;background:#680c18f0;border-color:#ff4f62b8;box-shadow:0 0 40px #ff4f6238}.conduit-callout.is-hint{color:#06161b;background:#9ce7faf2;border-color:#4dd9ffcc}.conduit-callout.is-module{color:#171103;background:#ffd56df5;border-color:#ffcb4de6;box-shadow:0 0 38px #ffcb4d33}@keyframes conduit-callout{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.9)}17%,74%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.96)}}.conduit-overlay{z-index:7;text-align:center;color:#eaf3f6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#060a0cdb;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,4vh,40px);display:flex;position:absolute;inset:0}.conduit-overlay>span{color:var(--c-accent);font:.68rem var(--font-mono);letter-spacing:.18em}.conduit-overlay h2{font-family:var(--font-display);letter-spacing:-.06em;margin:14px 0 10px;font-size:clamp(2.1rem,4vw,4rem);line-height:.84}.conduit-overlay p{color:#b9c6cb;max-width:460px;margin:0;font-size:.78rem;line-height:1.6}.conduit-overlay button{color:#04181e;background:var(--c-accent);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:min(290px,100%);margin-top:20px;padding:15px 18px;font-size:.72rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.conduit-overlay button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #4dd9ff40}.conduit-onboarding{grid-template-columns:repeat(3,1fr);gap:8px;width:min(620px,100%);margin-top:18px;display:grid}.conduit-onboarding div{text-align:left;border:1px solid #ffffff1f;border-radius:12px;gap:9px;padding:12px;display:flex}.conduit-onboarding b{color:var(--c-accent);font:.78rem var(--font-mono)}.conduit-onboarding span{color:#c3ced2;font-size:.68rem;line-height:1.45}.conduit-notice{color:var(--c-dim);font:.68rem var(--font-mono);letter-spacing:.02em;text-align:center;flex:none;margin-top:10px;padding:9px 4px 0}.conduit-score{gap:6px;display:grid}.conduit-score strong{font:1.6rem var(--font-mono);letter-spacing:.03em;color:var(--c-accent)}.conduit-score small{color:var(--c-faint);font:.66rem var(--font-mono)}.conduit-telemetry{grid-template-columns:repeat(2,1fr);gap:0;padding:0;display:grid;overflow:hidden}.conduit-telemetry>span{border-bottom:1px solid var(--c-panel-line);grid-column:1/-1;padding:13px 14px 10px}.conduit-telemetry>div{text-align:center;border-right:1px solid var(--c-panel-line);gap:5px;min-width:0;padding:9px 7px 10px;display:grid}.conduit-telemetry>div:nth-of-type(2n){border-right:0}.conduit-telemetry>div:nth-of-type(n+3){border-top:1px solid var(--c-panel-line)}.conduit-telemetry small{color:var(--c-faint);font:.49rem var(--font-mono);letter-spacing:.04em}.conduit-telemetry b{color:var(--c-text);font:.85rem var(--font-mono)}.conduit-telemetry .is-danger b{color:var(--c-bad);text-shadow:0 0 10px #ff5c6a80}.conduit-budget small{color:var(--c-faint);margin-top:8px;font-size:.68rem;line-height:1.4;display:block}.conduit-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.conduit-actions button{border:1px solid var(--c-panel-line);min-height:38px;color:var(--c-dim);cursor:pointer;font:.66rem var(--font-mono);background:#ffffff09;border-radius:10px;transition:border-color .2s,color .2s,background .2s}.conduit-actions button:hover:not(:disabled){color:var(--c-text);border-color:var(--c-panel-line-strong)}.conduit-actions button:disabled{opacity:.32;cursor:not-allowed}.conduit-tools button:first-child{color:var(--c-accent);background:#4dd9ff0f;border-color:#4dd9ff3d}.conduit-tools button:nth-child(2){color:#d4b7d0}@media (max-width:1180px){.conduit-stage{grid-template-columns:minmax(520px,1fr) minmax(210px,254px)}.conduit-side-left{display:none}}@media (max-width:820px){.conduit-stage{padding:8px 10px 10px;display:block}.conduit-center{width:100%;height:100%}.conduit-side-right{display:none}.conduit-board-frame{border-radius:16px}.conduit-onboarding{grid-template-columns:1fr}}@media (max-height:660px){.conduit-side-left,.conduit-side-right{padding-top:46px}.conduit-panel{padding:12px}.conduit-mission p,.conduit-legend p{display:none}}@media (prefers-reduced-motion:reduce){.conduit-callout,.conduit-board-scanline,.conduit-tile.is-shorted{animation:none}.conduit-tile-spin{transition:none}}
