:root{font-family:DM Sans,sans-serif;color:#fff4d9;background:#102322;font-synthesis:none;--ink:#153c39;--gold:#f6c975;--cream:#fff2d6;--orange:#ec8651}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#shell{position:relative;width:min(100vw,60dvh);height:100dvh;max-width:540px;margin:auto;background:#294b46;overflow:hidden;box-shadow:0 0 100px #0008}#game,#game canvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0 0 auto;padding:max(18px,env(safe-area-inset-top)) 22px 12px;background:linear-gradient(#102d2af5,#102d2ae8,transparent);pointer-events:none}.hud-top{display:flex;justify-content:space-between;align-items:center}small{display:block;font-size:9px;font-weight:700;letter-spacing:2.4px;color:var(--gold)}strong{display:block;font-size:17px;margin:5px 0 12px}.hud-top button{pointer-events:auto;border:1px solid #ffffff35;background:#ffffff0b;color:var(--cream);border-radius:50%;width:36px;height:36px}.status{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1px}.status i{height:4px;flex:1;background:#ffffff25}.status em{display:block;height:100%;background:var(--gold);transition:width .3s}#score{color:var(--gold);font-variant-numeric:tabular-nums}#steps{display:flex;gap:4px;margin-top:11px}#steps i{height:3px;background:#fff3;flex:1}#steps i.done{background:var(--gold)}#steps i.active{background:#f28b54}#overlay{position:absolute;inset:0;pointer-events:none}#overlay>*{pointer-events:auto}.story{height:100%;position:relative;background:#a96944 url(../art/rajasthan.webp) center/cover}.story:after{content:"";position:absolute;inset:0;background:linear-gradient(#173b3922,transparent 38%,#152e2b11 50%,#102e2bd9 82%,#102e2b)}.story-copy{position:absolute;z-index:1;inset:7% 30px auto}.edition{font-size:9px;letter-spacing:3px;color:#385450;font-weight:700}.story h1{font:clamp(42px,7vh,63px)/1.03 "Yeseva One",Georgia,serif;color:#173c39;margin:16px 0}.story h1 em{font-style:normal;color:#ad4c2e}.story-bottom{z-index:1;position:absolute;bottom:7%;left:30px;right:30px}.story p{font-size:14px;line-height:1.65;max-width:310px;color:#ffedcb}.story .eyebrow{color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.primary{background:var(--gold);color:#173c39;padding:16px 20px;font-weight:800;border-radius:6px;box-shadow:0 4px #ad7c3e;min-height:49px}.primary.wide{width:100%}.footnote{font-size:10px!important;color:#c8c9ae!important;margin:18px 0 0;letter-spacing:.3px}.chapter{position:absolute;left:20px;right:20px;bottom:9%;padding:23px;background:#f8edd7;color:var(--ink);border-radius:10px;box-shadow:0 15px 50px #001b1b77;border-top:4px solid var(--orange)}.chapter h2{font:26px Yeseva One,Georgia,serif;margin:9px 0}.chapter p{font-size:13px;line-height:1.6}.challenge{position:absolute;bottom:0;left:0;right:0;background:#f5ead3;color:var(--ink);padding:22px 24px max(27px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -15px 80px #081f2d77}.challenge h2{font:28px Yeseva One,Georgia,serif;margin:7px 0}.challenge p{font-size:12px;line-height:1.5;margin:8px 0 15px;color:#49635b}.challenge .eyebrow{color:#9f5835}.choices{display:flex;gap:10px}.choice{flex:1;border:1px solid #b6b6a0;border-radius:8px;background:#e6ddc6;color:#244b45;min-height:95px;font-size:12px;padding:12px}.choice:hover{background:#d0dcc3}.choice svg{width:65px;height:55px;display:block;margin:auto}.feedback{height:24px;font-size:12px;font-weight:700;color:#a0462b;text-align:center;margin:8px 0}.timing{height:36px;background:#173c39;border-radius:4px;position:relative;overflow:hidden;margin:22px 0}.zone{position:absolute;left:38%;width:24%;height:100%;background:#89af79}.needle{position:absolute;top:0;bottom:0;width:5px;background:#ffce7c;box-shadow:0 0 8px #ffce7c}.winding{display:flex;justify-content:center;gap:8px;margin:22px 0}.winding button{border:5px solid #ba7a3e;width:48px;height:48px;border-radius:50%;background:#294d45;color:#fff;font-weight:700}.winding button.done{background:#8aab77;border-color:#f2ba60}.part-stage{background:#173b38;border:1px solid #52746a;border-radius:10px;height:140px;display:grid;place-items:center;touch-action:none;position:relative}.part-stage svg{height:115px;width:150px;filter:drop-shadow(0 9px 5px #001a1977)}.part-stage .part-label{position:absolute;top:8px;left:10px;color:#d5ddc3;font-size:10px;letter-spacing:1px}.bins{display:flex;gap:10px;margin-top:12px}.bins button{flex:1;padding:17px 5px;background:#a94532;color:#fff;border-radius:5px;font-size:12px;font-weight:700}.bins button+button{background:#386858}.qc-counter{display:flex;justify-content:space-between;font-size:11px;margin:10px 0}.progress-track{height:8px;background:#d4cbb3;border-radius:8px;overflow:hidden;margin:15px 0}.progress-track i{display:block;height:100%;width:0;background:#3e806e}.gauge{width:150px;height:75px;border-radius:150px 150px 0 0;background:conic-gradient(from 270deg at 50% 100%,#d19c67 0deg,#8aaa79 70deg,#8aaa79 125deg,#c76c4c 125deg 180deg,transparent 180deg);margin:22px auto 0;position:relative}.gauge:before{content:"";position:absolute;inset:20px 20px 0;background:#f5ead3;border-radius:100px 100px 0 0}.gauge i{position:absolute;width:4px;height:62px;bottom:0;left:73px;background:#204a45;transform-origin:bottom;transform:rotate(-85deg)}#world-controls{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#world-controls[hidden]{display:none}#world-controls span{font-size:9px;letter-spacing:1.4px;color:#fff0c7;text-shadow:0 2px 8px #000}#action{pointer-events:auto;border:1px solid #f6c97570;background:#163f38eb;color:var(--gold);padding:14px 18px;border-radius:30px;font-size:12px;font-weight:700}#toast{position:absolute;top:25%;left:15%;right:15%;text-align:center;pointer-events:none;background:#123d35e8;border:1px solid #f7d08760;padding:13px;color:var(--gold);font-size:13px;border-radius:8px;opacity:0;transition:opacity .2s;z-index:5}#toast.show{opacity:1}#sound-control{position:absolute;bottom:8px;right:14px;z-index:9}#sound{background:transparent;color:#d5ddc3;font-size:9px;padding:3px 7px}.result .story-copy{inset:6% 26px auto}.result h1{font-size:44px}.result .story-bottom{bottom:7%;left:26px;right:26px}.result-score{font:52px Yeseva One,serif;color:#f6ce81}.result-stats{display:flex;gap:20px;margin:10px 0 20px;font-size:11px;color:#dbe1bf}.result-stats b{display:block;font-size:20px;color:#fff}.secondary{padding:14px 18px;border:1px solid #c2cbae77;border-radius:6px;color:#fff1cb;background:#1c4740}.result-actions{display:flex;gap:10px}.result-actions button{flex:1}.green-field{position:absolute;inset:39% 0 0;mix-blend-mode:color;background:linear-gradient(transparent,#4f981b 50%);z-index:1;pointer-events:none;animation:grow 3s ease both}@keyframes grow{0%{opacity:0}to{opacity:.85}}.water{position:absolute;z-index:1;top:60%;left:49%;width:8px;height:30%;background:#97e1d3;transform:rotate(26deg);box-shadow:0 0 20px #b2f6e2;opacity:.75}.paused{position:absolute;inset:0;background:#102e2bdc;display:grid;place-content:center;padding:30px;text-align:center}.paused h2{font:35px Yeseva One,serif}.paused p{font-size:13px;line-height:1.7}.error{color:#ffcb9a}@media(max-aspect-ratio:3/5){#shell{width:100vw}.story h1{font-size:48px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.green-field{inset:0;background:url(../art/green-field.webp) center/cover;mix-blend-mode:normal;z-index:0;animation:grow 3s ease both}.result .water{display:none}@keyframes grow{0%{opacity:0}to{opacity:1}}.story,.green-field{background-size:100% 100%}.bench-visual{height:96px;display:flex;align-items:center;justify-content:center;background:#1c423c;border-radius:8px;overflow:hidden}.bench-visual svg{width:115px;height:96px;flex-shrink:0}.flow-pipe{width:70px;height:12px;border:3px solid #99b4a0;border-left:0;background:#203c34}.flowing .flow-pipe{background:repeating-linear-gradient(90deg,#6ec8b6,#b9ebd2,#6ec8b6 20px);animation:flow .5s linear infinite;box-shadow:0 0 14px #75d2bf77}@keyframes flow{to{background-position:20px 0}}.result:after{background:linear-gradient(transparent 30%,#102e2bbd 57%,#102e2bf2 86%,#102e2b)}.hud-top button{width:44px;height:44px}#sound{min-height:28px;min-width:72px}#shell.room-mode{width:100vw;max-width:1100px}.opening{position:absolute;inset:0;background:#d6b585 url(../art/dealer-story.webp) center/100% 100% no-repeat;isolation:isolate}.opening:after{content:"";position:absolute;inset:55% 0 0;z-index:-1;background:linear-gradient(transparent,#3a2d23a6)}.dealer-logo{position:absolute;top:5.5%;left:14%;width:72%;height:auto;max-height:12%;object-fit:contain}.story-name{position:absolute;top:20%;left:0;right:0;text-align:center;color:#f8e9c9;font-size:10px;letter-spacing:3px;text-shadow:0 2px 5px #1d281d}.story-name span{display:block;font:18px Georgia,serif;letter-spacing:.5px;margin-top:5px}.skip-story{position:absolute;right:12px;top:max(8px,env(safe-area-inset-top));border-radius:20px;background:#f9edceeb;color:#345957;font-size:10px;min-height:32px;padding:6px 12px}.speech-cloud{position:absolute;bottom:10%;left:6%;width:88%;padding:22px 22px 16px;border-radius:30px 35px 28px 31px;background:#fffae9;color:#3d4133;box-shadow:0 6px #e1cbaa,0 15px 30px #34211455;border:2px solid #fffef5;animation:cloud-in .3s ease both}.speech-cloud:before{content:"";position:absolute;top:-24px;left:20%;width:36px;height:30px;background:#fffae9;clip-path:polygon(0 100%,35% 0,100% 100%)}.dealer-speaking .speech-cloud:before{left:auto;right:22%;transform:scaleX(-1)}.speaker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#1b5b91}.speech-cloud p{font:clamp(15px,2.1dvh,19px)/1.45 Georgia,serif;margin:10px 0 17px}.story-primary{width:100%;min-height:47px;padding:12px 10px;border-radius:13px;background:#2468a1;color:#fff8e2;font-weight:700;font-size:12px;box-shadow:0 4px #143e64}.story-direct{width:100%;min-height:35px;background:transparent;color:#405f62;font-size:10px;padding-top:10px}.story-dots{display:flex;justify-content:center;gap:5px;margin-top:14px}.story-dots i{height:5px;width:5px;border-radius:50%;background:#c6bda4}.story-dots .active{width:18px;border-radius:5px;background:#1a5a92}.story-website{position:absolute;bottom:3.6%;left:0;right:0;text-align:center;font-size:11px;color:#fff1ce;text-decoration:none}.flashback{background-image:url(../art/field-flashback.webp);animation:flashback-in .5s ease both}.memory-label{position:absolute;top:7%;left:8%;color:#3c4735}.memory-label span{font-size:10px;letter-spacing:3px}.memory-label h1{font:35px Georgia,serif;margin:10px 0}.memory-cloud:before{display:none}.memory-cloud{background:#fff1d9ed}@keyframes cloud-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes flashback-in{0%{opacity:.3;filter:sepia(.5)}to{opacity:1;filter:none}}.company-gallery{position:absolute;inset:0;background:#f5ecd9;color:#244c4c;overflow-y:auto;padding:20px 22px 30px;overscroll-behavior:contain}.company-gallery header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.client-logo{width:165px;height:auto}.round-close{border:1px solid #b7bdad;border-radius:50%;background:transparent;color:#244c4c;font-size:25px;width:44px;height:44px;flex-shrink:0}.company-gallery .eyebrow{color:#8c6945;font-size:8px}.company-gallery h2{font:27px Georgia,serif;margin:11px 0 18px}.company-gallery figure{margin:0}.company-gallery figure img{display:block;width:100%;max-height:43dvh;object-fit:contain;background:#e2d8c2;border-radius:6px}.company-gallery figcaption{font-size:12px;line-height:1.5;margin:10px 0;color:#52675e;min-height:36px}.photo-navigation{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.photo-navigation button{width:50px;height:44px;border:1px solid #acb8ab;border-radius:20px;background:transparent;color:#245b68}.photo-navigation span{font-size:11px;letter-spacing:2px}.company-gallery select{width:100%;padding:12px;margin-bottom:16px;border:1px solid #b1bbaa;background:#fcf8e9;color:#285258;border-radius:5px;font:12px sans-serif}.official-link{display:inline-block;color:#1d5f96;font-size:12px;padding:10px 0;text-underline-offset:4px}.company-gallery .primary{background:#285f92;color:#fff;box-shadow:0 3px #173c60;font-size:12px}.dispatch-evidence{height:150px;position:relative;border-radius:9px;overflow:hidden;background:#193e52}.dispatch-evidence img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.dispatch-evidence span{position:absolute;bottom:0;left:0;right:0;background:#143b58e8;color:#f8e9ce;font-size:8px;letter-spacing:1px;padding:8px}.result-logo{display:block;width:140px;height:auto;margin-bottom:7px}.result-website{color:#f5d79c;font-size:11px;text-underline-offset:3px}.showroom-room,.room-loading{position:absolute;inset:0;background:#ddd0b6;overflow:hidden;color:#244b55}.room-loading{display:grid;place-content:center;gap:15px;text-align:center;font-size:13px}.room-loading img{width:210px}.showroom-room #room-canvas,.showroom-room canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.room-hud{position:absolute;top:0;left:0;right:0;padding:22px;background:linear-gradient(#173b50f5,#173b50b8,transparent);color:#fff0cf;pointer-events:none}.room-hud img{width:142px;height:auto}.room-hud p{font-size:9px;letter-spacing:2px;margin:15px 0}.room-hud span{display:block;font:19px Georgia,serif;letter-spacing:0;margin-top:6px}.room-hud button{pointer-events:auto;position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#173b5088;font-size:24px}.reticle{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fff9db;box-shadow:0 0 0 1px #213b2d55;pointer-events:none}#room-notice{position:absolute;top:135px;left:22px;right:22px;font-size:9px;line-height:1.6;color:#fef3d8;text-shadow:0 1px 4px #233728;pointer-events:none}#room-inspect{position:absolute;left:15%;right:15%;bottom:160px;border-radius:24px;padding:15px;background:#f9e9c7;color:#234e58;font-size:11px;font-weight:700;box-shadow:0 3px 10px #001e2b44}#room-inspect[hidden]{display:none}.room-bottom{position:absolute;bottom:35px;left:22px;right:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none}.room-bottom span{font-size:7px;line-height:1.65;color:#fff5d9;text-shadow:0 1px 5px #173b2b}.room-bottom button{pointer-events:auto;font-size:11px;padding:14px 18px;background:#1d5b8c;color:#fff5d5;box-shadow:0 4px #173d60}#room-joystick{position:absolute;bottom:95px;left:27px;width:92px;height:92px;border:2px solid #fff2;border-radius:50%;background:#294f5a55;touch-action:none;display:grid;place-items:center}#room-joystick i{display:block;width:38px;height:38px;border-radius:50%;background:#fae9c899;box-shadow:0 3px 8px #173b2a33;pointer-events:none}.room-photo-layer{position:absolute;inset:0;z-index:3}.room-fallback{position:absolute;top:40%;left:15%;right:15%}@media(max-height:650px){.speech-cloud{bottom:10%;padding:15px 17px 11px}.speech-cloud p{font-size:15px;line-height:1.35;margin:7px 0 12px}.story-primary{min-height:42px;padding:10px}.story-direct{min-height:30px}.story-dots{margin-top:9px}.company-gallery{padding:15px 18px 28px}.company-gallery header{margin-bottom:12px}.company-gallery h2{font-size:23px;margin:10px 0}.company-gallery figure img{max-height:34dvh}.memory-label h1{font-size:29px}}@media(orientation:landscape)and (max-height:600px){.showroom-room .room-hud{padding:12px}.room-hud img{width:100px}.room-hud p{margin:7px 0}.room-hud span{font-size:15px}#room-notice{top:100px;font-size:8px}.room-bottom{bottom:28px;left:15px;right:15px}#room-joystick{width:72px;height:72px;bottom:90px;left:15px}#room-inspect{bottom:110px;font-size:10px;padding:10px}}.company-gallery header{position:sticky;top:-20px;background:#f5ecd9;z-index:2;padding:6px 0}.room-subtitle{display:block;font:18px Georgia,serif;color:#fff1ce;margin-top:-5px}#room-zone{margin-bottom:10px}#room-inspect{left:auto;right:22px;bottom:108px;max-width:220px;padding:12px 16px;background:#153f51dc;color:#fff0cb;font-size:10px;border:1px solid #e9ce8b66}.room-bottom{bottom:72px}#room-joystick{bottom:110px}#room-inspect{bottom:145px}#sound-control{right:auto;left:14px}@media(orientation:landscape)and (max-height:600px){.room-bottom{bottom:65px}#room-joystick{bottom:115px}#room-inspect{bottom:125px}}#world-controls{bottom:max(65px,env(safe-area-inset-bottom))}#game{position:absolute;inset:0}#build-status{display:flex;align-items:center;gap:9px;margin-top:10px;color:#efe4c9;font-size:10px;min-height:39px}#build-status .build-icon{display:block;width:47px;height:37px;background:#254b4c90;border:1px solid #d0b47845;border-radius:6px}.build-icon svg{width:46px;height:36px}#build-status small{font-size:7px;letter-spacing:1.6px;margin-bottom:4px;color:#c7ad7b}#build-status b{margin-left:auto;font-size:19px;color:#f3cc87}#build-status em{font-style:normal;font-size:10px;color:#c3cbb9}#shell.working #build-status{display:none}#world-controls{align-items:flex-end}.move-control{display:flex;flex-direction:column;gap:10px;align-items:center}#world-controls .move-control span{font-size:7px;letter-spacing:1px}#move-pad{width:77px;height:77px;display:grid;place-items:center;border:1px solid #f4d99a66;border-radius:50%;background:radial-gradient(#183f3a66,#183f3acc);box-shadow:inset 0 0 0 7px #081e2422;touch-action:none;pointer-events:auto}#move-pad i{display:block;width:31px;height:31px;border-radius:50%;background:radial-gradient(at 35% 25%,#f5dfad,#a5854d);box-shadow:0 3px 7px #031f2f77;pointer-events:none}#action{min-width:126px;background:linear-gradient(#f0d297,#d5aa62);color:#203d39;border:1px solid #fff0c4;box-shadow:0 4px #775f38,0 7px 16px #051a2466}.challenge{bottom:52px;left:10px;right:10px;border-radius:15px;background:linear-gradient(145deg,#244652,#142d3b);color:#fbefce;border:1px solid #bda27188;border-top:3px solid #d6b775;box-shadow:0 15px 60px #031b25aa;padding:21px;max-height:calc(100dvh - 152px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9d956c #1a3540}.challenge:before,.challenge:after{content:"";position:absolute;top:10px;width:5px;height:5px;border-radius:50%;background:#d5bd89;box-shadow:0 1px 2px #0008}.challenge:before{left:10px}.challenge:after{right:10px}.challenge .eyebrow{color:#e8c489;font-size:8px;letter-spacing:2px}.challenge h2{font:27px/1.1 Georgia,serif;color:#fff0ce;margin:9px 0}.challenge p{color:#bfd1cd;font-size:12px;line-height:1.45;margin:8px 0 15px}.choice{background:linear-gradient(#47616a,#294650);border:1px solid #879a9477;color:#f4e3bd;box-shadow:inset 0 1px #e5dfbb22,0 3px #0c2633;padding:9px 5px;text-transform:capitalize;transition:background .15s,transform .15s}.choice:hover{background:#45656c}.choice:active{transform:translateY(2px)}.choice:disabled{opacity:.5;box-shadow:none}.choice svg{width:75px;max-width:100%;height:65px}.challenge .primary{background:linear-gradient(#f1d59c,#dbb269);border:1px solid #ffe9b9;box-shadow:0 4px #95703f;color:#1e3d43;border-radius:7px}.feedback{min-height:30px;height:auto;line-height:1.4;margin:13px 0 0;color:#ffb78c;font-size:12px}.feedback.is-good{color:#b3e3b9}.machine-visual,.motor-visual,.assembly-rig{height:140px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#386371,#102a37 75%);border:1px solid #69817d88;border-radius:8px;display:flex;align-items:center;justify-content:center}.machine-visual svg{width:160px;height:125px;filter:drop-shadow(0 8px 4px #00131c77)}.lathe-tool{position:absolute;top:0;left:55%;width:15px;height:33px;background:linear-gradient(90deg,#718e96,#d6dfcf,#506b7c);border-bottom:8px solid #b68d55;box-shadow:0 0 0 3px #122b37}.machine-caption,.motor-visual>span{position:absolute;bottom:7px;right:10px;color:#adc1bc;font-size:7px;letter-spacing:1.5px}.cut-lamps{display:flex;gap:7px;align-items:center;margin-top:12px;font-size:8px;letter-spacing:1px;color:#a9c2b9}.cut-lamps i{width:8px;height:8px;border-radius:50%;background:#0d2732;border:1px solid #769381}.cut-lamps i.lit{background:#b5edaa;box-shadow:0 0 8px #a2e89e77}.cut-lamps span{margin-left:4px}.timing{margin:14px 0 19px;height:29px;background:repeating-linear-gradient(90deg,#102c38 0 18px,#1e3e48 18px 20px);border:1px solid #7e8d7988;overflow:visible}.zone{background:#6f9a73bb;border-left:1px solid #bfefac;border-right:1px solid #bfefac}.needle{width:4px;background:#ffe4a4;transform:translate(-50%);box-shadow:0 0 10px #ffcf8566}.needle:after{content:"";position:absolute;top:-6px;left:-4px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffe4a4}.motor-visual svg{width:270px;height:140px}.copper-coil.seated path{stroke:#f1ba70;fill:#a86b34}.copper-coil.seated{filter:drop-shadow(0 0 4px #f3b56566)}.winding{margin:15px 0;gap:10px}.winding button{width:43px;height:43px;border-width:3px;background:#183745;box-shadow:inset 0 0 0 2px #102d39}.winding button.done{background:#805e37;border-color:#f4ce8e;color:#fff1c6}.progress-track{background:#0d2634;border:1px solid #64807855;margin:14px 0;height:7px}.progress-track i{background:linear-gradient(90deg,#78ad86,#c4deb0);box-shadow:0 0 8px #b9e5ad77;transition:width .15s}#assembly-build{display:flex;align-items:center;justify-content:center;width:100%;gap:0}#assembly-build>svg{width:170px;height:125px;animation:fit-part .4s ease both}.assembly-piece{width:30%;opacity:.18;filter:grayscale(1);transition:opacity .2s,filter .2s}.assembly-piece svg{width:100%;height:105px}.assembly-piece.seated{opacity:1;filter:none;animation:fit-part .28s ease both}#assembly-count{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#dfce9f;font-size:8px;letter-spacing:2px}@keyframes fit-part{0%{transform:translateY(-10px) scale(.85)}to{transform:none}}.qc-counter{color:#c0cebc;font-size:9px;letter-spacing:1px;margin:11px 0 8px}.qc-counter b{color:#f5ce8a}#qc-round{display:flex;gap:4px;margin-bottom:12px}#qc-round i{height:4px;flex:1;background:#41606a;border-radius:2px}#qc-round .current{background:#ebc88c}#qc-round .correct{background:#95cf9f}#qc-round .missed{background:#f19776}.conveyor{height:174px;border-radius:7px;border:5px solid #60777b;border-top:9px solid #8d9c94;border-bottom:11px solid #415963;background:repeating-linear-gradient(90deg,#173440 0 13px,#27444d 13px 15px,#0f2937 15px 17px);box-shadow:inset 0 8px 20px #00192488;overflow:visible;outline-offset:3px}.conveyor svg{width:170px;height:140px;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 12px 5px #00111a88)}.part-stage .part-label{top:7px;left:7px;font-size:8px;letter-spacing:1.6px;color:#c2d3c5}.swipe-hint{position:absolute;bottom:4px;font-size:7px;letter-spacing:2px;color:#a5bcb4;pointer-events:none}.bins{gap:15px;margin-top:16px}.bins button{position:relative;display:grid;justify-items:center;gap:4px;min-height:91px;padding:9px 5px;background:linear-gradient(#ad5748,#76392f);border:1px solid #e1a08388;border-top:5px solid #df8b67;border-radius:4px 4px 9px 9px;box-shadow:0 4px #0b2532,inset 0 0 15px #411d1555;transition:filter .15s,transform .15s}.bins button+button{background:linear-gradient(#528875,#2d6155);border-color:#9ac4a477;border-top-color:#9fc1a0}.bins b{font-size:11px;letter-spacing:1px}.bins small{font-size:7px;letter-spacing:1.2px;font-weight:400;color:#f1d9be}.bins .aimed{filter:brightness(1.45);transform:translateY(-3px);outline:2px solid #ffe5ac;outline-offset:3px}.bin-shape{width:27px;height:18px;border:2px solid #f3dfba99;border-top:0;transform:perspective(40px) rotateX(-10deg);background:repeating-linear-gradient(90deg,transparent 0 5px,#f3dfba44 5px 6px)}.bench-visual{height:112px;background:radial-gradient(at 40% 50%,#386473,#102b38);border:1px solid #78908666}.bench-visual svg{width:145px;height:110px}.flow-pipe{width:95px;height:15px;background:#133848;border-color:#9aaba4}.gauge{margin-top:16px}.gauge:before{background:#1c3744}.gauge i{background:#fff2c9;box-shadow:0 0 4px #102a37}.gauge-labels{display:flex;justify-content:center;gap:23px;color:#c7c7a4;font-size:7px;letter-spacing:.6px;margin:8px 0}@media(max-height:650px){.challenge{padding:14px;max-height:calc(100dvh - 145px)}.challenge h2{font-size:23px;margin:6px 0}.challenge p{font-size:11px;margin:7px 0 10px}.machine-visual,.motor-visual,.assembly-rig{height:105px}.machine-visual svg,.motor-visual svg{height:100px}.conveyor{height:119px}.conveyor svg{height:100px;width:145px}.bins button{min-height:73px;gap:3px;padding:6px 4px}.bins{margin-top:12px}.bin-shape{height:13px;width:23px}.feedback{font-size:11px;min-height:29px;margin-top:10px}.winding{margin:10px 0}.bench-visual{height:85px}.gauge{margin-top:12px}.choice{min-height:83px}.choice svg{height:53px}}.selector-story .story-name{top:20%}.selector-cloud{bottom:9%;left:5%;width:90%;padding:20px;max-height:68dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9ad8f #fff8e7}.selector-cloud:before{display:none}.selector-cloud h2{font:25px/1.13 Georgia,serif;margin:10px 0;color:#243f42;outline:0}.selector-step{display:flex;align-items:center;justify-content:space-between;color:#927746;font-size:9px;letter-spacing:2px}.selector-cloud .selector-speech{font:14px/1.4 Georgia,serif;color:#46524c;margin:10px 0 17px}.selector-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.selector-fields label{display:block;color:#385758;font-size:10px;font-weight:700;line-height:1.5}.selector-fields label>span{display:block;font-size:9px;color:#6f7865;font-weight:400}.selector-fields select,.selector-fields input{display:block;width:100%;min-width:0;height:44px;margin-top:5px;border-radius:8px;border:1px solid #b9c3b5;background:#fffdf4;color:#214f63;padding:8px 7px;font:12px Arial,sans-serif;box-shadow:inset 0 2px 3px #5c6e5d0b}.selector-fields input{height:51px;font-size:23px;font-weight:700;padding-left:12px}.selector-fields select:disabled{opacity:.45}.selector-fields input:focus,.selector-fields select:focus{outline:2px solid #3c7fa0;outline-offset:2px}.selector-cloud .selector-tip{font:10px/1.45 Arial,sans-serif;color:#6a705d;margin:12px 0 15px}.selector-help{font:11px/1.5 Arial,sans-serif;color:#47676a;border-bottom:1px solid #b4bfaa66;margin:13px 0;padding:0 0 8px}.selector-help summary{min-height:33px;padding:7px 0;cursor:pointer;font-size:11px;color:#1c5c83}.selector-help p{font:11px/1.5 Arial,sans-serif;margin:7px 0 10px;color:#536858}.farm-presets{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.farm-presets>span{width:100%;font:8px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#8a754e;margin-bottom:3px}.farm-presets button{font-size:10px;padding:8px 9px;min-height:34px;border:1px solid #c9b98f;border-radius:17px;background:#f4e8c9;color:#345e65}.selector-cloud .story-primary{font-size:11px}.selector-cloud .story-direct{font-size:10px}.selector-edit{display:block;width:100%;font-size:10px;min-height:34px;background:transparent;color:#796941;margin-top:5px}.pump-match{display:flex;align-items:center;gap:12px;margin:13px 0;border-top:1px solid #c7b99488;border-bottom:1px solid #c7b99488;padding:15px 0}.pump-portrait{position:relative;flex:0 0 68px;align-self:stretch;min-height:195px;display:grid;place-items:center;background:radial-gradient(ellipse,#c8d9d2,#eae7ce00 70%)}.pump-portrait img{height:190px;max-width:55px;object-fit:contain;filter:drop-shadow(5px 5px 4px #3c4f4730)}.pump-portrait>span{position:absolute;bottom:0;left:0;font-size:8px;letter-spacing:2px;color:#737a61}.pump-match-copy{flex:1;min-width:0}.match-tag{font:7px Arial,sans-serif;letter-spacing:1.4px;color:#87703d}.pump-match h3{font:700 18px/1.2 Arial,sans-serif;color:#1d5d8d;overflow-wrap:anywhere;margin:8px 0}.pump-match p{font:9px/1.45 Arial,sans-serif;margin:5px 0 10px;color:#6a7766}.match-specs{display:flex;gap:17px;font:8px Arial,sans-serif;color:#6c7767}.match-specs b{display:block;color:#2c565d;font:22px Georgia,serif;margin:0 0 3px}.duty-point{background:#e4eadb;border-left:3px solid #8caa7f;padding:8px;margin-top:12px;font-size:10px;color:#34544a}.duty-point>b{font-size:13px}.duty-point small{font:8px/1.4 Arial,sans-serif;letter-spacing:0;color:#61765d;margin-top:4px}.match-reasons{padding-left:15px;font:10px/1.6 Arial,sans-serif;color:#4f6759;margin:11px 0}.match-reasons li{margin:5px 0}.selector-cloud .catalogue-footnote{font:9px/1.5 Arial,sans-serif;color:#79806c;margin:10px 0 15px}.selector-help.alternatives button{display:block;width:100%;padding:10px;margin:7px 0;background:#e9eddf;border:1px solid #bac7b3;border-radius:6px;color:#245970;text-align:left}.alternatives button b{font-size:11px}.alternatives button span{display:block;font-size:9px;margin-top:5px;color:#5c725f}.curve-values{width:100%;border-collapse:collapse;font-size:10px;text-align:left;font-variant-numeric:tabular-nums}.curve-values caption{text-align:left;font-size:9px;color:#6e775f;margin:6px 0}.curve-values th,.curve-values td{padding:5px 8px;border-bottom:1px solid #bbc7af77}.curve-values th{background:#dfe8d8;color:#30545a}.no-pump-mark{height:65px;display:grid;place-items:center}.no-pump-mark span{display:block;width:35px;height:45px;border:3px solid #b6b79f;border-radius:6px;background:repeating-linear-gradient(0deg,#e6e7d5 0 6px,#b6b79f 6px 8px);position:relative;opacity:.7}.no-pump-mark span:after{content:"";position:absolute;width:49px;height:3px;background:#b26d48;transform:rotate(-45deg);top:18px;left:-11px;box-shadow:0 0 0 2px #fff9e7}.selector-enquiry{display:block;text-align:center;font-size:11px;color:#1f6087;min-height:35px;padding:10px 0;text-underline-offset:3px}.build-icon img{display:block;height:35px;max-width:43px;object-fit:contain;margin:auto}.dispatch-order{display:flex;align-items:center;gap:14px;border:1px solid #becaa777;padding:10px 13px;border-radius:7px;margin-bottom:13px;background:#183e4e}.dispatch-order img{height:84px;width:27px;object-fit:contain}.dispatch-order span{font-size:9px;line-height:1.5;color:#d4dfcb}.dispatch-order b{display:block;font-size:15px;color:#f6d394;margin:4px 0}.dispatch-order small{font-size:8px;letter-spacing:1px}.result-order{font-size:10px;color:#e8d7b0;margin:5px 0 10px}@media(max-height:650px){.selector-story .story-name{display:none}.selector-cloud{max-height:70dvh;padding:15px;bottom:10%;border-radius:24px}.selector-cloud h2{font-size:21px;margin:7px 0}.selector-cloud .selector-speech{font-size:12px;margin:8px 0 12px}.selector-fields{gap:9px}.selector-fields select{height:40px;font-size:10px;padding:6px}.selector-cloud .selector-tip{font-size:9px;margin:9px 0}.pump-portrait{min-height:170px;flex-basis:55px}.pump-portrait img{height:165px}.pump-match h3{font-size:15px}.match-specs{gap:13px}.selector-cloud .story-primary{min-height:42px}.selector-cloud .catalogue-footnote{font-size:8px}.pump-match{padding:10px 0}.selector-story .dealer-logo{top:4%;width:65%;left:17.5%}}.selector-cloud:has(.pump-match){padding:18px;max-height:72dvh}.selector-cloud:has(.pump-match) h2{font-size:23px}.selector-cloud:has(.pump-match) .selector-speech{font-size:12px;margin:9px 0 11px}.pump-match{padding:11px 0;margin:9px 0}.pump-portrait{min-height:164px}.pump-portrait img{height:164px}.match-specs b{font-size:18px}.duty-point{padding:6px;margin-top:8px}.selector-cloud .match-summary{font:9px/1.5 Arial,sans-serif;color:#55705e;margin:8px 0}.selector-match-details{margin:7px 0;padding-bottom:5px}.selector-cloud .catalogue-footnote{font-size:8px;line-height:1.5;margin:9px 0 12px}.selector-links{display:flex;align-items:center;gap:7px;margin-top:3px}.selector-links button{flex:1;min-height:32px;font-size:9px;margin:0;padding:6px 0}.alternatives button{display:block;width:100%;padding:10px;margin:7px 0;background:#e9eddf;border:1px solid #bac7b3;border-radius:6px;color:#245970;text-align:left}@media(max-height:650px){.selector-cloud:has(.pump-match){max-height:74dvh;padding:14px}.selector-cloud:has(.pump-match) h2{font-size:20px}.pump-portrait{min-height:153px}.pump-portrait img{height:150px}}
