/* Short Fibonacci-timed replies shared by the circuit and its panels. */
.has-panel-motion{position:relative;--panel-touch:89ms;--panel-beat:144ms;--panel-seat:233ms;--panel-travel:377ms;--panel-answer:610ms;--panel-rest:987ms}
.service-gap-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.service-gap-link path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.service-gap-shadow{stroke:#151417;stroke-width:12;filter:drop-shadow(0 3px 2px #11101680)}
.service-gap-jacket{stroke:url(#panel-service-metal);stroke-width:8}
.service-gap-highlight{stroke:#e7decc;stroke-opacity:.3;stroke-width:1.5;transform:translateX(-1px)}
.service-gap-packet{stroke:#efe4c9;stroke-width:3;opacity:0;filter:drop-shadow(0 0 3px #f2e5c53d)}
.service-gap-collar{filter:drop-shadow(0 2px 2px #11101599)}
.panel-metal-reflection{position:absolute;inset:1px;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:1}
.panel-metal-sheen{position:absolute;inset-block:-34%;left:0;width:61.8%;opacity:0;transform:translateX(-100%);background:linear-gradient(112deg,transparent 23%,#fff8e0 48%,#fff9e577 52%,transparent 77%);mix-blend-mode:soft-light}
.panel-nameplate-led{position:absolute;right:25px;bottom:25px;width:5px;height:5px;border:1px solid #827e72;border-radius:50%;background:#817e72;box-shadow:inset 0 1px 1px #55534b;pointer-events:none;transition:background-color var(--panel-seat),box-shadow var(--panel-answer)}
.panel-energized .panel-nameplate-led{background:#bfb8a5;box-shadow:0 0 5px #eee5cc47,inset 0 1px 1px #fff4c347}
.panel-metal-active .pixel-mark:before{animation:panel-pixel-answer var(--panel-travel) ease-out}
.panel-metal-active .pixel-mark:after{animation:panel-pixel-answer var(--panel-travel) var(--panel-beat) ease-out}
@keyframes panel-pixel-answer{0%,100%{filter:brightness(1)}38.2%{filter:brightness(1.618) drop-shadow(0 0 3px #9c87bb66)}}
.panel-chain-packet{position:absolute;left:-28px;top:56px;width:28px;height:7px;border-radius:4px;overflow:hidden;pointer-events:none;z-index:2}
.panel-chain-packet i{display:block;position:absolute;inset-block:1px;left:0;width:13px;border-radius:3px;background:linear-gradient(90deg,transparent,#f1e8cb,transparent);box-shadow:0 0 5px #e6dfc847;opacity:0}
.approach-module .module-lamp{background:#8c877c;box-shadow:0 0 3px #e6dfc82b;transition:background-color var(--panel-travel),box-shadow var(--panel-travel)}
.approach-module.panel-step-energized .module-lamp{background:#bfb8a5;box-shadow:0 0 5px #eee5cc47}
.approach-module.panel-step-active{border-color:#ada58d55}
.rack-card.panel-rack-received:after{opacity:.618}
.rack-card.panel-rack-received .product-logo{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 38.2%,transparent))}
.contact-socket-card{isolation:isolate}
.contact-motion-cover{position:absolute;inset:4px;border:1px solid #6a606f24;border-radius:8px;background:linear-gradient(150deg,#2b283020,#17171c18);box-shadow:inset 0 1px 0 #8077870a;pointer-events:none;z-index:0;transition:transform var(--panel-touch),box-shadow var(--panel-beat)}
.contact-socket-card .contact-jack,.contact-socket-card .contact-words,.contact-socket-card .contact-arrow{position:relative;z-index:1}
.contact-socket-card .contact-words,.contact-socket-card .contact-arrow{transition:transform var(--panel-touch)}
.contact-socket-card:focus-visible .contact-jack{box-shadow:0 5px 6px #08090b88,inset 0 1px 1px #e2ddd2,0 0 13px #e8dcc340}
.contact-socket-card:focus-visible .contact-motion-cover{box-shadow:inset 0 0 0 1px #c9bda138}
.contact-socket-card:active .contact-motion-cover,.contact-socket-card:active .contact-words,.contact-socket-card:active .contact-arrow{transform:translateY(2.5px)}
.contact-socket-card:active .mail-address{transform:none}
.contact-socket-card:active .contact-jack{transform:none;box-shadow:0 5px 6px #08090b88,inset 0 1px 1px #e2ddd2,0 0 8px #e8dcc347}
@media(hover:hover){.contact-socket-card:hover .contact-jack{box-shadow:0 5px 6px #08090b88,inset 0 1px 1px #e2ddd2,0 0 13px #e8dcc333}.contact-socket-card:hover .contact-motion-cover{box-shadow:inset 0 0 0 1px #c9bda12b}}
@media(max-width:800px){.panel-chain-packet{left:43px;top:-28px;width:7px;height:28px}.panel-chain-packet i{inset-inline:1px;top:0;width:auto;height:13px;background:linear-gradient(transparent,#f1e8cb,transparent)}}
@media(max-width:440px){.panel-chain-packet{left:35px}.panel-nameplate-led{right:34px;bottom:14px}.contact-socket-card .contact-arrow{position:absolute}}
@media(prefers-reduced-motion:reduce){.panel-metal-reflection,.panel-chain-packet,.service-gap-packets{display:none}.panel-metal-active .pixel-mark:before,.panel-metal-active .pixel-mark:after{animation:none}.contact-socket-card:active .contact-motion-cover,.contact-socket-card:active .contact-words,.contact-socket-card:active .contact-arrow{transform:none}}

.contact-socket-card.panel-contact-ready .contact-jack{box-shadow:0 5px 6px #08090b88,inset 0 1px 1px #e2ddd2,0 0 8px #e8dcc32b}
