/* Region navigation and preview keep the native 3D world visible. */
body #ui .screen.rg:before{background:linear-gradient(#09271d99,#09271d0a 24% 66%,#09271d77)}
body #ui .screen.rg .rg-veil{background:radial-gradient(at 50% 40%,#17352624,#071d1580)}
body #ui .screen.rg .scr-title h1{font-size:26px;color:#eee8d7}
body #ui .screen.rg .scr-title>span{color:#b6c6a6;font-size:11px;letter-spacing:.3px}
body #ui .screen.rg .keys{color:#b8c6a8}
body #ui .screen.rg .rg-regions{gap:10px;margin:0 0 14px;padding:2px 1px 5px;scroll-padding-inline:2px;grid-auto-columns:minmax(170px,1fr)}
body #ui .screen.rg .rg-item{min-height:66px;padding:9px 11px;gap:10px;border:1px solid #93a77a55;border-radius:7px;background:#214532;color:#dce4ca;box-shadow:none;transform:none;animation:none}
body #ui .screen.rg .rg-item:hover{background:#30533b;transform:none}
body #ui .screen.rg .rg-item.on{background:#3d5e42;border-color:#cfb97e;box-shadow:inset 0 -2px #cfb97e;transform:none}
body #ui .screen.rg .rg-sw{width:44px;height:44px;background:#a8b98b1a;border:1px solid #a3b48244;border-radius:5px;box-shadow:none}
body #ui .screen.rg .rg-sw img.yq-region-landscape{width:40px;height:40px;object-fit:contain;transform:none;filter:none;image-rendering:pixelated}
body #ui .screen.rg .rg-tx b{font-size:14px;font-weight:600;line-height:1.35;color:inherit}
body #ui .screen.rg .rg-tx .row{gap:4px!important}
body #ui .screen.rg .rg-tx .typeicon{width:15px;height:15px}
body #ui .screen.rg .rg-soon{font-size:10px;color:#9aab8b;letter-spacing:1px;font-weight:450}
body #ui .screen.rg .rg-item.locked,body #ui .screen.rg .rg-item.soon{background:#244432;color:#9dad91;box-shadow:none;border-color:#91a67b33}
body #ui .screen.rg .rg-item.locked .rg-sw{filter:none}
body #ui .screen.rg .rg-item:is(.locked,.soon) .rg-sw img{filter:grayscale(.6);opacity:.6}
body #ui .screen.rg .rg-main{gap:18px}
body #ui .screen.rg .rg-window{padding:20px;border:1px solid #aabb8c99;box-shadow:inset 0 0 0 1px #1b3a2a77,0 10px 28px #061b1540;border-radius:26px;gap:18px}
body #ui .screen.rg .rg-headrow{gap:16px}
body #ui .screen.rg .rg-name{max-width:min(460px,60%);padding:14px 16px;background:linear-gradient(125deg,#173b2eeb,#173b2eb3);border:1px solid #a9b98c55;border-radius:7px;box-shadow:none;animation:none}
body #ui .screen.rg .rg-name>small{font-size:10px;letter-spacing:3px;color:#afc09d;text-shadow:none;font-weight:500}
body #ui .screen.rg .rg-name h1{margin:6px 0 0;color:#f0e8cc;font-size:clamp(30px,3vw,46px);line-height:1.2;font-weight:650;letter-spacing:2px;-webkit-text-stroke:0;text-shadow:0 2px 8px #0a231c88}
body #ui .screen.rg .rg-about{max-width:none;margin-top:12px;padding:10px 12px;background:#e9ead5;border:1px solid #b7c49c66;border-radius:5px;box-shadow:none;gap:7px;zoom:1;animation:none}
body #ui .screen.rg .rg-desc{color:#536b50!important;-webkit-text-fill-color:#536b50;font-size:12px;font-weight:450;line-height:1.7;text-shadow:none}
body #ui .screen.rg .rg-headrow .rg-partner{max-width:230px;min-width:0;align-items:center;gap:10px;padding:9px 10px;background:#eee8d7ed;border:1px solid #a8b48b88;border-radius:7px;box-shadow:none;animation:none;zoom:1}
body #ui .screen.rg .rg-pt{width:46px;height:46px;background:#dce4cc;border:1px solid #a5b58b;border-radius:5px;box-shadow:none}
body #ui .screen.rg .rg-pt img{object-fit:contain;transform:none}
body #ui .screen.rg .rg-pn{gap:4px;padding:0;min-width:0}
body #ui .screen.rg .rg-pn small{color:#6e7f60;font-size:10px;font-weight:450}
body #ui .screen.rg .rg-pn b{color:#294b34!important;-webkit-text-fill-color:#294b34;font-size:14px;font-weight:650;line-height:1.35;white-space:normal}
body #ui .screen.rg .rg-partner .rg-link{padding:4px 6px;background:#dce4cc;color:#4b6845;border:1px solid #a7b68a66;border-radius:4px;font-size:10px;font-weight:500;transform:none}
body #ui .screen.rg .rg-partner .chip{font-size:9px;padding:1px 5px;letter-spacing:.5px}
body #ui .screen.rg .rg-window .rg-boss{max-width:100%;align-self:flex-start;padding:12px 14px;background:#e9e7d6f2;color:#355338;border:1px solid #a8b58b88;border-radius:7px;box-shadow:none;animation:none;zoom:1}
body #ui .screen.rg .rg-boss>.tag{margin-bottom:9px;color:#4e6b46;font-size:10px;font-weight:550;line-height:1.7;letter-spacing:.6px}
body #ui .screen.rg .rg-boss .rg-hint{color:#7c896a;font-size:10px;font-weight:450;opacity:1}
body #ui .screen.rg .rg-route{gap:7px;align-items:center}
body #ui .screen.rg .rg-window .rg-stop{background:#f4efdf;border:1px solid #acb78f88;border-radius:5px;padding:6px 8px 8px;gap:6px;box-shadow:none}
body #ui .screen.rg .rg-stop>small{font-size:9px;font-weight:550;color:#6b7d5b;letter-spacing:1px}
body #ui .screen.rg .rg-window .rg-stop.leg{background:#e8dfbd;border-color:#bea66e;box-shadow:none}
body #ui .screen.rg .rg-stop.leg>small{color:#887244}
body #ui .screen.rg .rg-mons{gap:5px}
body #ui .screen.rg .rg-bic{width:34px;height:34px;border:1px solid #a7b68b;border-radius:5px;background:#e0e7cf;box-shadow:none;transform:none}
body #ui .screen.rg .rg-bic.leg{border-color:#af995d;background:#e1d5a8}
body #ui .screen.rg .rg-bic.unseen{background:#cfd8bd;border-color:#a5b38a}
body #ui .screen.rg .rg-bic img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}
body #ui .screen.rg .rg-bic.unseen img{filter:brightness(0)opacity(.4)}
body #ui .screen.rg .rg-chev{width:7px;height:7px;margin:10px 0 0;border-color:#9aab83;border-width:2px}
body #ui .screen.rg .rg-miles .rg-stop em{color:#6c7f5c;font-weight:450;font-size:9px}
body #ui .screen.rg .yq-region-icon{padding:0;border:0;background:transparent;box-shadow:none;image-rendering:pixelated;object-fit:contain}
body #ui .screen.rg .yq-region-lock{width:14px;height:14px;opacity:.85}
/* Stable inner padding: the scrolling viewport itself is controlled by OS 2.17. */
body #ui .yq-prepare-panel .rg-side-body{padding:0!important;gap:0!important}
body #ui .yq-prepare-panel .yq-prepare-content{box-sizing:border-box;width:100%;min-width:0;flex:none;display:flex;flex-direction:column;gap:18px;margin:0;padding:20px 20px 22px}
body #ui .yq-prepare-panel .rg-side-head{padding-left:20px;padding-right:20px}
body #ui .yq-prepare-panel .rg-go{padding-left:20px;padding-right:20px}
body #ui .yq-prepare-panel .rg-md{min-width:0;padding:9px;gap:8px;background:#e0e6ce;border:1px solid #a7b78b44;border-radius:5px;box-shadow:none}
body #ui .yq-prepare-panel .rg-md .yq-region-medal{width:24px;height:24px;filter:saturate(.45);opacity:.62}
body #ui .yq-prepare-panel .rg-md.on{background:#e9dfbc;border-color:#baa16b;box-shadow:none}
body #ui .yq-prepare-panel .rg-md.on .yq-region-medal{filter:none;opacity:1}
body #ui .yq-prepare-panel .rg-md b{color:#4a6742;font-size:12px;font-weight:600}
body #ui .yq-prepare-panel .rg-md small{color:#6c7c5c;font-size:10px;line-height:1.5;font-weight:450}
body #ui .yq-prepare-panel .rg-tt-pb small{color:#6e7e60;font-size:10px;font-weight:450}
body #ui .yq-prepare-panel .rg-tt-pb b{color:#3e5d3e;font-size:15px;font-weight:600}
body #ui .screen.rg .rg-item-md .yq-region-medal{width:20px;height:20px}
@media(max-width:1100px) and (min-width:901px){body #ui .screen.rg .rg-main{grid-template-columns:minmax(0,1fr) 350px;gap:14px}body #ui .screen.rg .rg-name{max-width:56%;padding:12px}body #ui .screen.rg .rg-headrow .rg-partner{gap:7px;padding:7px}}
@media(max-width:700px){
 body #ui .screen.rg .rg-regions{grid-auto-columns:minmax(155px,42vw);gap:8px;margin-bottom:12px}
 body #ui .screen.rg .rg-item{min-height:62px;padding:8px;gap:8px}
 body #ui .screen.rg .rg-sw{width:36px;height:36px}
 body #ui .screen.rg .rg-sw img.yq-region-landscape{width:34px;height:34px}
 body #ui .screen.rg .rg-tx b{font-size:13px}
 body #ui .screen.rg .rg-window{min-height:440px;padding:16px;gap:14px}
 body #ui .screen.rg .rg-headrow{flex-direction:column;gap:12px}
 body #ui .screen.rg .rg-name{max-width:100%;padding:12px 14px;align-self:flex-start}
 body #ui .screen.rg .rg-name h1{font-size:30px}
 body #ui .screen.rg .rg-headrow .rg-partner{align-self:flex-end;max-width:100%;padding:7px 9px;gap:8px}
 body #ui .screen.rg .rg-pt{width:38px;height:38px}
 body #ui .screen.rg .rg-window .rg-boss{padding:10px;align-self:stretch}
 body #ui .screen.rg .rg-route{gap:5px}
 body #ui .screen.rg .rg-window .rg-stop{padding:5px}
 body #ui .screen.rg .rg-bic{width:28px;height:28px}
 body #ui .screen.rg .rg-mons{gap:3px}
 body #ui .yq-prepare-panel .yq-prepare-content{padding:18px 18px 20px;gap:17px}
 body #ui .yq-prepare-panel .rg-side-head,body #ui .yq-prepare-panel .rg-go{padding-left:18px;padding-right:18px}
}