
.exchange-panel{display:none}.speedtest-bench[data-style=exchange] .exchange-panel{display:block;margin:24px 0;padding:24px;background:linear-gradient(135deg,#344f46,#1e352e);border:1px solid #b99962;border-radius:20px;color:#eeddbb;box-shadow:inset 0 0 50px #101a13}.speedtest-bench[data-style=exchange] :is(.speedtest-instruments,.bloat-instrument){display:none}.speedtest-bench[data-style=exchange] .bloat-panel{grid-template-columns:1fr}
.exchange-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.exchange-heading p{font:700 .6rem ui-monospace,monospace;letter-spacing:.16em;color:#c9b891!important;margin:0 0 8px!important}.exchange-heading h2{font:500 clamp(1.4rem,3vw,2.2rem)/1.2 Georgia,serif;color:#f3e2bd!important;margin:0!important}.exchange-heading span{font:600 .6rem ui-monospace,monospace;border:1px solid #a28b5c;padding:9px;color:#d4bd8d}.exchange-status{font-size:.8rem!important;color:#cbbc9f!important;min-height:1.5em}.exchange-window{overflow:hidden;border:1px solid #9c8456;border-radius:18px}.exchange-scene{display:block;width:100%;height:auto}
.exchange-label{font:700 19px Georgia,serif;letter-spacing:3px;fill:#f3d6a0}.exchange-tiny{font:500 8px ui-monospace,monospace;letter-spacing:1px;fill:#d1b782}.exchange-office{font:500 20px Georgia,serif;letter-spacing:1.7px;fill:#ecd49b}.exchange-tape-text{font:600 8px ui-monospace,monospace;fill:#494435;letter-spacing:1px}.exchange-meter-text{font:600 14px Georgia,serif;fill:#443b2a;letter-spacing:2px}.exchange-meter-small{font:500 8px ui-monospace,monospace;fill:#6b5839}.exchange-coil-word{font:700 10px ui-monospace,monospace;letter-spacing:2px;fill:#8c7855}.exchange-spark{opacity:0}.exchange-panel[data-overdrive=true] .exchange-spark{opacity:1;filter:drop-shadow(0 0 7px #9ee7ff);animation:exchange-spark .8s ease-in-out infinite alternate}.exchange-panel[data-overdrive=true] .exchange-coil-word{fill:#caf5ff;filter:drop-shadow(0 0 4px #75dcff)}.exchange-key{transform-origin:-40px 372px}.exchange-machine[data-active=true] .exchange-key{animation:exchange-key var(--key-time,.35s) ease-in-out infinite}.exchange-machine[data-hot=true] .exchange-lamp{fill:#a3ffd4;filter:drop-shadow(0 0 10px #76ffb7)}.exchange-panel[data-motion=false] .exchange-spark{animation-play-state:paused}
.exchange-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.exchange-readings>div{background:#14231c;border:1px solid #9c8558;border-radius:8px;padding:15px 12px;min-width:0}.exchange-readings dt{font:600 .6rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#c7b58d}.exchange-readings dd{font:500 clamp(1.1rem,2.1vw,1.7rem) Georgia,serif;color:#f0dfb9;margin:8px 0 0;overflow-wrap:anywhere}.exchange-readings small{font:500 .6rem ui-monospace,monospace;white-space:nowrap;color:#c7b58d}.exchange-readings [data-hot=true]{border-color:#99d9a6;box-shadow:inset 0 0 20px #6ce19d18}
.exchange-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.8rem;color:#cebd9b}.exchange-controls label{display:flex;align-items:center;gap:8px}.exchange-controls input{width:auto;margin:0}.exchange-controls span{font-size:.65rem}.exchange-controls [hidden]{display:none}.exchange-panel .exchange-note{font-size:.7rem;line-height:1.6;color:#c4b18c!important;margin:16px 0 0}
@keyframes exchange-key{0%,45%,100%{transform:rotate(0)}55%,75%{transform:rotate(4deg)}}@keyframes exchange-spark{to{opacity:.45;stroke-width:2}}
@media(max-width:650px){.speedtest-bench[data-style=exchange] .exchange-panel{padding:15px 9px}.exchange-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exchange-heading p{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.exchange-panel *{animation:none!important;transition:none!important}}

.exchange-label{font:700 20px ui-monospace,monospace;letter-spacing:3px;fill:#f2e5bd}.exchange-small{font:600 10px ui-monospace,monospace;letter-spacing:1px;fill:#ebdfb9}.exchange-office{font:700 26px Georgia,serif;letter-spacing:2px;fill:#334c3c}.exchange-caption{font:600 9px ui-monospace,monospace;letter-spacing:1px;fill:#4a5e49}.exchange-number{font:500 7px ui-monospace,monospace;fill:#aebe9f}.exchange-dial-label{font:600 10px ui-monospace,monospace;fill:#eee0b8}.exchange-line-lamp{fill:#96713b;opacity:.25}.exchange-rack[data-active=true] .exchange-line-lamp[data-lit=true]{opacity:1;fill:#ffe2a0;filter:drop-shadow(0 0 6px #ffb748)}.exchange-rack[data-hot=true] .exchange-line-lamp{fill:#edb85b;opacity:.6}.exchange-rack[data-hot=true] .exchange-line-lamp[data-lit=true]{opacity:1;filter:drop-shadow(0 0 9px #ffc460)}.exchange-contact{transform-box:fill-box;transform-origin:left bottom}.exchange-rack[data-active=true] .exchange-contact{animation:exchange-switch var(--key-time,.4s) steps(2,end) infinite}.exchange-boost-relay{fill:#21372c}.exchange-panel[data-overdrive=true] .exchange-boost-relay{fill:#edc67a;filter:drop-shadow(0 0 5px #ffba4a)}.exchange-panel[data-overdrive=true][data-motion=true] .exchange-boost-relay{animation:exchange-relay .7s ease-in-out infinite alternate}.exchange-panel[data-overdrive=true] .exchange-boost-relay:nth-of-type(even){animation-delay:-.35s}
@keyframes exchange-switch{to{transform:rotate(-20deg)}}@keyframes exchange-relay{to{opacity:.55}}
@media(prefers-reduced-motion:reduce){.exchange-panel *{animation:none!important;transition:none!important}}
