/* hifi-underground build (Oct 10, Jordan-approved layout mock): the approved live top stays as is (wall, elevator, plate,
   Erase, cans). Below it, one continuous image per device from Jordan's reference (4f96a734…): the broken slab edge into
   soil, the caged lamp, the form box (inset cleared for the live form) and the brass inspection box, wired by pipes.
   Order: lamp, form, box. Everything that moves is live: lamp glow breathing + flicker (audit.js), and on submit the
   dimming, the teal/white charge on the pipes, the box gauge sweep, its three lights pulsing, the screen glow, then the
   details tag. Desktop keeps the right lane (x 1342–1440 at 1440) clear for the side shaft; the station ends at x ≈1294 (art station = 89.2% of the art width). */
.ground{display:none!important}
#audit.mk .au-art{aspect-ratio:1440/914.8;background:#0d0906 url(img/earth/hifi-l01-desk.webp) 0 0/100% 100% no-repeat!important}
#audit.mk .au-box{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#audit.mk .au-box--m{display:none}
#audit.mk .au-form{left:40.97%!important;top:32.02%!important;width:36.53%!important;height:23.45%;z-index:2;padding:1.5cqw 1.7cqw!important}
#audit.mk .au-head{left:4.6%!important;top:30%!important;width:27%!important;z-index:2}
#audit.mk .au-h{font-size:3.15cqw!important;line-height:1.02!important}
#audit.mk .au-lamp{left:57.30%!important;top:21.98%!important;z-index:1}
#audit.mk .au-lamp__glow{width:30cqw;opacity:1}
#audit.mk .au-details{left:51.42%!important;top:66.07%!important;width:15.18%!important;height:14.21%;background:rgba(10,14,13,.35)!important;color:#dff8f3!important;text-shadow:0 0 8px rgba(127,224,210,.6)}

/* box activation: the gauge needle sweeps and jitters, the three lights pulse, the screen glows; all hold steady once done */
#audit .ab-needle{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-62deg);transition:transform 1.2s cubic-bezier(.3,1.4,.5,1)}
#audit.is-reading .ab-needle{animation:ab-sweep 3s ease-in-out infinite}
#audit.is-done .ab-needle{transform:rotate(38deg)}
@keyframes ab-sweep{0%{transform:rotate(-62deg)}25%{transform:rotate(55deg)}35%{transform:rotate(40deg)}50%{transform:rotate(68deg)}65%{transform:rotate(30deg)}80%{transform:rotate(60deg)}100%{transform:rotate(-62deg)}}
#audit .au-box .bulb{filter:drop-shadow(0 0 4px #7fe0d2)}
#audit.is-done .au-box .bulb{opacity:.9;animation:none}
#audit .au-scr{opacity:0;transition:opacity .6s}
#audit.is-reading .au-scr{animation:ab-scr 1.4s ease-in-out infinite}
#audit.is-done .au-scr{opacity:.85}
@keyframes ab-scr{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){#audit.is-reading .ab-needle{animation:none;transform:rotate(38deg)}#audit.is-reading .au-scr{animation:none;opacity:.7}}

@media (max-width:819px){
  #audit.mk .au-art{display:block!important;aspect-ratio:390/835.6;background:#0d0906 url(img/earth/hifi-l01-mob.webp) 0 0/100% 100% no-repeat!important}
  #audit.mk .mk-unit{position:absolute!important;inset:0;aspect-ratio:auto;background:none!important}
  #audit.mk .au-box--d{display:none}#audit.mk .au-box--m{display:block}
  #audit.mk .au-head{position:absolute!important;left:20px!important;top:calc(100cqw * .2077)!important;width:calc(100% - 40px)!important;padding:0!important}
  #audit.mk .au-h{font-size:min(8.6vw,34px)!important}
  #audit.mk .au-head .au-lede{font-size:13.5px!important;margin-top:8px!important}
  #audit.mk .au-form{left:17.41%!important;width:67.44%!important;top:calc(100cqw * .9095)!important;height:calc(100cqw * .7103);max-height:none;padding:12px 12px!important;gap:7px}
  #audit.mk .au-in,#audit.mk .au-go{height:34px!important}
  #audit.mk .au-note{font-size:10.5px!important;line-height:1.35!important}
  #audit.mk .au-lamp{left:49.1%!important;top:calc(100cqw * .8146)!important}
  #audit.mk .au-lamp__glow{width:70cqw}
  #audit.mk .au-details{left:35.08%!important;width:43.44%!important;top:calc(100cqw * 1.7556)!important;height:calc(100cqw * .1833)}
}

/* Rendered instrument layers share a centered spindle at both responsive sizes. */
#audit .ab-needle--rendered{transform-origin:50% 50%}