#mc-workshop-intros {padding:18px 10px;}
#mc-workshop-intros section {min-height:590px;}
#mc-workshop-intros .mw-phone {position:relative;max-width:380px;margin:0 auto;min-height:510px;box-sizing:border-box;overflow:hidden;border-radius:28px;padding:36px 27px 24px;background:radial-gradient(ellipse at 50% 45%,#14634f,#073e33 70%);color:#ecf7ed;font-family:Arial,sans-serif;box-shadow:0 18px 44px #002c2325;}
#mc-workshop-intros header {text-align:center;letter-spacing:3px;font-size:14px;font-weight:500;}
#mc-workshop-intros header small {display:block;margin-top:10px;font-size:11px;letter-spacing:1.8px;color:#bad8c8;}
#mc-workshop-intros canvas {display:block;width:100%;height:250px;margin:8px auto 0;}
#mc-workshop-intros h2 {text-align:center;margin:3px 0 10px;font-size:22px;font-weight:500;line-height:1.3;}
#mc-workshop-intros .mw-caption {text-align:center;margin:0;color:#bedacc;font-size:13px;}
#mc-workshop-intros .mw-progress {margin-top:28px;}
#mc-workshop-intros .mw-line {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;color:#c3ded0;}
#mc-workshop-intros .mw-number {color:#edf8ed;font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;}
#mc-workshop-intros .mw-track {height:5px;background:#d7f2e321;border-radius:5px;overflow:hidden;}
#mc-workshop-intros .mw-track>div {height:100%;width:0;background:#bee6bb;border-radius:5px;}
#mc-workshop-intros .mw-road {height:53px;position:relative;padding-top:48px;box-sizing:border-box;}
#mc-workshop-intros .mw-truck {position:absolute;left:0;bottom:6px;width:76px;height:42px;transition:opacity .14s;}
#mc-workshop-intros .mw-cargo {position:absolute;left:0;bottom:10px;width:34px;height:30px;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,#d4bd92 0,#d4bd92 9px,#baa17b 10px,#e3cda7 11px);box-shadow:inset 0 -3px #98774c;}
#mc-workshop-intros .mw-cab {position:absolute;left:35px;bottom:10px;width:36px;height:26px;background:#b9dfe2;border-radius:7px 11px 2px 0;border-bottom:9px solid #63a67e;box-sizing:border-box;overflow:hidden;}
#mc-workshop-intros .mw-worker {position:absolute;top:4px;width:10px;height:12px;background:#e4b58c;border-radius:45% 45% 35% 35%;box-shadow:0 8px #24664b;}
#mc-workshop-intros .mw-worker:before {content:'';position:absolute;top:-3px;left:-1px;width:12px;height:5px;border-radius:5px 5px 1px 1px;background:#f0d18b;}
#mc-workshop-intros .mw-worker:after {content:'';position:absolute;right:1px;top:5px;width:2px;height:2px;border-radius:50%;background:#4d3d30;}
#mc-workshop-intros .mw-worker-a {left:5px;}#mc-workshop-intros .mw-worker-b {left:21px;}
#mc-workshop-intros .mw-chassis {position:absolute;left:0;right:0;bottom:6px;height:8px;background:#74b68b;border-radius:2px 4px 3px 3px;}
#mc-workshop-intros .mw-wheel {position:absolute;width:12px;height:12px;bottom:0;background:#263b32;border:3px solid #c4d5c5;border-radius:50%;box-sizing:border-box;}
#mc-workshop-intros .mw-wheel-a {left:9px;}#mc-workshop-intros .mw-wheel-b {right:9px;}
#mc-workshop-intros .mw-lamp {position:absolute;right:1px;bottom:11px;background:#f8e5a6;width:4px;height:4px;border-radius:2px;}
#mc-workshop-intros .mw-arrived {position:absolute;right:0;bottom:10px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#c5eccb;color:#0b5738;font-size:20px;animation:mw-ready-in .2s ease-out;}
#mc-workshop-intros .mw-arrived[hidden] {display:none;}
#mc-workshop-intros footer {text-align:center;letter-spacing:1.7px;color:#a9ccba;font-size:10px;margin-top:29px;}
#mc-workshop-intros .mw-controls {display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 10px;}
#mc-workshop-intros .mw-ready {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:light-dark(#eff7f1,#0b382e);color:light-dark(#07513d,#dcf0df);animation:mw-ready-in .35s ease-out;}
#mc-workshop-intros .mw-ready[hidden] {display:none;}
#mc-workshop-intros .mw-ready>span {display:grid;place-items:center;width:76px;height:76px;margin-bottom:26px;border-radius:24px;background:light-dark(#d9eddf,#195640);color:light-dark(#137042,#d2eed6);font-size:36px;}
#mc-workshop-intros .mw-ready p {font-size:14px;}
@keyframes mw-ready-in {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#mc-workshop-intros .mw-ready {animation:none}}

#mc-workshop-intros {position:fixed;inset:0;z-index:2147483000;background:#073e33;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto;padding:16px;box-sizing:border-box;}
#mc-workshop-intros section {width:100%;min-height:0;}
#mc-workshop-intros .mw-phone {min-height:0;box-shadow:none;padding:20px 22px;background:transparent;}
#mc-workshop-intros .mw-announcement {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
#startup-retry {font:13px Arial,sans-serif;color:#d3e7d8;background:#ffffff12;border:1px solid #ffffff35;border-radius:20px;padding:11px 20px;margin-top:12px;min-height:42px;cursor:pointer;}
#startup-wait {font:13px Arial,sans-serif;color:#d3e7d8;margin:8px 12px;text-align:center;}
#startup-retry[hidden] {display:none;}
@media(max-height:640px){#mc-workshop-intros canvas{height:210px;}#mc-workshop-intros .mw-phone{padding:12px 18px;}#mc-workshop-intros header small{margin-top:6px;}#mc-workshop-intros .mw-progress{margin-top:16px;}#mc-workshop-intros footer{margin-top:14px;}}

#startup-audio-hint {font:13px Arial,sans-serif;color:#cee2d6;text-align:center;margin:12px 18px 0;}
#startup-audio-hint[hidden] {display:none;}