@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#203a50;--blue:#2f71c4;--soft-blue:#e9f2fb;--muted:#7890a2}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden}body{background:#eaf1f5;color:var(--ink);font-family:DM Sans,Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #8ebcf2;outline-offset:2px}.experience{width:100vw;height:100dvh;min-height:600px;position:relative;overflow:hidden;isolation:isolate;background:#eaf1f5}.scene-layer{position:absolute;inset:0}.scene-layer canvas{display:block}.live-topbar{position:absolute;z-index:12;left:24px;right:24px;top:19px;height:64px;gap:20px;padding:0 17px;border:1px solid #fff;border-radius:14px;background:#fffffff2;box-shadow:0 14px 45px #3f5f7d1c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.live-brand,.live-topbar{display:flex;align-items:center}.live-brand{gap:10px;min-width:168px}.live-brand-mark{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;padding-right:2px;background:linear-gradient(145deg,#3c86da,#205ba7);color:white;font:800 19px Manrope,sans-serif;letter-spacing:-.14em;box-shadow:0 5px 12px #3270bd3b}.live-brand>span:last-child{display:flex;flex-direction:column;gap:2px}.live-brand strong{color:#1f3b53;font:800 14px Manrope,sans-serif;letter-spacing:-.04em}.live-brand small{color:#8ba2b2;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.top-separator{width:1px;height:27px;background:#dce5ea}.facility-name{display:flex;align-items:center;gap:7px;color:#3473be;font:800 10px Manrope,sans-serif;letter-spacing:.05em;white-space:nowrap}.facility-name strong{color:#3e566a;font-size:11px;letter-spacing:0;margin-left:4px}.mode-switch{margin-left:auto;display:flex;align-items:center;gap:3px;padding:4px;border-radius:9px;background:#edf3f7}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;height:32px;min-width:96px;padding:0 11px;color:#8398a8;border:0;border-radius:6px;background:transparent;font-size:10px;font-weight:800}.mode-switch button:hover{color:#2e70bc}.mode-switch button.active{color:#2b6ebc;background:#fff;box-shadow:0 2px 8px #466d941e}.simulation-badge{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#628c79;font:800 9px Manrope,sans-serif;letter-spacing:.09em}.simulation-badge span{width:7px;height:7px;background:#42b486;border-radius:50%;box-shadow:0 0 0 3px #e2f6eb}.scene-title{position:absolute;z-index:3;top:113px;left:34px;pointer-events:none}.interior-mode .scene-title:before{content:"";position:absolute;z-index:-1;inset:-13px -34px -14px -16px;background:linear-gradient(90deg,#edf3f6e8,#edf3f6c7 68%,#edf3f600);filter:blur(9px)}.scene-eyebrow{display:flex;align-items:center;gap:8px;color:#6c8aa2;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.scene-eyebrow i{width:14px;height:2px;background:#397ecc}.scene-title h1{margin:10px 0 5px;color:#1d3e5b;font:800 clamp(22px,2.2vw,31px)/1.2 Manrope,sans-serif;letter-spacing:-.06em}.scene-title h1 em{color:#377cc9;font-style:normal}.scene-title p{margin:0;color:#7e96a7;font-size:11px}.open-warehouse{position:absolute;z-index:5;left:32px;top:244px;width:256px;min-height:67px;display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #fff;border-radius:11px;background:#ffffffed;box-shadow:0 14px 36px #3f5e791b;text-align:left;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.open-warehouse:hover{background:#fff;transform:translateY(-2px);box-shadow:0 17px 40px #3f5e7926}.open-warehouse>span:first-child{width:38px;height:38px;flex:none;display:grid;place-items:center;color:#3274c0;background:#e5f1fd;border-radius:8px}.open-warehouse>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1 1}.open-warehouse strong{font:800 11px Manrope,sans-serif;color:#294960}.open-warehouse small{font-size:9px;color:#839bac}.open-warehouse>svg{color:#5792cd}.context-card{position:absolute;z-index:7;right:28px;top:106px;width:317px;padding:17px 18px 13px;border:1px solid #fff;border-radius:13px;background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 47px #3e607e29}.context-topline{display:flex;justify-content:space-between;align-items:center;color:#6e8da6;font:800 9px Manrope,sans-serif;letter-spacing:.13em}.context-topline button{display:grid;place-items:center;width:23px;height:23px;border:0;background:transparent;color:#91a5b4}.context-topline button:hover{color:#326fb4}.context-heading{display:flex;align-items:center;gap:11px;padding:13px 0 11px;border-bottom:1px solid #e6edf2}.context-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:9px;background:#e6f1fc;color:#3477c6}.context-heading small{color:#4c87c8;font:800 9px Manrope,sans-serif;letter-spacing:.1em}.context-heading h2{color:#1e3c54;font:800 15px/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:3px 0 0}.context-state{display:flex;align-items:center;gap:7px;height:42px;border-bottom:1px solid #e6edf2;color:#367e65;font-size:11px;font-weight:800}.context-state .state-dot{width:7px;height:7px;border-radius:50%;background:#43b98c;box-shadow:0 0 0 3px #def5e9}.context-state small{margin-left:auto;color:#9aadb9;font-size:9px;font-weight:600}.vehicle-state{color:#3472c1}.vehicle-state .state-dot{background:#4686dc;box-shadow:0 0 0 3px #e3effd}.vehicle-route-card{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e2ecf9;border-radius:8px;background:#edf4fe;color:#3975be}.vehicle-route-card>svg{flex:none}.vehicle-route-card div{display:flex;flex-direction:column;gap:4px}.vehicle-route-card span{font-size:8px;font-weight:800;letter-spacing:.1em;color:#7b98b7}.vehicle-route-card strong{font-size:10px;line-height:1.5}.route-legend{display:flex;align-items:center;gap:18px;padding:13px 0 0;color:#8098b0;font-size:9px}.route-legend span{display:flex;align-items:center;gap:6px}.route-legend i{width:16px;height:3px;border-radius:2px;background:#3479ee}.follow-button:disabled{cursor:default;opacity:.45;box-shadow:none}.package-fields{padding-top:4px}.package-fields div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #edf2f5;font-size:10px}.package-fields span{color:#8ba1af}.package-fields strong{color:#345168;text-align:right;font-size:10px}.context-description{color:#718b9e;font-size:11px;line-height:1.65;margin:15px 0}.context-stats{display:flex;gap:8px;padding-bottom:15px}.context-stats span{display:flex;align-items:center;gap:6px;color:#5581a5;background:#f0f6fb;border-radius:6px;padding:7px 8px;font-size:9px;font-weight:700}.follow-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:37px;margin-top:13px;border:0;border-radius:7px;background:#3075c7;color:#fff;box-shadow:0 7px 17px #2e73c43b;font-size:10px;font-weight:800}.follow-button:hover{background:#2468b7}.follow-button svg:last-child{margin-left:auto;margin-right:10px}.follow-button svg:first-child:not(:last-child){margin-left:auto}.context-footnote{margin:10px 0 0;color:#a0b0ba;font-size:9px;text-align:center}.show-context{right:28px;top:106px;display:flex;align-items:center;gap:7px;height:36px;padding:0 11px;border:1px solid #fff;border-radius:8px;color:#3879c2;box-shadow:0 10px 28px #3e607e1d;font-size:10px;font-weight:800}.journey-panel,.show-context{position:absolute;z-index:6;background:#fffffff0}.journey-panel{left:31px;bottom:28px;width:min(865px,calc(100vw - 415px));min-width:620px;padding:14px 18px 16px;border:1px solid #fff;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 17px 45px #3e607e27}.journey-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e7edf2}.journey-header>div{display:flex;align-items:baseline;gap:13px}.journey-header span{color:#6688a2;font:800 9px Manrope,sans-serif;letter-spacing:.12em}.journey-header strong{color:#2d4f69;font:800 11px Manrope,sans-serif}.journey-header strong i{color:#83a5c4;font-style:normal;margin:0 3px}.journey-header button{display:flex;align-items:center;gap:5px;color:#3475c0;background:#edf5fd;border:0;border-radius:6px;height:26px;padding:0 9px;font-size:9px;font-weight:800}.journey-header button:hover{background:#deedfb}.journey-steps{position:relative;display:flex;justify-content:space-between;margin-top:13px}.journey-steps:before{content:"";position:absolute;left:38px;right:38px;top:15px;height:2px;background:#dbe7f0}.journey-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:93px;color:#9aadb9;font-size:9px;font-weight:700;text-align:center}.journey-node{display:grid;place-items:center;width:30px;height:30px;border:2px solid #dce7ef;border-radius:50%;background:#fff;color:#91a7b8;font:800 10px Manrope,sans-serif}.journey-step.passed{color:#5b829f}.journey-step.passed .journey-node{background:#5590d0;border-color:#5590d0;color:white}.journey-step.current{color:#2b6ebc}.journey-step.current .journey-node{background:#2d73c4;border:2px solid white;color:white;box-shadow:0 0 0 3px #bcd9f5}.map-hint{position:absolute;z-index:3;left:32px;bottom:29px;display:flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #fff;border-radius:8px;background:#ffffffdf;color:#698599;box-shadow:0 8px 26px #3e607e18;font-size:9px;font-weight:700}.map-hint span{color:#4182c5;font-size:16px;line-height:9px;transform:rotate(90deg);margin-right:3px}.map-hint i{color:#b8c8d2;font-style:normal;margin:0 2px}.interior-mode .map-hint{bottom:165px}.view-reset{position:absolute;z-index:4;right:29px;bottom:28px;display:flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 12px;color:#58758b;border:1px solid #fff;border-radius:8px;background:#fffffff0;box-shadow:0 8px 25px #3e607e1b;font-size:10px;font-weight:800}.view-reset:hover{color:#2c71be;background:white}.mobile-details{display:none}@media (max-width:1100px){.live-topbar{left:14px;right:14px;top:12px;gap:11px}.facility-name strong,.simulation-badge,.top-separator{display:none}.facility-name{margin-right:auto}.scene-title{left:19px;top:95px}.open-warehouse{left:17px;top:220px}.context-card{width:290px}.context-card,.show-context{right:16px;top:95px}.journey-panel{left:16px;bottom:16px;width:calc(100vw - 335px);min-width:0}.journey-step{min-width:0;width:16.6%;font-size:8px}.journey-header>div{gap:8px}.journey-header strong{font-size:9px}.map-hint{left:16px;bottom:16px}.interior-mode .map-hint{bottom:156px}.view-reset{right:16px;bottom:16px}}@media (max-width:760px){.experience{min-height:560px}.live-topbar{left:10px;right:10px;top:10px;height:56px;padding:0 10px}.live-brand{min-width:0}.live-brand-mark{width:33px;height:33px;font-size:16px}.live-brand strong{font-size:11px}.facility-name,.live-brand small{display:none}.mode-switch{margin-left:auto}.mode-switch button{min-width:0;padding:0 8px;font-size:9px}.mode-switch button svg{width:13px;height:13px}.scene-title{left:16px;top:85px}.scene-title h1{font-size:22px}.scene-title p{max-width:220px;line-height:1.5}.open-warehouse{left:14px;top:206px;width:230px}.context-card{width:min(290px,calc(100vw - 20px));max-height:calc(100dvh - 185px);overflow:auto}.context-card,.show-context{right:10px;top:76px}.interior-mode .scene-title{display:none}.journey-panel{left:10px;right:10px;bottom:10px;width:auto;padding:11px}.journey-header span{font-size:8px}.journey-header strong{display:none}.journey-steps{margin-top:10px}.journey-steps:before{left:23px;right:23px}.journey-step{font-size:7px}.journey-node{width:25px;height:25px;font-size:8px}.interior-mode .map-hint{display:none}.map-hint{left:10px;bottom:10px;max-width:calc(100vw - 70px);overflow:hidden;white-space:nowrap}.map-hint i:nth-of-type(2),.map-hint i:nth-of-type(2)~*{display:none}.view-reset{right:10px;bottom:10px;width:37px;padding:0;font-size:0}.interior-mode .view-reset{bottom:143px}}