*,:before,:after{box-sizing:border-box}html,body,#root{background:#000;height:100%;margin:0;font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden}.map-viewport{overscroll-behavior-x:contain;scrollbar-width:none;width:100vw;height:100vh;overflow:auto hidden}.map-viewport::-webkit-scrollbar{display:none}.map-progress{z-index:10;align-items:center;height:18px;display:flex;position:fixed;bottom:18px;left:24px;right:24px}.map-progress input{appearance:none;cursor:grab;background:#ffffff7a;border-radius:999px;width:100%;height:5px;margin:0}.map-progress input:active{cursor:grabbing}.map-progress input::-webkit-slider-thumb{appearance:none;background:#e69d35;border:2px solid #ffffffe6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 5px #452c104d}.map-progress input::-moz-range-thumb{background:#e69d35;border:2px solid #ffffffe6;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #452c104d}.map-world{isolation:isolate;position:relative;overflow:hidden}.map-artwork,.oasis-overlay{position:absolute;inset:0}.map-artwork{overflow:hidden}.map-artwork--desert{z-index:0}.layer-bg{z-index:0;object-fit:fill;-webkit-user-select:none;user-select:none;position:absolute;top:0}.layer-path{z-index:1;object-fit:fill;-webkit-user-select:none;user-select:none;position:absolute}.oasis-overlay{z-index:2;pointer-events:none;-webkit-mask-image:var(--oasis-mask);-webkit-mask-image:var(--oasis-mask);mask-image:var(--oasis-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.level-node{z-index:3;cursor:pointer;background:0 0;border:0;outline:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.level-node img{filter:drop-shadow(0 4px 3px #00000024);-webkit-user-select:none;user-select:none;transition:filter .16s,transform .16s}.level-node span{color:#a0a4a8;pointer-events:none;font-weight:600;transition:color .16s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.level-node:hover img,.level-node:focus-visible img,.level-node--selected img{filter:drop-shadow(0 5px 5px #0003)brightness(1.06);transform:translateY(-3px)}.level-node:focus-visible img{outline-offset:3px;border-radius:50%;outline:3px solid #a08c6ecc}.level-node--selected span{color:#787c80}.character{z-index:4;object-fit:contain;filter:drop-shadow(0 6px 4px #50321233);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}@media (width<=600px){.map-progress{bottom:14px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.map-viewport{scroll-behavior:auto}.character,.level-node img,.level-node span{transition:none}}