.machine-hero{--mx:50%;--my:40%;isolation:isolate;background:radial-gradient(ellipse 55% 40% at var(--mx) var(--my), #ffc46e17, transparent 42%), radial-gradient(ellipse 80% 50% at 50% 120%, #000000d9, transparent 55%), #05070a}.machine-stage{perspective:1800px;min-width:0;max-width:100%}.machine-fog{pointer-events:none;background:radial-gradient(70% 28% at 50% 100%,#060608e6,#0000 55%),linear-gradient(#05070a59 0%,#0000 16% 74%,#05070aeb 100%);position:absolute;inset:0}.machine-fog-drift{pointer-events:none;will-change:transform;background:radial-gradient(36% 18% at 18% 72%,#bec6d20d,#0000 70%),radial-gradient(30% 16% at 82% 38%,#d2be960b,#0000 70%);position:absolute;inset:-18%}.machine-tilt,.life-door,.gauge-needle{will-change:transform}@media (max-width:1023px){.machine-hero{touch-action:pan-y}.machine-tilt{will-change:auto;transform:none!important}.machine-fog-drift,.life-door,.gauge-needle,.tube-core,.led{will-change:auto}.tube-core{filter:blur(5px)}}.machine-tilt{--well-x:50%;--well-y:82%;--well-a:.05;--well-rgb:255, 196, 110;--prox-holders:0;--prox-dev:0;--prox-forever:0;--prox-flow:0}.machine-canvas{z-index:1;mix-blend-mode:plus-lighter;pointer-events:none!important}.hit-plate{z-index:30;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transform-style:flat;pointer-events:auto;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0;transform:none!important}.life-door{transform-origin:100%;transform-style:preserve-3d}.machine-box{background-color:#3b3e44;background-image:linear-gradient(#fff3 0%,#0000 8% 86%,#00000080 100%),repeating-linear-gradient(91deg,#ffffff08 0 1px,#0000 1px 3px,#0000000b 3px 4px),linear-gradient(#c4c7cc 0%,#7f8389 9%,#4a4e54 26%,#2c3036 62%,#1b1e23 100%);border-radius:1.35rem;grid-template-columns:clamp(3.6rem,13vw,9.25rem) minmax(0,1fr) clamp(3.8rem,14vw,9.75rem);min-width:0;display:grid;position:relative;box-shadow:inset 0 1px #ffffff52,inset 0 -3px 10px #00000080,0 8px #14161a,0 42px 90px #0000009e}.machine-box:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff12 0%,#0000 22% 62%,#ffffff08 78%,#0000 100%);position:absolute;inset:0}.metal-strip{background-image:linear-gradient(#ffffff29,#0000 40%),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 2px),linear-gradient(#8b8f96,#3a3e44)}.rivet{background:radial-gradient(circle at 35% 30%,#d8dbe0,#6a6e74 55%,#1a1c20 100%);border-radius:999px;width:8px;height:8px;box-shadow:0 1px #ffffff38,inset 0 -1px 2px #000000a6}.machine-well{isolation:isolate;background:radial-gradient(70% 60% at 50% 85%,#ffba5029,#0000 62%),linear-gradient(#14171c,#07080a);border-radius:.85rem;position:relative;box-shadow:inset 0 18px 40px #000000b8,inset 0 0 0 1px #ffffff0d}.machine-well:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 46% 52% at var(--well-x,50%) var(--well-y,82%), rgba(var(--well-rgb,255, 196, 110), var(--well-a,.05)), transparent 72%);position:absolute;inset:0}.tube{background:linear-gradient(180deg, #ffffff1a, #08080a33 16%, #06060826), radial-gradient(ellipse 80% 70% at 50% 112%, var(--tube-glow), transparent 68%);min-width:0;box-shadow:inset 0 0 46px var(--tube-inset), inset 0 14px 22px #ffffff0d, 0 0 34px var(--tube-halo);border:1px solid #ffe4b02e;border-radius:.75rem;position:relative;overflow:hidden}.tube-core{background:linear-gradient(180deg, #fff0be0d, var(--tube-beam));filter:blur(8px);height:82%;opacity:var(--beam,.74);transform:translate3d(0, calc(var(--beam-lift,0) * -3%), 0) scaleY(calc(1 + var(--beam-lift,0) * .03));will-change:transform, opacity;border-radius:999px;position:absolute;bottom:2%;left:30%;right:30%}.tube:before{content:"";background:radial-gradient(ellipse 55% 70% at 50% 100%, var(--tube-glow), transparent 70%);filter:blur(12px);height:92%;position:absolute;bottom:-10%;left:12%;right:12%}.tube:after{content:"";pointer-events:none;background:linear-gradient(118deg,#fff3 0%,#0000 16% 52%,#ffffff0f 64%,#0000 80%);position:absolute;inset:0}.tube-holders{--tube-glow:#ffd06eeb;--tube-inset:#ffc85a61;--tube-halo:#ffbe5057;--tube-beam:#ffd678e0;filter:brightness(calc(1 + var(--prox-holders,0) * .18)) saturate(calc(1 + var(--prox-holders,0) * .12))}.tube-dev{--tube-glow:#d4a05a38;--tube-inset:#d4a05a1a;--tube-halo:#d4a05a0f;--tube-beam:#d4a05a38;filter:saturate(calc(.78 + var(--prox-dev,0) * .24)) brightness(calc(.9 + var(--prox-dev,0) * .18))}.tube-forever{--tube-glow:#8fd4de47;--tube-inset:#8fd4de1f;--tube-halo:#8fd4de1a;--tube-beam:#aae6eb47;filter:brightness(calc(1 + var(--prox-forever,0) * .16)) saturate(calc(1 + var(--prox-forever,0) * .14))}.tube.is-hot{--tube-glow:#ffdc82d9;--tube-inset:#ffd2646b;--tube-halo:#ffc85a66;--tube-beam:#ffe696b3}.tube.is-near{box-shadow:inset 0 0 52px var(--tube-inset), inset 0 14px 22px #ffffff0f, 0 0 42px var(--tube-halo)}.tube.is-alarm{--tube-glow:#ff4637b3;--tube-inset:#ff322866;--tube-halo:#ff281e66;--tube-beam:#ff503c8c;animation:.16s linear infinite alarm-pulse}.flow-cell{min-width:0;box-shadow:inset 0 0 0 1px rgba(255, 220, 140, calc(var(--prox-flow,0) * .22));position:relative;overflow:hidden}.flow-rail:after{content:"";pointer-events:none;background:linear-gradient(#0000,#e4c37a80,#0000);width:1px;position:absolute;top:1.5rem;bottom:1.5rem;left:50%}.flow-cell p,.flow-cell [data-led]{z-index:30;position:relative}.flow-arrow{font-family:var(--font-instrument), serif;text-shadow:0 0 10px #e4c37a73;height:.35rem;font-size:.55rem;line-height:1}.reserve-node{z-index:0;background:linear-gradient(#12141714,#080a0d1f),radial-gradient(#d7b36a2e,#0000006b 68%);box-shadow:inset 0 0 24px #d7b36a1a,0 0 18px #d7b36a14}.reserve-copy{box-shadow:none;text-shadow:0 1px 3px #000000f2,0 0 7px #000000d9;background:0 0}.led-stock{color:#e4c37a;background:radial-gradient(circle at 35% 30%,#fff4c8,#e4c37a 55%,#6a4e14 100%)}@keyframes alarm-pulse{50%{filter:brightness(1.35)}}.terminal-screen{font-variant-numeric:tabular-nums;background:linear-gradient(#0c1014 0%,#07090c 100%);box-shadow:inset 0 0 0 1px #78ffb414,inset 0 0 30px #000000a6}.terminal-screen:before{content:"";pointer-events:none;opacity:.55;background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.sticker{color:#ece6dad1;letter-spacing:.08em;text-transform:uppercase;background:#0e1012c7;border:1px solid #ffffff1f;box-shadow:0 6px 14px #00000059}.gauge-face{background:radial-gradient(circle at 50% 45%,#1a1d22,#0b0d10 70%);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 4px 10px #0009}.gauge-needle{transform-origin:top}.led{width:7px;height:7px;opacity:calc(.12 + var(--led,.45) * .88);box-shadow:0 0 7px color-mix(in srgb, currentColor calc(40% + var(--led,.45) * 60%), transparent), 0 0 14px color-mix(in srgb, currentColor calc(var(--led,.45) * 50%), transparent);will-change:opacity;border-radius:999px}.led-gold{color:#f0d78c;background:radial-gradient(circle at 35% 30%,#fff4c8,#e4c37a 55%,#6a4e14 100%)}.led-amber{color:#d4a05a;background:radial-gradient(circle at 35% 30%,#f3d7a4,#d4a05a 55%,#5a3c12 100%)}.led-crystal{color:#8fd4de;background:radial-gradient(circle at 35% 30%,#dff7fb,#8fd4de 55%,#1d4a52 100%)}.bay-led{z-index:3;position:absolute;top:8px;right:8px}.door-face{background-image:linear-gradient(90deg,#ffffff14,#0000 18%),repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px),linear-gradient(#9a9ea5 0%,#5a5e64 24%,#2f3338 100%);border-radius:1.1rem .35rem .35rem 1.1rem;box-shadow:inset 0 1px #ffffff40,10px 18px 40px #00000073}.door-thickness{background:linear-gradient(90deg,#15171a,#74787f 45%,#2a2d32)}.alarm-wash{pointer-events:none;background:radial-gradient(50% 40%,#ff281e33,#0000 70%),linear-gradient(#ff1e1424,#0000 30% 70%,#ff1e141a);animation:.16s linear infinite alarm-wash;position:absolute;inset:0}@keyframes alarm-wash{50%{opacity:1}0%,to{opacity:.55}}.machine-hero button:focus-visible,.machine-hero [role=button]:focus-visible{outline-offset:3px;outline:2px solid #e4c37ab3}@media (prefers-reduced-motion:reduce){.tube.is-alarm,.alarm-wash{animation:none}.machine-fog-drift,.machine-tilt,.life-door,.gauge-needle,.tube-core,.led{will-change:auto}}@media (max-width:1023px){.sheet-dock{-webkit-overflow-scrolling:touch;max-height:min(72svh,34rem);overflow-y:auto}.door-face,.terminal-screen,.flow-cell,.tube,.machine-plaque,.gauge-rail{container-type:inline-size}.terminal-screen,.flow-cell,.tube,.machine-plaque,.gauge-rail{overflow:hidden}.fit-type{overflow-wrap:break-word;word-break:normal;min-width:0;max-width:100%;line-height:1.2;overflow:hidden}.sticker{letter-spacing:.03em;max-width:100%;font-size:clamp(5px,11.5cqi,8px);line-height:1.15;overflow:hidden}.terminal-screen{letter-spacing:.05em;font-size:clamp(7px,4.15cqi,11px)}.terminal-screen .terminal-copy{font-size:inherit;letter-spacing:inherit}.machine-plaque .plaque-name{letter-spacing:.045em;font-size:clamp(.5rem,15.5cqi,.85rem);overflow:hidden}.machine-plaque .plaque-line{letter-spacing:.035em;font-size:clamp(5.5px,10.5cqi,9px);line-height:1.25;overflow:hidden}.flow-cell .fit-type,.tube .fit-type,.machine-plaque .plaque-line,.sticker{overflow-wrap:normal;word-break:normal}.flow-cell .fit-type{letter-spacing:.06em}.gauge-rail .led-cluster{transform-origin:50%;gap:.28rem;transform:scale(.88)}.gauge-rail .gauge-serial{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:7px;display:block;overflow:hidden}.tube .fit-type{letter-spacing:.04em}}@media (max-width:429px){.gauge-rail .led-cluster{gap:.18rem;transform:scale(.8)}}@media (max-width:389px){.gauge-rail .led-cluster{gap:.12rem;transform:scale(.72)}.sticker{font-size:clamp(5px,10.5cqi,7px)}}@media (max-width:640px){.tube-forever .metal-strip>div{padding-top:.75rem;padding-bottom:.75rem}.tube-forever .metal-strip .size-7{width:1.25rem;height:1.25rem}.tube-forever .metal-strip .size-4{width:.8rem;height:.8rem;margin-bottom:.25rem}.tube-forever .metal-strip [data-life=bolt]{height:1.4rem}}