.explore-trigger,.chapter-tool{display:flex;align-items:center;gap:30px;background:transparent;border:0;border-bottom:1px solid #8fa97066;color:#cbebac;padding:12px 0;font-size:11px;transition:gap .3s,color .3s}.explore-trigger{margin-top:18px}.explore-trigger:hover,.chapter-tool:hover{gap:45px;color:#e5ffc5}.chapter-tool{margin-top:24px}.chapter-tool>span:last-child,.explore-trigger>span:last-child{font-size:19px}.order-lab [hidden]{display:none!important}.lab-notice{display:flex;gap:9px;align-items:center;font-size:10px;color:#91a77e;margin-bottom:30px}.lab-notice i{height:5px;width:5px;background:#c5f77e;border-radius:50%}.lab-track{position:relative;display:flex;justify-content:space-between;list-style:none;padding:0 0 30px;margin:0 0 42px;border-bottom:1px solid #39502e}.lab-track:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#c5f77e;transform-origin:left;transform:scaleX(var(--lab-progress,0));transition:transform .7s cubic-bezier(.16,1,.3,1)}.lab-track li{display:flex;gap:13px;align-items:center;color:#4f6842;transition:color .4s}.lab-track li>span{font-size:10px;border:1px solid #344b2a;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;transition:background .4s,border-color .4s}.lab-track b{font-weight:400;font-size:13px}.lab-track li.active{color:#c5f77e}.lab-track li.active>span{border-color:#a8d179;box-shadow:0 0 25px #a4d56511}.lab-track li.done{color:#91ad75}.lab-track li.done>span{background:#273e1c;border-color:#618942}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.lab-step{font:9px monospace;letter-spacing:1.4px;color:#8aa373}.lab-task h3{font-size:34px;letter-spacing:-1.2px;line-height:1.15;font-weight:400;margin:25px 0 18px}.lab-task>p{font-size:12px;line-height:1.9;color:#8c9d7e;min-height:70px;max-width:390px}.lab-options{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;margin:25px 0}.lab-select>span{display:block;font-size:10px;color:#a9bd98;margin-bottom:12px}.lab-select select{width:100%;background:#111d10;color:#c1d7ab;border:1px solid #3c522e;padding:13px 10px;border-radius:2px;font-size:11px}.lab-range{display:block;margin:18px 0 25px;color:#a3ba8e}.lab-range>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:12px}.lab-range output{color:#d2f5a8;font:10px monospace}.lab-range input{width:100%;height:22px;margin:0;accent-color:#c5f77e;cursor:pointer}.lab-range small{display:block;font-size:8px;color:#6f8a5b;margin-top:8px}.lab-options .lab-range{margin:0}.lab-check{display:flex;gap:12px;align-items:center;border:1px solid #4b6638;padding:17px;margin:27px 0;color:#b5ce9e;font-size:12px}.lab-check input{height:18px;width:18px;accent-color:#b9ed79;flex-shrink:0}.lab-task .primary{width:100%;min-height:55px;border:0;font-size:12px;margin-top:27px}.lab-task .primary:disabled{background:#22311b;color:#758868;cursor:not-allowed}.lab-reset{display:block;border:0;background:transparent;color:#8ca476;font-size:10px;padding:17px 0}.lab-passport{position:relative;align-self:start;border:1px solid #3d5430;background:radial-gradient(ellipse at 50% 30%,#314e203d,transparent 70%),#10190f;padding:24px 28px;overflow:hidden;min-height:450px}.passport-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:8px monospace;letter-spacing:1px;color:#78945f}.passport-top>span:last-child{color:#b9df90;border:1px solid #4c6c33;padding:5px 8px;font:8px Inter,Arial,sans-serif;letter-spacing:0;transition:background .4s}.parcel-stage{height:210px;position:relative;display:grid;place-items:center;perspective:700px}.parcel{position:relative;width:110px;height:110px;transform-style:preserve-3d;transform:rotateX(calc(-20deg + var(--parcel-x,0deg))) rotateY(calc(-32deg + var(--parcel-y,0deg)));transition:transform .5s cubic-bezier(.16,1,.3,1)}.parcel>i{position:absolute;inset:0;display:block;border:1px solid #7fa25555;backface-visibility:visible;background:#698c40;transition:transform .8s cubic-bezier(.16,1,.3,1),background .5s}.parcel>i:after{content:'';position:absolute;top:0;bottom:0;left:42%;width:16%;background:#d5ed9f55}.parcel .parcel-front{transform:translateZ(55px);background:linear-gradient(120deg,#a7c77d,#7c9f4f)}.parcel .parcel-back{transform:rotateY(180deg) translateZ(55px);background:#496e2e}.parcel .parcel-left{transform:rotateY(-90deg) translateZ(55px);background:#476529}.parcel .parcel-right{transform:rotateY(90deg) translateZ(55px);background:#6d9342}.parcel .parcel-top{transform:rotateX(90deg) translateZ(55px);background:#c1dc96}.parcel .parcel-bottom{transform:rotateX(-90deg) translateZ(55px);background:#334b23}.parcel>span{position:absolute;inset:0;display:grid;place-items:center;font-size:43px;color:#2b481d;font-weight:650;transform:translateZ(56px)}.picked .parcel-top{transform:translateY(-28px) rotateX(122deg) translateZ(65px)}.order-lab[data-step="2"] .parcel,.order-lab[data-step="3"] .parcel{transform:translateX(25px) rotateX(-15deg) rotateY(30deg)}.order-lab[data-step="4"] .parcel{transform:scale(.82) rotateX(-15deg) rotateY(-20deg)}.parcel-ground{position:absolute;width:160px;height:30px;background:#2b411b88;filter:blur(15px);border-radius:50%;top:175px;pointer-events:none}.parcel-confirm{position:absolute;top:47px;right:18%;height:45px;width:45px;border-radius:50%;background:#c5f77e;color:#1b3011;display:grid;place-items:center;box-shadow:0 0 40px #b8eb7133;font-size:25px;opacity:0;transform:scale(.2);transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s}.order-lab[data-step="4"] .parcel-confirm{opacity:1;transform:scale(1)}.passport-detail{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #35492b;font-size:10px;color:#799565}.passport-detail strong{font-weight:450;color:#c9dfb5}.passport-message{font-size:11px;line-height:1.8;color:#9cb786;min-height:65px;margin-top:18px}.passport-3d{display:flex;justify-content:space-between;gap:20px;width:100%;border:0;border-top:1px solid #3a512c;background:transparent;color:#c7ee9e;padding:17px 0 0;font-size:10px}.passport-3d>span:last-child{font-size:18px}body.exploring{overflow:hidden}#explorer{width:min(1280px,96vw);height:min(800px,94svh);max-width:none;max-height:94svh;padding:0;border:1px solid #5b7943;background:#0a100b;color:#e4edda;overflow:hidden;box-shadow:0 30px 100px #000b}#explorer::backdrop{background:#030804d9;backdrop-filter:blur(13px)}.explorer-header{height:89px;display:flex;justify-content:space-between;align-items:center;padding:20px 27px;border-bottom:1px solid #304329}.explorer-header .section-code{font-size:7px;color:#708e5c}.explorer-header h2{font-size:25px;letter-spacing:-.7px;font-weight:400;margin:7px 0 0}.explorer-header button{border:1px solid #4c6638;color:#c1d4ae;background:transparent;padding:11px 15px;font-size:10px}.explorer-layout{display:grid;grid-template-columns:1fr 300px;height:calc(100% - 89px)}#explorer-view{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1c2d1766,#080d0b)}body.exploring #explorer .scene{position:absolute;inset:0!important;pointer-events:auto;width:100%;height:100%;transition:none;z-index:0}#explorer .scene canvas{touch-action:none;cursor:grab}#explorer .scene canvas.dragging{cursor:grabbing}.explorer-hint{position:absolute;left:20px;bottom:18px;font-size:9px;color:#77945e;z-index:2;pointer-events:none}.explorer-panel{border-left:1px solid #304329;padding:25px 22px;overflow:auto}.explorer-panel>.section-code{font-size:8px}.focus-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 22px}.focus-buttons button{border:1px solid #3c532d;background:transparent;color:#91aa7b;padding:8px 11px;font-size:9px;border-radius:3px;transition:all .25s}.focus-buttons button[aria-pressed=true]{background:#b8e484;color:#15250c;border-color:#b8e484}.focus-copy h3{font-size:21px;letter-spacing:-.7px;line-height:1.2;font-weight:400;margin:15px 0}.focus-copy p{font-size:10px;line-height:1.9;color:#7f9c69;min-height:75px}.send-truck{width:100%;border:1px solid #668943;background:#1c3013;color:#bce28d;padding:13px 10px;font-size:10px}.send-truck:disabled{opacity:.6;cursor:progress}.delivery-meter{height:2px;background:#2c4120;margin:10px 0 22px;overflow:hidden}.delivery-meter i{height:100%;width:100%;background:#c5f77e;display:block;transform:scaleX(0);transform-origin:left;transition:transform .1s linear}.explorer-actions{display:flex;flex-wrap:wrap;gap:15px}.explorer-actions button{border:0;border-bottom:1px solid #3d592a;background:transparent;color:#a4be8c;font-size:9px;padding:7px 0}.explorer-panel>small{display:block;font-size:8px;line-height:1.9;color:#647f50;margin-top:23px}.hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}.hotspots button{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);border:0;background:#101c10d9;color:#cdefa9;font-size:9px;display:flex;align-items:center;gap:7px;padding:8px 10px;box-shadow:0 0 0 1px #82a75a55;backdrop-filter:blur(8px);white-space:nowrap}.hotspots button[hidden]{display:none}.hotspots i{height:5px;width:5px;background:#c5f77e;border-radius:50%;box-shadow:0 0 9px #b7ea7c66}.hotspots button:hover{background:#c5f77e;color:#15250d}.hotspots button:hover i{background:#254619}body.exploring .scene-status{opacity:0;pointer-events:none}.lab-task h3,.focus-copy h3{overflow-wrap:anywhere}
@media(max-width:800px){.lab-grid{gap:5%}.lab-track b{font-size:11px}.lab-track li{gap:8px}.lab-task h3{font-size:28px}.lab-options{grid-template-columns:1fr;gap:18px}.lab-passport{padding:22px;min-height:450px}.explorer-layout{grid-template-columns:1fr 250px}.explorer-panel{padding:22px 17px}}
@media(max-width:600px){.explore-trigger{font-size:10px;margin-top:14px}.hero{min-height:860px}.chapter-tool{font-size:10px}.lab-notice{font-size:8px;line-height:1.8;margin-bottom:25px}.lab-track{margin-bottom:28px;padding-bottom:22px}.lab-track li{flex-direction:column;align-items:center;gap:8px}.lab-track li>span{height:25px;width:25px;font-size:8px}.lab-track b{font-size:8px}.lab-grid{grid-template-columns:1fr;gap:30px}.lab-task h3{font-size:30px;margin-top:20px}.lab-task>p{min-height:0;font-size:11px}.lab-options{grid-template-columns:1fr 1.2fr;gap:20px}.lab-task .primary{margin-top:20px}.lab-passport{min-height:410px}.lab-check{font-size:11px}.passport-message{min-height:45px}.parcel-stage{height:185px}.parcel{scale:.85}.parcel-ground{top:155px}#explorer{height:96svh;max-height:96svh;width:96vw;overflow-y:auto}.explorer-header{height:75px;padding:15px 18px}.explorer-header h2{font-size:21px}.explorer-layout{display:flex;flex-direction:column;height:auto}#explorer-view{height:43svh;min-height:300px;flex-shrink:0}.explorer-panel{border-left:0;border-top:1px solid #304329;overflow:visible;padding:22px}.explorer-hint{font-size:7px;left:13px;bottom:12px}.focus-copy p{min-height:0}.focus-buttons{margin-block:14px}.focus-buttons button{font-size:10px}.explorer-panel .lab-range{margin-bottom:18px}.hotspots button{font-size:8px;padding:7px}.explorer-panel>small{font-size:8px}.role-panel small{line-height:1.9}.hero-coordinates{top:420px}}
@media(prefers-reduced-motion:reduce){.lab-track:after,.parcel,.parcel>i,.parcel-confirm,.delivery-meter i{transition:none!important}}