/* One instrument: an airy reference scale connected to compact projection controls. */
.field-system{display:flex;align-items:center;gap:0;flex:1;min-width:0;max-width:900px;margin-left:auto;padding-left:15px;height:118px;border:1px solid #4187bb36;border-radius:12px;background:linear-gradient(105deg,#10243850,#071521b0 75%);box-shadow:inset 0 1px #bde9ff08;position:relative}
@media(min-width:851px){.v3-experience header{min-height:126px;flex-shrink:0}}
.field-system:before{content:'';position:absolute;left:14px;right:14px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#469edc65 30%,#6bcbff80 82%,transparent)}
.field-system .field-control{margin-left:0;flex-shrink:0;border-color:transparent;border-left-color:#428cbb25;border-radius:0 11px 11px 0;background:transparent;box-shadow:none;width:420px}
.field-system .field-control:hover,.field-system .field-control:focus-within{border-color:transparent;border-left-color:#55abdc55;background:#258ce908;box-shadow:none}
.v3-experience .field-system .header-hud{display:block;position:relative;flex:1;align-self:center;min-width:116px;max-width:none;margin:0;padding-right:17px;width:auto;color:#71b5e382;font:7px/1.7 monospace;letter-spacing:.04em;overflow:hidden}
.field-system .hud-readout,.field-system .hud-sub{gap:7px}.field-system .hud-readout .hud-end{display:none}.field-system .hud-readout>span:first-child{display:block}.field-system .hud-sub{font-size:6px;letter-spacing:.09em;color:#5489ab99}.field-system .hud-rule{margin:8px 0 7px;height:12px;border-top-color:#429edf65;background:repeating-linear-gradient(90deg,#60a9dd50 0 1px,transparent 1px 24px) left top/100% 4px no-repeat}
.field-system .hud-rule i{width:var(--gauge-reach,32%);transform:none!important;transition:none;opacity:.75;background:linear-gradient(90deg,#1e5b9330,#3189d8aa 65%,#92daff);box-shadow:0 0 7px #218bff80}
.field-system .hud-rule i:after{content:'';position:absolute;right:0;top:-1px;width:2px;height:3px;background:#b1e5ff;box-shadow:0 0 7px #64c6ff}
.field-system:hover .hud-rule i{opacity:1;box-shadow:0 0 10px #2b9bff90}.field-system .control-switches{gap:6px}.field-system .control-switches button{gap:6px;padding:0 7px}.field-system .control-switches button span{white-space:nowrap;font-size:8px}.field-system .control-caption{letter-spacing:.12em}
@media(min-width:851px) and (max-width:1440px){.field-system .field-control{width:390px}.v3-experience .field-system .header-hud{min-width:104px;padding-right:12px}.field-system .hud-readout>span:nth-child(3),.field-system .hud-sub span:last-child{display:none}.field-system .hud-readout{justify-content:space-between}.v3-experience header{gap:18px}.v3-experience .brand{width:250px}}
@media(min-width:851px) and (max-width:1100px){.v3-experience .field-system .header-hud{display:none}.field-system{padding-left:0;flex:0 0 auto}.field-system .field-control{width:394px;border-left:0}.v3-experience .brand{width:245px}}
@media(max-width:850px){.field-system{height:auto;border:0;padding:0;background:none;box-shadow:none;flex:0 0 auto;display:block}.field-system:before{display:none}.v3-experience .field-system .header-hud{display:none}.field-system .field-control{width:auto;border:0;background:none;border-radius:0}.field-system .field-control:hover{background:none}.field-system .control-switches button{gap:4px;padding:0 5px}.field-system .control-switches button span{font-size:8px}.field-system .control-icon{width:15px;height:15px}.field-system .control-caption{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.field-system .hud-rule i{transition:none!important}}