.chuyen-xe{isolation:isolate;color:#1f2937;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1d2b4a;flex:1;min-height:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;position:relative;overflow:hidden}.chuyen-xe *,.chuyen-xe :before,.chuyen-xe :after{box-sizing:border-box}.chuyen-xe button{cursor:pointer;font-family:inherit}.chuyen-xe button:disabled{cursor:default}.chuyen-xe :focus-visible{outline-offset:3px;outline:4px solid #facc15}.chuyen-xe .cx-stage{transform-origin:0 0;touch-action:none;background:#7d8fb0;width:1600px;height:900px;position:absolute;overflow:hidden}.chuyen-xe .cx-stage.cx-paused *,.chuyen-xe .cx-stage.cx-paused :before,.chuyen-xe .cx-stage.cx-paused :after{animation-play-state:paused!important}.chuyen-xe .cx-bg,.chuyen-xe .cx-fx{width:1600px;height:900px;position:absolute;inset:0}.chuyen-xe .cx-fx{pointer-events:none;z-index:60}.chuyen-xe .cx-topbar{z-index:20;color:#fff;background:linear-gradient(#0f172ad6,#0f172a94);border-bottom:3px solid #ffffff2e;align-items:center;gap:14px;height:78px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.chuyen-xe .cx-brand{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:22px;font-weight:900;line-height:1.05;overflow:hidden}.chuyen-xe .cx-brand small{color:#fda4af;letter-spacing:1px;text-overflow:ellipsis;margin-top:3px;font-size:14px;display:block;overflow:hidden}.chuyen-xe .cx-journey{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.chuyen-xe .cx-jt{letter-spacing:3px;color:#fde68a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:900;overflow:hidden}.chuyen-xe .cx-jrow{align-items:center;gap:20px;max-width:100%;margin:3px 0 0;padding:0;list-style:none;display:flex}.chuyen-xe .cx-jn{white-space:nowrap;background:#ffffff1a;border:2px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:250px;padding:3px 12px 3px 4px;font-size:15px;font-weight:800;display:flex}.chuyen-xe .cx-jname{text-overflow:ellipsis;overflow:hidden}.chuyen-xe .cx-jn i{background:#fff3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-style:normal;display:flex}.chuyen-xe .cx-jn.cx-cur{background:#fde0472e;border-color:#fde047;box-shadow:0 0 14px #fde04780}.chuyen-xe .cx-jn.cx-done i{background:#facc15;animation:.6s cx-starpop}@keyframes cx-starpop{40%{transform:scale(1.5)rotate(20deg)}}.chuyen-xe .cx-tbtn{color:#fff;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:14px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.chuyen-xe .cx-tbtn svg{width:26px;height:26px}.chuyen-xe .cx-tbtn:active{transform:scale(.94)}.chuyen-xe .cx-robot{z-index:12;width:200px;height:270px;animation:1.6s ease-in-out infinite alternate cx-rbob;position:absolute;top:612px;left:28px}.chuyen-xe .cx-robot svg{width:100%;height:100%}.chuyen-xe .cx-robot .cx-mouth,.chuyen-xe .cx-robot .cx-robot-eyes,.chuyen-xe .cx-robot .cx-wave,.chuyen-xe .cx-robot .cx-needle{transform-box:fill-box}.chuyen-xe .cx-robot .cx-mouth{transform-origin:50%}.chuyen-xe .cx-robot.cx-talk .cx-mouth{animation:.25s infinite alternate cx-talk}.chuyen-xe .cx-robot .cx-robot-eyes{transform-origin:50%;animation:3.5s infinite cx-blink}.chuyen-xe .cx-robot .cx-wave{transform-origin:0 100%;animation:1.2s ease-in-out infinite cx-wave}.chuyen-xe .cx-robot .cx-needle{transform-origin:50% 100%;animation:2.6s ease-in-out infinite cx-needle}.chuyen-xe .cx-robot .cx-antenna{animation:1s infinite cx-antenna}@keyframes cx-rbob{to{transform:translateY(-8px)}}@keyframes cx-talk{to{transform:scaleY(.3)}}@keyframes cx-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes cx-wave{50%{transform:rotate(14deg)}}@keyframes cx-needle{0%,to{transform:rotate(-50deg)}50%{transform:rotate(50deg)}}@keyframes cx-antenna{50%{fill:#fde047}}.chuyen-xe .cx-bubble{z-index:13;background:#fff;border:4px solid #0ea5e9;border-radius:22px;width:330px;padding:12px 14px;font-size:20px;font-weight:700;line-height:1.35;animation:.35s cubic-bezier(.2,1.5,.4,1) cx-bin;position:absolute;bottom:296px;left:14px;box-shadow:0 8px #0ea5e940}.chuyen-xe .cx-bubble:after{content:"";border:13px solid #0000;border-top:15px solid #0ea5e9;position:absolute;bottom:-26px;left:70px}.chuyen-xe .cx-bubble-title{color:#0369a1;letter-spacing:1px;font-size:15px;font-weight:900}@keyframes cx-bin{0%{opacity:0;transform:scale(.7)}}.chuyen-xe .cx-trucks{z-index:11;justify-content:space-between;align-items:flex-end;gap:20px;width:1220px;height:240px;display:flex;position:absolute;top:646px;left:360px}.chuyen-xe .cx-trucks.cx-loadmode{justify-content:space-evenly}.chuyen-xe .cx-truck{width:390px;position:relative;container-type:inline-size}.chuyen-xe .cx-tk{transition:transform 1.3s cubic-bezier(.6,0,.4,1);position:relative}.chuyen-xe .cx-trucks.cx-out .cx-tk{transform:translate(1500px)}.chuyen-xe .cx-trucks.cx-in .cx-tk{transition:none;transform:translate(-1500px)}.chuyen-xe .cx-truck svg{filter:drop-shadow(0 6px 4px #0000004d);width:100%;height:auto;display:block}.chuyen-xe .cx-eye{transform-box:fill-box;transform-origin:50%;animation:4s infinite cx-blink}.chuyen-xe .cx-wheel{transform-box:fill-box;transform-origin:50%}.chuyen-xe .cx-trucks.cx-out .cx-wheel{animation:.3s linear infinite cx-spin}@keyframes cx-spin{to{transform:rotate(360deg)}}.chuyen-xe .cx-tpanel{pointer-events:none;z-index:3;justify-content:center;align-items:center;width:65%;height:37%;display:flex;position:absolute;top:38.5%;left:3%}.chuyen-xe .cx-tname{letter-spacing:1px;color:#fff;text-shadow:0 3px #0000004d;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10cqw;font-weight:900;overflow:hidden}.chuyen-xe .cx-hl{pointer-events:none;width:0;height:0;position:absolute;top:63%;left:95.5%}.chuyen-xe .cx-hl:before{content:"";opacity:0;clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);background:radial-gradient(at 0,#fffac8f2,#fff09666 40%,#fff09600 70%);width:150px;height:60px;transition:opacity .4s;position:absolute;top:-30px;left:-6px}.chuyen-xe .cx-truck.cx-on .cx-hl:before{opacity:1}.chuyen-xe .cx-tarp{background:repeating-linear-gradient(90deg, var(--tc) 0 22px, #ffffffd9 22px 30px);transform-origin:top;z-index:2;pointer-events:none;border:3px solid #00000040;border-radius:10px 10px 4px 4px;width:67%;height:35%;transition:transform .6s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3%;left:2%;transform:scaleY(0)}.chuyen-xe .cx-truck.cx-closed .cx-tarp{transform:scaleY(1)}.chuyen-xe .cx-truck.cx-hover .cx-tk{transform:translateY(-10px)scale(1.04)}.chuyen-xe .cx-truck.cx-hover svg{filter:drop-shadow(0 0 12px #fde047)drop-shadow(0 0 4px #fde047)}.chuyen-xe .cx-truck-hit{z-index:4;background:0 0;border:0;border-radius:24px;position:absolute;inset:-30px 0 0}.chuyen-xe .cx-truck-hit:not(:disabled):hover{background:#fde0472e}.chuyen-xe .cx-cargo{z-index:5;pointer-events:none;flex-wrap:wrap-reverse;place-content:flex-start center;align-items:flex-end;width:66%;height:36%;display:flex;position:absolute;top:0;left:2.5%}.chuyen-xe .cx-cargo button{pointer-events:auto;filter:drop-shadow(0 3px 2px #00000040);background:0 0;border:0;padding:0 2px;font-size:11cqw;line-height:1;animation:.45s cx-drop-in}@keyframes cx-drop-in{0%{opacity:0;transform:translateY(-70px)scale(1.6)}}.chuyen-xe .cx-content{z-index:9;width:1220px;height:545px;position:absolute;top:92px;left:360px}.chuyen-xe .cx-btn{color:#fff;text-transform:uppercase;border:0;border-radius:18px;min-height:64px;padding:0 30px;font-size:26px;font-weight:900;box-shadow:0 6px #00000040}.chuyen-xe .cx-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #00000040}.chuyen-xe .cx-btn:disabled{opacity:.45}.chuyen-xe .cx-btn.cx-small-btn{min-height:52px;padding:0 20px;font-size:20px}.chuyen-xe .cx-green{background:linear-gradient(#22c55e,#15803d)}.chuyen-xe .cx-orange{background:linear-gradient(#f97316,#c2410c)}.chuyen-xe .cx-blue{background:linear-gradient(#0ea5e9,#0369a1)}.chuyen-xe .cx-gray{background:linear-gradient(#64748b,#475569)}.chuyen-xe .cx-red{background:linear-gradient(#f43f5e,#be123c)}.chuyen-xe .cx-info{color:#475569;margin:0;font-size:19px;font-weight:800}.chuyen-xe .cx-sort{flex-direction:column;gap:8px;height:100%;display:flex;position:relative}.chuyen-xe .cx-tasks{gap:12px;margin:0;padding:0;list-style:none;display:flex}.chuyen-xe .cx-task{color:#fff;text-shadow:0 1px 2px #00000073;border-radius:16px;flex:1;padding:6px 12px;font-size:17px;font-weight:700;line-height:1.25;box-shadow:0 4px #0000002e}.chuyen-xe .cx-task b{font-size:21px;font-weight:900;display:block}.chuyen-xe .cx-pkgs{flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.chuyen-xe .cx-pkgs-done{color:#15803d;font-size:26px;font-weight:900}.chuyen-xe .cx-pkg{touch-action:none;cursor:grab;background:0 0;border:0;width:150px;height:196px;padding:0;transition:transform .15s,opacity .2s;display:block;position:relative}.chuyen-xe .cx-pkg:hover{transform:translateY(-6px)}.chuyen-xe .cx-pkg.cx-sel{filter:drop-shadow(0 0 14px #fde047);transform:scale(1.06)}.chuyen-xe .cx-pkg.cx-lift{opacity:.25}.chuyen-xe .cx-pkgs.cx-many .cx-pkg{width:118px;height:180px}.chuyen-xe .cx-box{background:linear-gradient(#f3c983,#d9963f);border-radius:14px;position:absolute;inset:16px 4px 0;box-shadow:0 7px #a8641f}.chuyen-xe .cx-box:before{content:"";background:#ffffff4d;width:14%;position:absolute;top:0;bottom:0;left:43%}.chuyen-xe .cx-ic{text-align:center;filter:drop-shadow(0 4px 3px #00000040);font-size:54px;position:absolute;top:0;left:0;right:0}.chuyen-xe .cx-nm{text-align:center;color:#422006;font-size:20px;font-weight:900;line-height:1.1;position:absolute;top:84px;left:8px;right:8px}.chuyen-xe .cx-w{text-align:center;color:#0f172a;background:#fff;border-radius:12px;padding:3px 0;font-size:22px;font-weight:900;position:absolute;bottom:18px;left:10px;right:10px;box-shadow:0 3px #00000026}.chuyen-xe .cx-pkgs.cx-many .cx-ic{font-size:44px}.chuyen-xe .cx-pkgs.cx-many .cx-nm{font-size:17px;top:74px}.chuyen-xe .cx-pkgs.cx-many .cx-w{font-size:18px}.chuyen-xe .cx-ghost{z-index:70;pointer-events:none;position:absolute;transform:rotate(-6deg)scale(1.08)}.chuyen-xe .cx-sort-info{text-align:center}.chuyen-xe .cx-ov{z-index:70;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chuyen-xe .cx-ov.cx-final-ov{background:#0f172a40}.chuyen-xe .cx-card{text-align:center;background:#fffdf5;border:6px solid #fff;border-radius:30px;width:900px;max-height:860px;padding:26px 40px;animation:.45s cubic-bezier(.2,1.5,.4,1) cx-bin;overflow:auto;box-shadow:0 14px #0003,0 30px 60px #00000059}.chuyen-xe .cx-card h1{color:#be123c;text-shadow:0 4px #fecdd3;margin:0;font-size:54px;font-weight:900;line-height:1.05}.chuyen-xe .cx-card h1 span{color:#0369a1;text-shadow:0 4px #bae6fd;margin-top:6px;font-size:40px;display:block}.chuyen-xe .cx-card h2{color:#c2410c;margin:0;font-size:40px;font-weight:900}.chuyen-xe .cx-card p{color:#334155;margin:12px 0;font-size:24px;font-weight:600;line-height:1.5}.chuyen-xe .cx-card .cx-intro{font-size:22px}.chuyen-xe .cx-tag{color:#fff;letter-spacing:1px;background:#0369a1;border-radius:999px;margin-bottom:8px;padding:6px 20px;font-size:20px;font-weight:900;display:inline-block}.chuyen-xe .cx-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;display:flex}.chuyen-xe .cx-row .cx-btn{min-width:260px}.chuyen-xe .cx-start{min-width:440px;min-height:78px;font-size:30px}.chuyen-xe .cx-cars3{justify-content:center;gap:18px;margin-bottom:6px;display:flex}.chuyen-xe .cx-cars3 div{width:180px;animation:1s ease-in-out infinite alternate cx-carbob}.chuyen-xe .cx-cars3 div:nth-child(2){animation-delay:.25s}.chuyen-xe .cx-cars3 div:nth-child(3){animation-delay:.5s}.chuyen-xe .cx-cars3 svg{width:100%;display:block}@keyframes cx-carbob{to{transform:translateY(-8px)}}.chuyen-xe .cx-name{justify-content:center;align-items:center;gap:14px;margin-top:6px;display:flex}.chuyen-xe .cx-name label{color:#334155;font-size:22px;font-weight:800}.chuyen-xe .cx-name input{text-align:center;color:#0f172a;-webkit-user-select:text;user-select:text;background:#fff;border:3px solid #cbd5e1;border-radius:14px;width:360px;min-height:56px;font-family:inherit;font-size:24px;font-weight:700}.chuyen-xe .cx-name input:focus{border-color:#0284c7;outline:none}.chuyen-xe .cx-card .cx-set-line{margin:10px 0 0;font-size:20px}.chuyen-xe .cx-hl-text{color:#c2410c}.chuyen-xe .cx-link-btn{color:#0369a1;text-underline-offset:4px;background:0 0;border:0;margin-left:12px;font-size:20px;font-weight:800;text-decoration:underline}.chuyen-xe .cx-corner{z-index:3;gap:10px;display:flex;position:absolute;top:18px;left:20px}.chuyen-xe .cx-pill{color:#fff;background:#0f172ab3;border:2px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.chuyen-xe .cx-pill.cx-round{justify-content:center;width:48px;padding:0}.chuyen-xe .cx-banner{z-index:45;text-align:center;pointer-events:none;position:absolute;top:230px;left:0;right:0}.chuyen-xe .cx-bt{color:#fff;background:linear-gradient(#ea580c,#b91c1c);border:6px solid #fff;border-radius:24px;padding:14px 40px;font-size:54px;font-weight:900;animation:.7s cubic-bezier(.2,1.5,.4,1) cx-banner-in;display:inline-block;box-shadow:0 10px #00000040,0 0 40px #facc15cc}.chuyen-xe .cx-bs{color:#fff;text-shadow:0 2px 4px #000c;margin-top:16px;font-size:26px;font-weight:800}.chuyen-xe .cx-bb{pointer-events:auto;margin-top:24px}.chuyen-xe .cx-wide{min-width:460px;min-height:78px;font-size:28px}@keyframes cx-banner-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.chuyen-xe .cx-final{width:1100px;padding:24px 40px}.chuyen-xe .cx-final .cx-end-title{color:#be123c;text-shadow:0 4px #fecdd3;font-size:46px;line-height:1.1}.chuyen-xe .cx-final .cx-end-message{font-size:24px}.chuyen-xe .cx-final .cx-who{margin:6px 0;font-size:24px}.chuyen-xe .cx-final .cx-score{color:#0369a1;margin:8px 0;font-size:34px;font-weight:900}.chuyen-xe .cx-sum{flex-wrap:wrap;justify-content:center;gap:14px;margin:6px 0;padding:0;list-style:none;display:flex}.chuyen-xe .cx-sum li{color:#334155;background:#fff;border-radius:16px;padding:8px 18px;font-size:18px;font-weight:800;box-shadow:0 3px #0000001a}.chuyen-xe .cx-sum b{color:#c2410c;font-size:28px;display:block}.chuyen-xe .cx-final .cx-when{color:#475569;margin:4px 0;font-size:18px}.chuyen-xe .cx-rotate{z-index:99;color:#fff;text-align:center;background:#0f172a;justify-content:center;align-items:center;padding:30px;font-size:22px;font-weight:800;line-height:1.5;display:none;position:absolute;inset:0}@media (max-aspect-ratio:4/5){.chuyen-xe .cx-rotate{display:flex}}@media (prefers-reduced-motion:reduce){.chuyen-xe *,.chuyen-xe :before,.chuyen-xe :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}