.eng-host{user-select:none}.eng-frame{position:relative;width:540px;max-width:100%;margin:0 auto;padding:6px 16px 16px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,#4a5260 0,#2c333d 25%,#1a1f26 100%);border:1px solid #11161c;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.7),0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.45);font-family:'Segoe UI',Arial,sans-serif;color:#d8dde4}.eng-title{text-align:center;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:4px;color:#d8dde4;padding:6px 0 2px}.eng-body{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;padding-top:22px}.eng-screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#d8d8d4 0,#6a6a66 60%,#2a2a26 100%);border:1px solid #1a1a16;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.55);pointer-events:none;z-index:8}.eng-screw::before{content:"";position:absolute;top:50%;left:14%;right:14%;height:1.4px;margin-top:-.7px;background:linear-gradient(90deg,#050608,#2a2a26 50%,#050608);border-radius:1px}.eng-screw-tl{top:6px;left:6px}.eng-screw-tr{top:6px;right:6px}.eng-screw-bl{bottom:6px;left:6px}.eng-screw-br{bottom:6px;right:6px}.eng-screw-tl::before{transform:rotate(38deg)}.eng-screw-tr::before{transform:rotate(-22deg)}.eng-screw-bl::before{transform:rotate(-58deg)}.eng-screw-br::before{transform:rotate(15deg)}.eng-col{display:flex;flex-direction:column;align-items:center;gap:14px}.eng-col-mode{gap:4px;padding-top:4px}.eng-flip{position:relative;width:84px;height:122px;background:0 0;border:0;padding:0;cursor:pointer;perspective:700px;perspective-origin:50% 50%}.eng-flip-lbl-off,.eng-flip-lbl-on{position:absolute;font:700 9px 'Segoe UI',Arial,sans-serif;color:#f4f7f3;letter-spacing:.5px;pointer-events:none;z-index:0}.eng-flip-lbl-on{top:16px}.eng-flip-lbl-off{bottom:16px}.eng-flip[data-eng="1"] .eng-flip-lbl-off,.eng-flip[data-eng="1"] .eng-flip-lbl-on{left:0}.eng-flip[data-eng="2"] .eng-flip-lbl-off,.eng-flip[data-eng="2"] .eng-flip-lbl-on{right:0}.eng-flip-arm{position:absolute;top:50%;left:50%;width:22px;height:31px;background:linear-gradient(180deg,#6e6e6a 0,#c4c4c0 30%,#f0f0ec 50%,#b6b6b2 75%,#5a5a56 100%);border:.5px solid #2a2a26;border-radius:2px;transform:translate(-50%,0);transition:transform 460ms cubic-bezier(.4, 0, .2, 1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.55);z-index:1;pointer-events:none}.eng-flip.on .eng-flip-arm{transform:translate(-50%,-100%)}.eng-flip-tag{position:absolute;top:50%;left:50%;width:42px;height:42px;background:linear-gradient(180deg,#f0f0ec 0,#b6b6b2 38%,#7c7c78 70%,#4a4a46 100%);border-radius:3px;padding:3px;box-sizing:border-box;transform:translate(-50%,16px) rotateX(20deg);transform-style:preserve-3d;transition:transform 460ms cubic-bezier(.4, 0, .2, 1.4);box-shadow:0 3px 5px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.45);z-index:2}.eng-flip.on .eng-flip-tag{transform:translate(-50%,calc(-100% - 16px)) rotateX(-20deg)}.eng-flip-tag-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000;color:#f4f7f3;font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.4px;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.6)}.eng-fire{width:64px;height:50px;padding:0;border:1px solid #050608;border-radius:3px;background:linear-gradient(180deg,#14181c 0,#07090c 100%);color:inherit;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:.6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.5);transition:filter 80ms}.eng-fire:hover{filter:brightness(1.25)}.eng-fire:active{filter:brightness(.85)}.eng-fire-line{display:block;line-height:1.1}.eng-fire-line-fire{color:rgba(200,60,50,.55)}.eng-fire-line-fault{color:rgba(210,170,50,.55)}.eng-fire.fire-on .eng-fire-line-fire{color:#ff5040;text-shadow:0 0 5px rgba(255,80,60,.85)}.eng-fire.fault-on .eng-fire-line-fault{color:#ffd24a;text-shadow:0 0 5px rgba(255,210,80,.85)}.eng-num{font:700 22px 'Segoe UI',Arial,sans-serif;color:#f4f7f3;letter-spacing:1px;margin-top:2px}.eng-mode-toplabel{font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px;color:#d8dde4;margin-bottom:0}.eng-mode-rotary{position:relative;width:140px;height:130px}.eng-mode-knob{--knob-deg:0deg;position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fafaf6 0,#e2e2dd 50%,#b6b6b0 100%);border:1px solid #2a2a26;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--knob-deg));transition:transform 220ms ease-out;box-shadow:inset 0 2px 0 rgba(255,255,255,.85),inset 0 -3px 0 rgba(0,0,0,.18),0 3px 5px rgba(0,0,0,.6);z-index:2}.eng-mode-pointer{position:absolute;top:4px;left:50%;width:4px;height:calc(50% - 2px);background:linear-gradient(180deg,#15171a 0,#2c3036 80%,#5a5e64 100%);border-radius:2px;transform:translateX(-50%);box-shadow:0 0 1px rgba(0,0,0,.6);pointer-events:none}.eng-mode-arch{position:absolute;top:-32px;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.eng-mode-arch line,.eng-mode-arch path,.eng-mode-arch svg{pointer-events:none}.eng-mode-arch svg{width:100%;height:100%;display:block;overflow:visible}.eng-mode-tick{position:absolute;top:50%;left:50%;--tick-deg:0deg;--tick-radius:60px;transform:translate(-50%,-50%) rotate(var(--tick-deg)) translateY(calc(-1 * var(--tick-radius))) rotate(calc(-1 * var(--tick-deg)));font:700 9px 'Segoe UI',Arial,sans-serif;letter-spacing:.5px;color:#9ea4ab;white-space:nowrap;text-align:center;cursor:pointer;user-select:none;z-index:3}.eng-mode-tick.tk-crank{margin-left:-5px}.eng-mode-tick.tk-ign{margin-left:5px}.eng-mode-tick:hover{color:#d8dde4}.eng-mode-tick.active{color:#fff;text-shadow:0 0 4px rgba(255,255,255,.7)}