.eng-scene{--T:1.6s;perspective:1700px;width:560px;height:560px;margin:-280px 0 0 -280px;position:absolute;top:50%;left:50%}.eng-pointer{transform-style:preserve-3d;transform:rotateX(calc(var(--py,0) * -8deg)) rotateY(calc(var(--px,0) * 14deg));position:absolute;inset:0}.eng-sway{transform-style:preserve-3d;animation:12s ease-in-out infinite alternate eng-sway;position:absolute;inset:0;transform:rotateX(-17deg)rotateY(-30deg)}@keyframes eng-sway{0%{transform:rotateX(-20deg)rotateY(-46deg)}to{transform:rotateX(-13deg)rotateY(-12deg)}}.engine{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translateY(-6px)scale(1.04)}.eng-off *{animation-play-state:paused!important}.eng-box{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;position:absolute;top:50%;left:50%}.bf{display:block;position:absolute}.bf-f{transform:translateZ(calc(var(--d) / 2));inset:0}.bf-b{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));inset:0}.bf-r,.bf-l{width:var(--d);top:0;bottom:0;left:calc((var(--w) - var(--d)) / 2)}.bf-r{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.bf-l{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.bf-t,.bf-u{height:var(--d);left:0;right:0;top:calc((var(--h) - var(--d)) / 2)}.bf-t{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.bf-u{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}.eng-block .bf{background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 100px),linear-gradient(160deg,#a0a6b233,#24262e5c);border:1px solid #dce1eb4d;box-shadow:inset 0 0 40px #00000080,inset 0 0 0 1px #e3171d47}.eng-head .bf{background:linear-gradient(160deg,#e3171d33,#46080c66);border:1px solid #ff5c5299;box-shadow:inset 0 0 26px #00000080}.eng-cover .bf{background:linear-gradient(150deg,#ff4e42b8,#960a12d1);border:1px solid #ffaaa0b3;box-shadow:inset 0 0 0 2px #ffffff14}.eng-cover .bf-t{background:repeating-linear-gradient(90deg,#00000029 0 6px,#0000 6px 22px),linear-gradient(150deg,#ff5448,#b50f15)}.eng-solid .bf{background:linear-gradient(#3b3e45,#17181b);border:1px solid #ffffff29}.eng-brand{height:100%;font-family:var(--font-display), sans-serif;letter-spacing:.16em;color:#fffffff0;text-shadow:0 2px #0006;place-items:center;font-size:3.4rem;font-style:italic;font-weight:900;display:grid}.eng-bar{left:calc(var(--len) / -2);top:calc(var(--th) / -2);width:var(--len);height:var(--th);transform-style:preserve-3d;position:absolute}.eng-bar i{background:linear-gradient(#e6e9ed,#747a83 50%,#2c2e33);position:absolute;inset:0}.eng-bar i+i{transform:rotateX(90deg)}.eng-shaft i{background:linear-gradient(#f1f3f5,#8b919a 45%,#3a3d44)}.eng-cyl,.eng-at,.eng-crank-pos,.eng-fly-pos{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}.eng-crank-pos{top:70px}.eng-liner{background:linear-gradient(90deg,#ffffff05,#fff3,#ffffff05);width:26px;height:144px;position:absolute;top:-100px;left:-13px}.eng-plug{width:6px;height:40px;transform-style:preserve-3d;background:linear-gradient(90deg,#8a8f98,#f1f3f5,#8a8f98);position:absolute;top:-140px;left:-3px}.eng-plug:after{content:"";background:inherit;position:absolute;inset:0;transform:rotateY(90deg)}.eng-flash{width:0;height:0;transform-style:preserve-3d;position:absolute;top:-92px;left:0}.eng-flash i{opacity:0;width:92px;height:92px;animation:eng-flash calc(var(--T) * 2) linear infinite;animation-delay:var(--fd,0s);background:radial-gradient(circle,#fff 0,#ffd36b 20%,#ff6e1ed9 42%,#e3171d00 70%);border-radius:50%;position:absolute;top:-46px;left:-46px}.eng-flash i:first-child{transform:rotateX(90deg)}.eng-flash i:nth-child(3){transform:rotateY(90deg)}@keyframes eng-flash{0%{opacity:0}2%{opacity:1}20%{opacity:0}to{opacity:0}}.eng-piston{width:0;height:0;transform-style:preserve-3d;animation:eng-piston var(--T) ease-in-out infinite;animation-delay:var(--ph,0s);position:absolute;top:0;left:0;transform:translateY(-34px)}@keyframes eng-piston{0%,to{transform:translateY(-66px)}50%{transform:translateY(6px)}}.eng-disc{background:radial-gradient(circle at 40% 35%,#c9ced5,#6c7179 62%,#33363c);border-radius:50%;width:70px;height:70px;position:absolute;top:-35px;left:-35px}.eng-disc.is-crown{background:radial-gradient(circle at 40% 35%,#f3f5f7,#9aa0a8 48%,#4a4e55);box-shadow:0 0 0 2px #ffffff38,0 0 18px #e3171d59}.eng-disc.is-ring{background:radial-gradient(circle at 40% 35%,#555a62,#1d1f23 70%);width:74px;height:74px;top:-37px;left:-37px}.eng-pin{--len:58px;--th:12px}.eng-rod{transform-origin:50% 0;width:14px;height:100px;transform-style:preserve-3d;animation:eng-rod var(--T) infinite;animation-delay:var(--ph,0s);position:absolute;top:0;left:-7px}.eng-rod i{background:linear-gradient(90deg,#5d626a,#e1e5ea,#5d626a);position:absolute;inset:0}.eng-rod i+i{transform:rotateY(90deg)}.eng-rod b{background:radial-gradient(circle,#0e0f11 0 28%,#a9afb7 30% 62%,#50545b 64%);border-radius:50%;width:28px;height:28px;position:absolute;top:86px;left:-7px;transform:rotateY(90deg)}@keyframes eng-rod{0%{animation-timing-function:ease-out;transform:rotateX(0)}25%{animation-timing-function:ease-in;transform:rotateX(-21deg)}50%{animation-timing-function:ease-out;transform:rotateX(0)}75%{animation-timing-function:ease-in;transform:rotateX(21deg)}to{transform:rotateX(0)}}.eng-crank{width:0;height:0;transform-style:preserve-3d;animation:eng-spin var(--T) linear infinite;animation-delay:var(--ph,0s);position:absolute;top:0;left:0}@keyframes eng-spin{to{transform:rotateX(360deg)}}.eng-web{background:radial-gradient(circle,#121315 0 11%,#0000 12%),linear-gradient(#4b4f56 0 50%,#bcc2ca 50%);border-radius:50%;width:80px;height:80px;position:absolute;top:-40px;left:-40px;box-shadow:inset 0 0 0 3px #00000073}.eng-crankpin{--len:36px;--th:14px;transform:translateY(-36px)}.eng-cam{width:0;height:0;transform-style:preserve-3d;animation:eng-spin calc(var(--T) * 2) linear infinite;position:absolute;top:0;left:0}.eng-lobe{background:radial-gradient(circle at 40% 35%,#e6e9ed,#6d727a);border-radius:50%;width:18px;height:38px;position:absolute;top:-27px;left:-9px}.eng-fly-pos{top:70px;transform:translate(240px)}.eng-fly{width:0;height:0;transform-style:preserve-3d;animation:eng-spin var(--T) linear infinite;position:absolute;top:0;left:0}.eng-fly-ring{background:repeating-conic-gradient(#c2c8d0 0 3deg, #25272c 3deg 6deg);border-radius:50%;width:164px;height:164px;position:absolute;top:-82px;left:-82px;transform:rotateY(90deg)}.eng-fly-hub{width:128px;height:128px;box-shadow:0 0 0 4px var(--red), 0 0 30px #e3171d99;background:radial-gradient(circle,#050506 0 14%,#3a3d44 15% 22%,#0000 23%),conic-gradient(from 20deg,#d5dae0,#7b8088,#eef0f3,#686c74,#d5dae0);border-radius:50%;position:absolute;top:-64px;left:-64px;transform:rotateY(90deg)translateZ(2px)}@media (prefers-reduced-motion:reduce){.eng-sway,.eng-piston,.eng-rod,.eng-crank,.eng-cam,.eng-fly,.eng-flash i{animation:none!important}.eng-sway{transform:rotateX(-17deg)rotateY(-30deg)}}.xe{--p:.62;--bore:#050506 0 33px, #4a4d54 34px 38px, #b4bac2 39px 41px, transparent 42px;--pst:#f4f6f8 0 5px, #aab0b8 6px 13px, #5f646c 14px 22px, #1d1f23 23px 25px, #8a9099 26px 31px, #3a3d44 32px 33px, transparent 34px;--chamber:#1b0507 0 28px, #ff3b30 29px 32px, #0006 33px 40px, transparent 41px;perspective:1800px}.xe-stage{width:560px;height:560px;transform-style:preserve-3d;margin:0 auto;position:relative;transform:rotateX(58deg)rotate(-36deg)}.xe-plate{width:420px;height:210px;transform:translate(-50%, -50%) translateZ(calc(var(--p) * var(--z)));filter:drop-shadow(0 26px 22px #0000008c);border-radius:16px;transition:filter .2s;position:absolute;top:50%;left:50%}.xe-pan{background:radial-gradient(circle at 92%,#0c0c0e 0 7px,#aab0b8 8px 11px,#0000 12px),repeating-linear-gradient(90deg,#ffffff12 0 3px,#0000 3px 14px),linear-gradient(160deg,#50535a,#17181b);border-radius:14px 14px 44px 44px;width:360px;height:180px;box-shadow:inset 0 0 0 3px #101113,inset 0 0 0 5px #ffffff1a}.xe-pan:before{content:"";background:radial-gradient(circle at 15%,#d6dae0 0 5px,#4b4f56 6px 26px,#0000 27px),radial-gradient(circle at 38%,#d6dae0 0 5px,#4b4f56 6px 26px,#0000 27px),radial-gradient(circle at 62%,#d6dae0 0 5px,#4b4f56 6px 26px,#0000 27px);position:absolute;inset:0}.xe-pan:after{content:"";background:linear-gradient(#f1f3f5,#7c828b 50%,#2c2e33);border-radius:11px;height:22px;position:absolute;top:calc(50% - 11px);left:5%;right:12%;box-shadow:0 3px 8px #0009}.xe-block{background:radial-gradient(circle at 12.5% 50%, var(--bore)), radial-gradient(circle at 37.5% 50%, var(--bore)), radial-gradient(circle at 62.5% 50%, var(--bore)), radial-gradient(circle at 87.5% 50%, var(--bore)), linear-gradient(160deg, #9aa0a9, #4a4e56 55%, #2a2c31);box-shadow:inset 0 0 0 4px #15161a,inset 0 0 0 6px #ffffff1f}.xe-pist{background:radial-gradient(circle at 12.5% 50%, var(--pst)), radial-gradient(circle at 37.5% 50%, var(--pst)), radial-gradient(circle at 62.5% 50%, var(--pst)), radial-gradient(circle at 87.5% 50%, var(--pst))}.xe-gasket{-webkit-mask-composite:source-in;opacity:.96;background:radial-gradient(circle at 12.5%,#0000 0 37px,#d3d8de 38px 41px,#0000 42px),radial-gradient(circle at 37.5%,#0000 0 37px,#d3d8de 38px 41px,#0000 42px),radial-gradient(circle at 62.5%,#0000 0 37px,#d3d8de 38px 41px,#0000 42px),radial-gradient(circle at 87.5%,#0000 0 37px,#d3d8de 38px 41px,#0000 42px),linear-gradient(160deg,#7f858e,#41444b);height:214px;-webkit-mask-image:radial-gradient(circle at 12.5%,#0000 0 37px,#000 38px),radial-gradient(circle at 37.5%,#0000 0 37px,#000 38px),radial-gradient(circle at 62.5%,#0000 0 37px,#000 38px),radial-gradient(circle at 87.5%,#0000 0 37px,#000 38px);mask-image:radial-gradient(circle at 12.5%,#0000 0 37px,#000 38px),radial-gradient(circle at 37.5%,#0000 0 37px,#000 38px),radial-gradient(circle at 62.5%,#0000 0 37px,#000 38px),radial-gradient(circle at 87.5%,#0000 0 37px,#000 38px);-webkit-mask-composite:source-in;mask-composite:intersect}.xe-head{background:radial-gradient(circle at 12.5% 50%, var(--chamber)), radial-gradient(circle at 37.5% 50%, var(--chamber)), radial-gradient(circle at 62.5% 50%, var(--chamber)), radial-gradient(circle at 87.5% 50%, var(--chamber)), linear-gradient(150deg, #6a6f77, #2e3036 60%, #1a1b1e);box-shadow:inset 0 0 0 4px #121316,inset 0 0 0 6px #ffffff1a}.xe-head b{background:radial-gradient(circle at 35% 30%,#fff,#a4a9b0 55%,#4a4e55);border-radius:50%;width:11px;height:11px;margin:-5.5px;position:absolute;box-shadow:0 1px 2px #0009}.xe-cover{background:repeating-linear-gradient(90deg,#0000002e 0 6px,#0000 6px 24px),linear-gradient(150deg,#ff4a3f,#e3171d 45%,#8e090f);border-radius:18px;place-items:center;width:400px;height:190px;display:grid;box-shadow:inset 0 0 0 2px #ffffff29}.xe-cover span{font-family:var(--font-display), sans-serif;letter-spacing:.14em;color:#fffffff0;text-shadow:0 3px #00000059;font-size:4rem;font-style:italic;font-weight:900}.xe-cover i{background:radial-gradient(circle at 35% 30%,#fff,#a4a9b0 50%,#4a4e55);border-radius:50%;width:13px;height:13px;margin:-6.5px;position:absolute;box-shadow:0 2px 3px #00000080}.xe:has([data-k]:hover) .xe-plate{filter:drop-shadow(0 26px 22px #0000008c)brightness(.5)}:is(.xe:has([data-k=pan]:hover) .xe-plate[data-k=pan],.xe:has([data-k=block]:hover) .xe-plate[data-k=block],.xe:has([data-k=pist]:hover) .xe-plate[data-k=pist],.xe:has([data-k=gasket]:hover) .xe-plate[data-k=gasket],.xe:has([data-k=head]:hover) .xe-plate[data-k=head],.xe:has([data-k=cover]:hover) .xe-plate[data-k=cover]){filter:drop-shadow(0 26px 22px #0000008c)drop-shadow(0 0 22px #ff3b30d9)brightness(1.15)}.geartrain{--th:0;--tx:0;--ty:0}.geartrain-stage{aspect-ratio:680/440;perspective:1400px;width:100%;max-width:600px;margin:0 auto;position:relative}.geartrain-tilt{transform-style:preserve-3d;transform:rotateX(calc(26deg + var(--ty) * -7deg)) rotateY(calc(-24deg + var(--tx) * 10deg));position:absolute;inset:0}.geartrain-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gear-spin{transform:rotate(calc(var(--b) * 1deg + var(--th) * var(--k) * 1deg))}.geartrain-layer:last-child{filter:drop-shadow(0 30px 28px #e3171d4d)}.xt{--p:.62;perspective:1800px}.xt-stage{width:560px;height:560px;transform-style:preserve-3d;margin:0 auto;position:relative;transform:rotateX(58deg)rotate(-36deg)}.xt-plate{transform:translate(-50%, -50%) translateZ(calc(var(--p) * var(--z)));filter:drop-shadow(0 26px 22px #0000008c);transition:filter .2s;position:absolute;top:50%;left:50%}.xt-fly{background:radial-gradient(circle, transparent 0 80%, #000 80.5%), repeating-conic-gradient(#c8cdd4 0 2.5deg, #25272c 2.5deg 5deg);border-radius:50%;width:340px;height:340px;-webkit-mask-image:radial-gradient(circle,#000 0 99%,#0000 100%)}.xt-fly i{box-shadow:inset 0 0 0 5px #17181b, 0 0 0 4px var(--red), 0 0 34px #e3171d8c;background:radial-gradient(circle,#050506 0 15%,#3a3d44 16% 22%,#0000 23%),repeating-radial-gradient(circle,#ffffff1a 0 1px,#0000 1px 4px),conic-gradient(from 20deg,#d5dae0,#7b8088,#eef0f3,#686c74,#d5dae0);border-radius:50%;position:absolute;inset:8%}.xt-clutch{background:radial-gradient(circle, #0b0b0d 0 12%, #8d939c 13% 15%, transparent 16%), radial-gradient(circle, transparent 0 34%, #17181b 35% 38%, transparent 39%), repeating-conic-gradient(#4b3a2c 0 12deg, #231a12 12deg 15deg), #2c2420;border-radius:50%;width:290px;height:290px;box-shadow:inset 0 0 0 5px #3a2d22,inset 0 0 0 7px #ffffff14}.xt-bell{background:radial-gradient(circle,#0000 0 56%,#00000073 57% 60%,#0000 61%),radial-gradient(circle,#0c0c0e 0 54%,#0000 55%),conic-gradient(#5a5e66,#2b2d33,#6b7078,#25272c,#5a5e66);border-radius:50%;width:330px;height:330px;box-shadow:inset 0 0 0 5px #121316,inset 0 0 0 7px #ffffff1a}.xt-bell b{width:20px;height:20px;transform:rotate(var(--a)) translateY(-143px);background:radial-gradient(circle at 35% 30%,#fff,#a4a9b0 55%,#4a4e55);border-radius:50%;margin:-10px;position:absolute;top:50%;left:50%;box-shadow:0 2px 3px #0000008c}.xt-gears{width:440px;height:270px}.xt-gear{border-radius:50%;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 0 99%,#0000 100%)}.xt-g1{background:radial-gradient(circle, #050506 0 11%, #d3d8de 12% 15%, #2b2d33 16% 64%, transparent 65%), repeating-conic-gradient(#e3171d 0 6.4deg, #5a0a0f 6.4deg 12.8deg);width:190px;height:190px;top:38px;left:10px}.xt-g2{background:radial-gradient(circle, #050506 0 12%, #d3d8de 13% 17%, #2b2d33 18% 62%, transparent 63%), repeating-conic-gradient(#c8cdd4 0 8deg, #34363c 8deg 16deg);width:150px;height:150px;top:8px;left:178px}.xt-g3{background:radial-gradient(circle, #050506 0 12%, #d3d8de 13% 17%, #2b2d33 18% 62%, transparent 63%), repeating-conic-gradient(#aab0b8 0 7.2deg, #2a2c31 7.2deg 14.4deg);width:160px;height:160px;top:108px;left:262px}.xt-shaft{opacity:.9;background:linear-gradient(#f1f3f5,#7c828b 50%,#2c2e33);border-radius:7px;height:14px;position:absolute;top:calc(50% - 7px);left:10px;right:10px}.xt-sync{background:radial-gradient(circle, transparent 0 46%, #0c0c0e 47% 50%, transparent 51%), radial-gradient(circle, transparent 0 62%, #00000080 63%), repeating-conic-gradient(#b99a52 0 5deg, #6a5628 5deg 10deg);border-radius:50%;width:270px;height:270px;-webkit-mask-image:radial-gradient(circle,#0000 0 28%,#000 29% 99%,#0000 100%);mask-image:radial-gradient(circle,#0000 0 28%,#000 29% 99%,#0000 100%)}.xt-tail{background:radial-gradient(circle,#0c0c0e 0 12%,#d3d8de 13% 15%,#0000 16%),repeating-radial-gradient(circle,#00000024 0 5px,#0000 5px 18px),linear-gradient(150deg,#ff4a3f,#e3171d 45%,#8e090f);border-radius:50%;place-items:center;width:310px;height:310px;display:grid;box-shadow:inset 0 0 0 3px #ffffff29}.xt-tail span{font-family:var(--font-display), sans-serif;letter-spacing:.14em;color:#fffffff0;text-shadow:0 3px #00000059;margin-top:150px;font-size:2.4rem;font-style:italic;font-weight:900}.xt:has([data-k]:hover) .xt-plate{filter:drop-shadow(0 26px 22px #0000008c)brightness(.5)}:is(.xt:has([data-k=fly]:hover) .xt-plate[data-k=fly],.xt:has([data-k=bell]:hover) .xt-plate[data-k=bell],.xt:has([data-k=input]:hover) .xt-plate[data-k=input],.xt:has([data-k=counter]:hover) .xt-plate[data-k=input],.xt:has([data-k=sync]:hover) .xt-plate[data-k=sync],.xt:has([data-k=tail]:hover) .xt-plate[data-k=tail]){filter:drop-shadow(0 26px 22px #0000008c)drop-shadow(0 0 22px #ff3b30d9)brightness(1.15)}.va-scrub{width:100%;accent-color:var(--red);margin-top:.9rem;display:none}.va:has(.pt-stage[data-ready=true]) .va-scrub{display:block}.pt-stage{aspect-ratio:16/9;width:100%;max-width:1080px;max-height:calc(100svh - var(--nav-h,72px) - 9rem);border:1px solid var(--line);touch-action:pan-y;cursor:grab;background:radial-gradient(at 50% 40%,#e3171d24,#0000 60%),linear-gradient(#121216,#09090b);border-radius:1.25rem;min-height:20rem;margin:0 auto;position:relative;overflow:hidden}.pt-stage:active{cursor:grabbing}.pt-tap{z-index:3;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pt-stage[data-tap=true] .pt-tap{display:inline-flex}.pt-stage[data-tap=true] .pt-types,.pt-stage[data-tap=true] .pt-hint{display:none}.pt-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:700px){.pt-stage{aspect-ratio:1/1.02;border-radius:1rem}.pt-label{display:none}.va-steps{gap:.5rem}.va-step{padding:.4rem .8rem .4rem .45rem;font-size:.66rem}}.pt-label{opacity:0;pointer-events:none;will-change:transform, opacity;width:0;height:0;position:absolute;top:0;left:0}.pt-label:before{content:"";background:var(--red-hot);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 3px #e3171d47,0 0 14px #e3171de6}.pt-label:after{content:"";transform-origin:0 0;background:#ffffff8c;width:26px;height:1px;position:absolute;top:0}.pt-label[data-side=right]:after{transform:rotate(calc(var(--dy) / 26 * 57.2958deg));left:4px}.pt-label[data-side=left]:after{transform-origin:100% 0;transform:rotate(calc(var(--dy) / -26 * 57.2958deg));left:auto;right:4px}.pt-label>span{top:calc(var(--dy) - 11px);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:#09090bd1;border:1px solid #fff3;border-radius:.4rem;padding:.28rem .6rem;font-size:.62rem;position:absolute}.pt-label[data-side=right]>span{left:30px}.pt-label[data-side=left]>span{right:30px}.pt-types{z-index:2;flex-wrap:wrap;gap:.4rem;display:flex;position:absolute;top:.9rem;left:.9rem}.pt-types button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:2.2rem;color:var(--chrome,#c9ced6);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#09090bb8;border:1px solid #fff3;border-radius:999px;padding:0 .85rem;font-size:.62rem;transition:all .2s}.pt-types button:hover{border-color:var(--red-hot);color:#fff}.pt-types button[aria-pressed=true]{border-color:var(--red-hot);background:var(--red);color:#fff;box-shadow:0 0 20px -4px #e3171dcc}@media (max-width:700px){.pt-types{gap:.3rem;top:.6rem;left:.6rem}.pt-types button{letter-spacing:.1em;min-height:2rem;padding:0 .6rem;font-size:.56rem}}.pt-hint{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;margin:0;font-size:.6rem;position:absolute;bottom:.8rem;right:1rem}.pt-fallback{text-align:center;color:var(--muted);place-items:center;margin:0;padding:2rem;display:grid;position:absolute;inset:0}.va-steps{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.va-step{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;background:#00000059;border-radius:.75rem;align-items:center;gap:.7rem;padding:.55rem 1rem .55rem .6rem;font-size:.72rem;transition:all .3s;display:flex}.va-step .display{color:#fff;background:#2a2a31;border-radius:.5rem;place-items:center;width:2rem;height:2rem;font-size:1.3rem;display:grid}.va[data-step="1"] .va-step[data-n="1"],.va[data-step="2"] .va-step[data-n="2"],.va[data-step="3"] .va-step[data-n="3"]{border-color:var(--red-hot);color:#fff;box-shadow:0 0 28px -6px #e3171dcc}.va[data-step="1"] .va-step[data-n="1"] .display,.va[data-step="2"] .va-step[data-n="2"] .display,.va[data-step="3"] .va-step[data-n="3"] .display{background:var(--red)}