#jadeTravelUI{--gate-color:#99d9cf;position:fixed;right:12px;top:45%;z-index:49;font-family:inherit;color:#eaf1e5}
.jade-travel-toggle{width:36px;height:36px;border:1px solid #a8c5a980;border-radius:12px;background:linear-gradient(145deg,#263d3df2,#102527f2);color:#e4e9c8;font-size:26px;box-shadow:0 3px 15px #0006;cursor:pointer}
.jade-travel-panel{position:absolute;right:46px;top:-160px;width:326px;max-width:calc(100vw - 70px);max-height:min(65vh,590px);overflow:auto;overscroll-behavior:contain;border:1px solid #acbea178;border-radius:18px;background:linear-gradient(160deg,#173033f7,#0c1d22fa);box-shadow:0 18px 48px #0009;padding:14px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#506e69 #14262a}
.jade-travel-panel[hidden],#jadeGatePreview[hidden]{display:none!important}
.jade-travel-panel header{display:flex;justify-content:space-between;align-items:center}.jade-travel-panel header span{display:grid;gap:3px}.jade-travel-panel header small{font-size:8px;letter-spacing:2.4px;color:#c6ba91}.jade-travel-panel header b{font-size:18px;font-weight:600}.jade-travel-panel header button{background:none;border:0;color:#cad8cb;font-size:24px;cursor:pointer}
.jade-travel-panel p,.jade-travel-panel footer{font-size:10px;color:#a9bdb6;margin:10px 0}.jade-travel-panel footer{margin-bottom:0;text-align:center;line-height:1.5;border-top:1px solid #adc4a527;padding-top:9px}
.jade-travel-list h4{font-size:10px;font-weight:500;letter-spacing:1px;margin:14px 0 7px;color:#d4d2ad}.jade-gate-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.jade-gate-pair article{display:grid;justify-items:center;text-align:center;gap:4px;padding:10px 5px 8px;border:1px solid color-mix(in srgb,var(--gate-color) 26%,transparent);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--gate-color) 9%,#13252b),#0e2025);position:relative}.jade-gate-pair article[data-open=true]{border-color:color-mix(in srgb,var(--gate-color) 65%,transparent)}.jade-gate-emblem{color:var(--gate-color);font:25px Georgia,serif;text-shadow:0 0 15px color-mix(in srgb,var(--gate-color) 65%,transparent)}.jade-gate-pair b{font-size:11px;font-weight:600;line-height:1.5}.jade-gate-pair small{font-size:9px;color:#a5b5ad}.jade-gate-pair article[data-open=true] small{color:#a7eac9}.jade-gate-pair button{border:1px solid #c1d5b936;border-radius:7px;background:#ffffff08;color:#dce4d3;font:10px inherit;font-size:10px;padding:5px 12px;cursor:pointer;margin-top:4px}.jade-gate-pair button:hover{border-color:var(--gate-color);color:#fff}
#jadeGatePreview{--gate-color:#9fd7db;position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 102px);transform:translateX(-50%);z-index:48;display:flex;align-items:center;gap:10px;padding:10px 13px;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--gate-color) 60%,transparent);border-radius:15px;background:linear-gradient(145deg,#132a31f5,#0b1b21f5);box-shadow:0 8px 40px #0007;color:#f0f3e7}
#jadeGatePreview div{display:grid;min-width:160px;gap:2px;text-align:center}#jadeGatePreview small{font-size:9px;color:var(--gate-color)}#jadeGatePreview strong{font-size:16px;white-space:nowrap}#jadeGatePreview span{font-size:10px;color:#b2c2bc;white-space:nowrap}#jadeGatePreview button{border:0;background:#ffffff0a;color:#d6e8db;border-radius:8px;cursor:pointer;min-height:32px;font-size:24px;min-width:30px}#jadeGatePreview .jade-preview-walk{font-size:10px;padding:0 9px;white-space:nowrap;border:1px solid #a9c2b642}
body:has(#jadeGatePreview:not([hidden])) #world{pointer-events:none;visibility:hidden!important}
body:has(#jadeGatePreview:not([hidden])) :is(#hud,#topActions,#bottom,#minimapWrap,#quest,#fullscreen,#interact,#jadeCameraControls,#activityFeed,#joystick,[aria-label="แชท"]){visibility:hidden!important;pointer-events:none!important}
body:has(#jadeGatePreview:not([hidden])) #topActions{display:none!important}
#jadeGatePreview:not([hidden]){bottom:14px!important}
@media(max-width:600px){#jadeTravelUI{right:9px;top:43%}.jade-travel-panel{top:-135px;right:43px;padding:12px;width:292px;max-height:55svh}.jade-travel-panel header b{font-size:16px}#jadeGatePreview{gap:4px;bottom:calc(env(safe-area-inset-bottom,0px) + 156px);padding:8px;max-width:calc(100vw - 12px)}#jadeGatePreview div{min-width:126px}#jadeGatePreview strong{font-size:13px}#jadeGatePreview span{max-width:160px;font-size:8px;overflow:hidden;text-overflow:ellipsis}#jadeGatePreview .jade-preview-walk{font-size:9px;padding:0 5px}}
@media(max-height:500px){.jade-travel-panel{top:-120px;max-height:78svh}#jadeGatePreview{bottom:12px}}