/* A shared light circuit joins the field controls and left instrument rail. */
.field-control{--hover-x:50%;--hover-y:50%;width:438px;clip-path:none;border-radius:11px;padding:8px 12px 7px;border:1px solid #498ece44;background:linear-gradient(125deg,#142b3fb5,#071523c9 60%,#09243882);box-shadow:inset 0 1px #b6e0ff0d,0 9px 25px #0002;font:9px/1.3 Arial,sans-serif;letter-spacing:.08em;color:#a8c3d6;transition:border-color .35s,box-shadow .35s}.field-control:before{inset:0;width:auto;height:auto;border-radius:inherit;background:radial-gradient(ellipse 180px 95px at var(--hover-x) var(--hover-y),#2e9eff25,transparent 75%);opacity:0;transition:opacity .4s;pointer-events:none}.field-control:after{left:10%;right:auto;top:-1px;bottom:auto;width:33%;height:1px;background:linear-gradient(90deg,transparent,#6ac8ff,transparent);box-shadow:0 0 7px #159fff80;pointer-events:none}.field-control:hover,.field-control:focus-within{border-color:#66b6f195;box-shadow:inset 0 0 18px #379dfa0b,0 6px 32px #167cce15}.field-control:hover:before,.field-control:focus-within:before{opacity:1}.control-body{position:relative}.control-caption,.control-fine{font-family:Arial,sans-serif;letter-spacing:.14em;color:#5f8fac}.control-caption>span:first-child{color:#b4d8ee;font-weight:500}.control-caption i{width:3px;height:9px;border-radius:2px;background:#56baff;box-shadow:0 0 9px #1494ff80;vertical-align:middle}.control-status{display:flex;align-items:center;gap:5px;font:7px monospace;color:#8ec2df}.control-status em{width:3px;height:3px;border-radius:50%;background:#70d1ff;box-shadow:0 0 7px #48baff;animation:control-led 4.3s steps(1) infinite}.control-switches{gap:7px;margin-top:7px}.field-control .control-switches button{min-height:32px;border-radius:6px;border:1px solid #5588b129;background:linear-gradient(115deg,#12355150,#06152245);gap:8px;padding:0 8px;font:9px Arial,sans-serif;letter-spacing:.08em;color:#769db9;transition:color .25s,border-color .25s,box-shadow .35s,background .35s}.control-switches button span{font-size:8px;flex:1;text-align:left}.control-switches b{font:7px monospace;letter-spacing:.03em;color:#557a92}.control-switches button:after{left:28%;right:28%;width:auto;background:linear-gradient(90deg,transparent,#4987b5,transparent)}.control-switches button[aria-pressed=true]{border-color:#5b9cca55;color:#afdaf4;background:linear-gradient(110deg,#23578835,#0c21396b)}.control-switches button[aria-pressed=true] b{color:#73c9ff}.control-switches button[aria-pressed=true]:after{background:linear-gradient(90deg,transparent,#78c8ff,transparent);box-shadow:0 0 8px #258fff55}.field-control .control-switches button:hover,.field-control .control-switches button:focus-visible{border-color:#77c5f4b0;color:#d7f1ff;box-shadow:0 0 14px #278cff25,inset 0 0 17px #4194eb12;text-shadow:0 0 12px #399eff70;animation:control-contact .8s ease-out both}.control-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:.7;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 3px #3b9fec44)}.field-control[data-rotate=true] [data-control=rotate] .control-icon{animation:control-orbit var(--orbit-period,16s) linear infinite}.field-control[data-rotate=false] [data-control=rotate] .control-icon{animation-play-state:paused}.control-sliders{gap:14px;margin-top:8px}.control-sliders label span{font-family:Arial,sans-serif;letter-spacing:.12em;color:#668fab}.control-sliders output{font:9px monospace;letter-spacing:0;color:#aadcf8;text-shadow:0 0 8px #1f8cef22}.control-sliders input{appearance:none;margin:10px 0 4px;background:linear-gradient(90deg,#56b8ff var(--fill,20%),#31536b var(--fill,20%));border:0;cursor:ew-resize;box-shadow:0 0 7px #2d99ff19}.control-sliders input::-webkit-slider-thumb{appearance:none;width:7px;height:9px;border-radius:2px;border:1px solid #a0deff;background:#53b6ff;box-shadow:0 0 9px #239aff90}.control-sliders input::-moz-range-thumb{width:7px;height:9px;border-radius:2px;border:1px solid #a0deff;background:#53b6ff;box-shadow:0 0 9px #239aff90}.control-sliders label i{height:2px;background:repeating-linear-gradient(90deg,#5893bd75 0 1px,transparent 1px 9px)}.control-sliders label:hover output{color:#e5f8ff;text-shadow:0 0 9px #4cbdff77}.field-control .control-world button{font:7px Arial,sans-serif;letter-spacing:.09em;color:#517c9b;border-radius:3px;transition:color .3s,background .3s}.control-world button[aria-pressed=true]{color:#b4e4ff;background:#2485c41e;box-shadow:none}.control-world button:hover{color:#d6f4ff;text-shadow:0 0 9px #1d9fff}.field-control .control-world button:last-child{font-size:6px;color:#658fa9}.control-world button:last-child span{font-size:12px;color:#77b5db}.control-fine{border-top-color:#5086af22;letter-spacing:.10em}.control-fine>span:first-child{display:flex;align-items:center;gap:5px}.control-fine>span:first-child i{width:11px;height:1px;background:#63b6ec;box-shadow:0 0 7px #45acff}.control-meter{display:flex;gap:3px;align-items:center;letter-spacing:0}.control-meter i{height:2px;width:6px;background:#2c536f}.control-meter i.is-live{background:#6cbdf2;box-shadow:0 0 4px #43a3ff44}.field-control:hover .control-meter i.is-live{animation:control-led 3.2s steps(1) infinite}.control-meter i:nth-child(2n){animation-delay:.11s!important}.field-link{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.v3-experience .microfield{border-color:#4383b057;box-shadow:inset 0 0 25px #1d6fbb05;transition:border-color .45s,box-shadow .45s}.v3-experience .microfield:before{background:linear-gradient(90deg,transparent,#4bacff);box-shadow:0 0 9px #178aff55;width:calc(25% + var(--link-energy,0)*55%);transition:width .45s}.v3-experience .microfield .microlines i:nth-child(4n){background:#4a91c2}.v3-experience.field-hover .microfield,.v3-experience.field-pulse .microfield{border-color:#62bafa88;box-shadow:inset 0 0 23px #247ded12,0 0 17px #2080db09}.v3-experience.field-hover .microtitle,.v3-experience.field-pulse .microtitle{color:#a6d7f4}.v3-experience.field-hover .microfield .microlines i{animation:control-led 3.1s steps(1) infinite}.v3-experience.field-hover .microfield .microlines i:nth-child(3n){animation-delay:.24s}.v3-experience.field-pulse .microfield:before{animation:control-link .65s ease-out}.v3-experience.v3-motion-off .field-control *,.v3-experience.v3-motion-off .microfield *{animation:none!important}@keyframes control-contact{0%{transform:none}20%{transform:translate(-.6px,.4px)}43%{transform:translate(.55px,-.25px)}65%{transform:translate(-.2px,0)}100%{transform:none}}@keyframes control-orbit{to{transform:rotate(360deg)}}@keyframes control-led{0%,7%,14%,100%{opacity:1}9%,12%{opacity:.26}}@keyframes control-link{0%{filter:brightness(1)}18%{filter:brightness(2);box-shadow:0 0 17px #1ca0ff}100%{filter:brightness(1)}}@media(max-width:1100px){.field-control{width:394px}}@media(max-width:850px){.field-control{width:auto;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}.field-control:hover{box-shadow:none}.field-control .control-toggle{font-family:Arial,sans-serif;color:#95c9e8}.control-toggle i{height:12px;width:2px}.control-toggle span{font-size:14px}.field-control .control-body{position:fixed;background:linear-gradient(125deg,#123146f5,#071626f7);padding:16px 14px 11px;border:1px solid #559eda66;border-radius:12px;box-shadow:0 18px 60px #0009,inset 0 0 20px #2d93e708;backdrop-filter:blur(18px)}.field-control .control-switches button{min-height:44px}.control-switches button span{font-size:9px}.control-switches button b{font-size:8px}.control-sliders{margin-top:11px}.control-sliders output{font-size:11px}.control-sliders input{margin-top:15px;height:3px}.control-sliders input::-webkit-slider-thumb{width:9px;height:13px}.field-control .control-world button{font-size:9px;min-height:34px;padding:0 7px}.field-control .control-world button:last-child{font-size:8px}.control-fine{margin-top:9px}.field-link{display:none}}@media(prefers-reduced-motion:reduce){.field-control *,.v3-experience .microfield *{animation:none!important;transition:none!important}.field-control .control-switches button:hover{transform:none;animation:none}.v3-experience.field-pulse .microfield:before{animation:none}}
.field-control .control-switches button:not([data-control=rotate]):hover .control-icon{animation:control-float 2.8s ease-in-out infinite}.v3-experience.v3-motion-off.field-pulse .microfield:before{animation:none!important}@keyframes control-float{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 3px #3b9fec66)}50%{transform:translateY(-.8px);filter:drop-shadow(0 0 6px #59bbffa0)}}
@media(min-width:851px){.field-control{padding-top:5px;padding-bottom:4px}.control-switches{margin-top:6px}.field-control .control-switches button{min-height:30px}.control-sliders{margin-top:7px}.control-fine{margin-top:4px}}
