#vlUxWelcome,#vlUxHud,#vlUxToolbar,#vlUxRotate,#vlUxToast{font-family:system-ui,-apple-system,Segoe UI,sans-serif}
#vlUxWelcome{position:fixed;inset:0;z-index:200;color:#f6f5e8;background:radial-gradient(ellipse at 72% 30%,#194c54 0%,#102c37 43%,#091e27 100%);overflow:auto;overscroll-behavior:contain}
#vlUxWelcome[hidden],#vlUxRotate[hidden],#vlUxToast[hidden]{display:none!important}
#vlUxWelcome:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:repeating-linear-gradient(135deg,transparent 0 46px,rgba(174,227,199,.11) 47px,transparent 48px)}
.vl-ux-shell{position:relative;max-width:1420px;margin:0 auto;min-height:100%;padding:clamp(16px,2.7vw,40px);display:flex;flex-direction:column;gap:clamp(14px,2vh,25px)}
.vl-ux-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.vl-ux-brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:900;letter-spacing:.13em;color:#f9eed4}
.vl-ux-emblem{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#f2d69c,#b3814c);color:#173a34;font-size:25px;box-shadow:0 9px 28px #1017178c}
.vl-ux-overline{color:#d5bf8f;letter-spacing:.14em;font-size:10px;font-weight:800;text-transform:uppercase}
.vl-ux-head-right{font-size:11px;color:#b9d5cf;border:1px solid #cbe4d352;border-radius:50px;padding:8px 12px;max-width:45%;text-align:center}
.vl-ux-content{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(530px,1.38fr);gap:clamp(15px,2.5vw,38px);flex:1;min-height:0;align-items:stretch}
.vl-ux-intro{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:10px 0}
.vl-ux-intro h1{font-size:clamp(30px,4.4vw,63px);line-height:1.04;letter-spacing:-.05em;color:#fff8e7;margin:0;text-shadow:0 8px 35px #031922}
.vl-ux-intro h1 span{color:#e6bb7c}
.vl-ux-intro p{font-size:clamp(12px,1.3vw,16px);color:#b9d3cb;line-height:1.7;max-width:490px;margin:0}
.vl-ux-keywords{display:flex;gap:8px;flex-wrap:wrap}
.vl-ux-keywords span{border:1px solid #668a80;background:#254e4b6a;padding:7px 10px;border-radius:100px;color:#d5e8d8;font-size:11px;font-weight:700}
.vl-ux-picked{border:1px solid #dab87b7d;border-radius:18px;background:linear-gradient(150deg,#254f4a99,#172f37eb);padding:12px;display:grid;gap:6px;box-shadow:0 15px 35px #001b2460}
.vl-ux-picked h2{font-size:clamp(18px,1.8vw,27px);margin:0;color:#f7e7b9}
.vl-ux-picked p{font-size:12px;line-height:1.55;margin:0;color:#c7ded5}
.vl-ux-picked small{color:#efce98;font-size:11px}
.vl-ux-start{display:grid;gap:9px;max-width:540px}
.vl-ux-start label{font-size:11px;font-weight:700;color:#cce6d6}
#vlUxCityName{width:100%;max-width:none;background:#f2f0e7;color:#243f3d;border:2px solid transparent;border-radius:11px;font-weight:700;padding:12px 14px;font-size:15px;outline:none}
#vlUxCityName:focus-visible{border-color:#d8ba7d}
.vl-ux-actions{display:flex;gap:9px;flex-wrap:wrap}
#vlUxWelcome button,#vlUxToolbar button,#vlUxHud button{font-family:inherit;cursor:pointer}
.vl-ux-primary{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#e6c58c,#f1dcae)!important;color:#1e403a!important;font-size:13px!important;font-weight:900!important;padding:12px 17px!important;box-shadow:0 8px 18px #040e124f}
.vl-ux-secondary{border:1px solid #ffffff69!important;background:#143d40bb!important;color:#f3f2e2!important;border-radius:11px!important;padding:10px 13px!important;font-size:12px!important;font-weight:800!important}
#vlUxMessage{min-height:16px;color:#f1c69c;font-size:11px;font-weight:700}
.vl-ux-select-area{display:grid;grid-template-rows:clamp(185px,41vh,350px) auto auto;align-content:start;min-height:0;gap:11px}
.vl-ux-map{position:relative;overflow:hidden;border:1px solid #9fccbd54;background:linear-gradient(125deg,#123947 10%,#1c5b64 65%,#1a4b63);border-radius:22px;min-height:200px;box-shadow:inset 0 0 80px #07242aaa,0 24px 50px #071b2580}
.vl-ux-map:before{content:"";position:absolute;inset:0;opacity:.2;background:repeating-radial-gradient(circle at 78% 88%,transparent 0 16px,#fff 17px,transparent 18px)}
.vl-ux-map svg{width:100%;height:100%;min-height:190px;display:block;position:relative}
.vl-ux-map-title{position:absolute;top:16px;left:18px;z-index:1;font-size:12px;font-weight:900;letter-spacing:.06em;color:#e9e9d9}
.vl-ux-map-sub{position:absolute;bottom:12px;left:18px;z-index:1;font-size:10px;color:#c9ddd8;max-width:80%}
.vl-ux-map-point{cursor:pointer;outline:none}
.vl-ux-map-point circle{fill:#f3d9a4;stroke:#173a3f;stroke-width:2;transition:all .16s ease}
.vl-ux-map-point:hover circle,.vl-ux-map-point:focus circle,.vl-ux-map-point.selected circle{fill:#fff;stroke:#f6c671;stroke-width:4;r:8}
.vl-ux-map-point text{fill:#f9f0d4;font-size:8px;pointer-events:none;font-weight:800}
.vl-ux-choices-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vl-ux-choices-head strong{color:#f7ead0;font-size:12px}
.vl-ux-choices-head small{color:#c0d3cd;font-size:10px}
.vl-ux-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vl-ux-region{border:1px solid #d9ece43d!important;border-radius:13px!important;background:linear-gradient(150deg,#234b52d9,#183739f7)!important;min-height:69px;padding:10px!important;color:#eaf2e6!important;display:grid!important;text-align:left;gap:2px;align-content:center;box-shadow:none!important;white-space:normal!important;transition:transform .15s,border-color .15s,background .15s}
.vl-ux-region:hover,.vl-ux-region:focus-visible{transform:translateY(-2px);border-color:#edd8a0b5!important}
.vl-ux-region.selected{border-color:#f4cf8c!important;background:linear-gradient(150deg,#456751,#2e564f)!important;box-shadow:0 0 0 1px #e8d09058!important}
.vl-ux-region b{font-size:11px;color:#fff4d8}
.vl-ux-region small{font-size:10px;color:#bbd4cb}
.vl-ux-region span{font-size:18px}
.vl-ux-foot{font-size:10px;color:#a6c5bb;padding:5px 0 0;line-height:1.55}
#vlUxHud{position:fixed;z-index:104;top:9px;left:10px;right:10px;color:#faf5e8;display:flex;align-items:center;gap:8px;pointer-events:none}
#vlUxHud>*{pointer-events:auto}
.vl-ux-hud-main,.vl-ux-hud-metrics{background:#143a36e8;backdrop-filter:blur(13px);border:1px solid #e6d5a448;border-radius:13px;box-shadow:0 10px 28px #041b1d55;padding:8px 12px}
.vl-ux-hud-main{display:flex;gap:9px;align-items:center;min-width:190px}
.vl-ux-hud-name{display:grid;gap:1px;min-width:0}.vl-ux-hud-name b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vl-ux-hud-name small{font-size:10px;color:#d8c38e}
#vlUxHome{background:#e2c38f!important;color:#21453a!important;border:0!important;border-radius:10px!important;padding:8px 10px!important;font-size:15px!important;font-weight:900}
.vl-ux-hud-metrics{margin-left:auto;display:flex;align-items:center;gap:15px;font-variant-numeric:tabular-nums;font-weight:700;font-size:12px;white-space:nowrap}
.vl-ux-hud-metrics span{color:#d6d7c3;font-size:10px;font-weight:600}
#vlUxToolbar{position:fixed;z-index:104;bottom:max(9px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;border:1px solid #e7ce9b75;border-radius:18px;padding:8px 9px;background:#133c37f2;backdrop-filter:blur(13px);box-shadow:0 12px 40px #031c20a6;max-width:calc(100vw - 20px)}
#vlUxToolbar button{white-space:nowrap;background:#2b5e51;border:1px solid #ffffff24;border-radius:11px;color:#fcf4dd;font-weight:800;font-size:11px;padding:10px 12px}
#vlUxToolbar button.active{background:#d9bc88;color:#183c31}
#vlUxToast{position:fixed;z-index:130;right:12px;bottom:77px;max-width:min(350px,75vw);border:1px solid #e9c9928c;background:#1a4842f4;color:#fff3d6;border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.5;box-shadow:0 10px 28px #071e2399}
body.vl-ux-basic header,body.vl-ux-basic #nt4Dock,body.vl-ux-basic .panel,body.vl-ux-basic #nt4Health,body.vl-ux-basic #animationStatus,body.vl-ux-basic .notice,body.vl-ux-basic #nt4DeltaDebug{display:none!important}
body.vl-ux-basic #buildPanel{display:none!important}
body.vl-ux-basic.vl-ux-build-open #buildPanel{display:block!important;position:fixed!important;top:58px!important;left:11px!important;bottom:78px!important;right:auto!important;z-index:105!important;width:min(365px,calc(100vw - 22px))!important;max-height:calc(100dvh - 148px)!important;overflow-y:auto!important;border-color:#d9be80a8!important;box-shadow:0 19px 50px #001b2488!important}
body.vl-ux-advanced #vlUxToolbar{bottom:6px}
body.vl-ux-advanced #vlUxHud{top:5px;left:auto;right:6px;max-width:min(560px,60vw)}
body.vl-ux-advanced .vl-ux-hud-metrics{display:none}
body.vl-ux-advanced header{top:53px!important}
body.vl-ux-advanced #nt4Dock{top:114px!important}
body.vl-ux-advanced #vlUxToolbar button:not([data-ux-action="advanced"]){display:none}
#vlUxRotate{display:none;position:fixed;inset:0;z-index:400;background:#0b2a30;color:#f6e9cf;align-items:center;justify-content:center;text-align:center;padding:28px;flex-direction:column;gap:16px}
#vlUxRotate strong{font-size:22px}#vlUxRotate span{font-size:12px;line-height:1.6;color:#b6dbce;max-width:350px}#vlUxRotate .vl-ux-rotate-icon{font-size:60px;transform:rotate(90deg);animation:vlUxTurn 2.5s ease-in-out infinite alternate}
@keyframes vlUxTurn{from{transform:rotate(0deg)}to{transform:rotate(90deg)}}
@media (orientation:portrait) and (max-width:1200px){#vlUxRotate{display:flex!important}}
@media(max-width:1100px){.vl-ux-content{grid-template-columns:minmax(290px,.85fr) minmax(420px,1.35fr)}.vl-ux-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.vl-ux-shell{padding:16px}.vl-ux-intro{gap:11px}.vl-ux-intro h1{font-size:clamp(29px,3.8vw,44px)}.vl-ux-map{min-height:145px}.vl-ux-map svg{min-height:145px}.vl-ux-region{min-height:59px;padding:6px!important}}
@media(max-height:580px) and (orientation:landscape){.vl-ux-select-area{grid-template-rows:minmax(105px,30vh) auto auto}.vl-ux-content{min-height:290px}.vl-ux-map{min-height:160px}.vl-ux-map svg{min-height:160px}.vl-ux-shell{gap:10px;padding:12px 16px}.vl-ux-intro h1{font-size:clamp(27px,3.5vw,41px)}.vl-ux-picked{padding:10px}.vl-ux-region{min-height:56px}.vl-ux-foot{padding-top:0}.vl-ux-intro{justify-content:flex-start}.vl-ux-hud-metrics{gap:8px;padding:8px;font-size:10px}#vlUxToolbar{padding:5px 6px}#vlUxToolbar button{padding:8px 9px;font-size:10px}}
@media(max-width:770px) and (orientation:landscape){.vl-ux-content{grid-template-columns:minmax(240px,.9fr) minmax(350px,1.2fr);gap:12px}.vl-ux-keywords{display:none}.vl-ux-intro p{font-size:11px}.vl-ux-map{min-height:125px}.vl-ux-map svg{min-height:125px}.vl-ux-region{min-height:52px}.vl-ux-region small{display:none}.vl-ux-hud-metrics{font-size:9px}.vl-ux-hud-name b{font-size:11px}.vl-ux-hud-main{min-width:145px}#vlUxToolbar button{padding:7px 7px;font-size:9px}}
@media(max-width:640px) and (orientation:landscape){.vl-ux-content{grid-template-columns:1fr 1fr;gap:8px}.vl-ux-intro p{display:none}.vl-ux-picked{padding:8px}.vl-ux-picked p{display:none}.vl-ux-picked h2{font-size:17px}.vl-ux-choices{gap:4px}.vl-ux-region{padding:4px!important}.vl-ux-region b{font-size:9px}.vl-ux-region span{font-size:14px}.vl-ux-map-title{font-size:10px}.vl-ux-head-right{display:none}.vl-ux-hud-metrics span{display:none}}
@media(prefers-reduced-motion:reduce){.vl-ux-rotate-icon{animation:none!important}.vl-ux-region{transition:none}}
body.vl-ux-original #vlUxHud,body.vl-ux-original #vlUxToolbar{display:none!important}
#vlUxContinue[hidden]{display:none!important}
@media (max-height:470px) and (orientation:landscape){.vl-ux-shell{padding:8px 13px;gap:6px}.vl-ux-brand{font-size:14px}.vl-ux-emblem{width:35px;height:35px;font-size:20px}.vl-ux-head-right{font-size:9px;padding:6px}.vl-ux-content{min-height:0;gap:10px}.vl-ux-intro{gap:7px;padding:0;justify-content:flex-start}.vl-ux-intro h1{font-size:clamp(26px,3.4vw,32px);line-height:1}.vl-ux-intro>p,.vl-ux-keywords{display:none}.vl-ux-picked{padding:8px;gap:2px}.vl-ux-picked p{display:none}.vl-ux-picked h2{font-size:17px}.vl-ux-picked small{font-size:9px}.vl-ux-start{gap:5px}.vl-ux-start label{font-size:9px}#vlUxCityName{padding:8px 10px;font-size:12px}.vl-ux-primary{padding:8px 10px!important;font-size:11px!important}.vl-ux-secondary{padding:7px 9px!important;font-size:10px!important}#vlUxMessage{font-size:9px}.vl-ux-select-area{grid-template-rows:100px auto auto;min-height:0;gap:5px}.vl-ux-map{min-height:100px!important}.vl-ux-map svg{min-height:100px!important}.vl-ux-map-title{top:8px;left:10px;font-size:9px}.vl-ux-map-sub{bottom:5px;left:10px;font-size:8px}.vl-ux-region{min-height:47px!important;padding:5px!important}.vl-ux-region span{font-size:13px}.vl-ux-region b{font-size:10px}.vl-ux-region small{display:none}.vl-ux-choices-head strong{font-size:10px}.vl-ux-choices-head small{font-size:9px}.vl-ux-foot{font-size:8px}.vl-ux-choices{gap:5px}}

#vlUxHelp[hidden]{display:none!important}#vlUxHelp{position:fixed;inset:0;z-index:170;background:#071c25c9;display:flex;align-items:center;justify-content:center;padding:14px}#vlUxHelp .vl-ux-help-card{position:relative;width:min(540px,95vw);max-height:calc(100dvh - 30px);overflow:auto;padding:23px;border:1px solid #e1c08b8c;border-radius:17px;background:#153b39;box-shadow:0 20px 70px #0008;color:#f6ebd3}#vlUxHelp h2{font-size:24px;margin:8px 0 15px}#vlUxHelp p{font-size:12px;line-height:1.75;color:#dfebdf;margin:12px 0}#vlUxHelp .vl-ux-help-note{color:#edc889}#vlUxHelpClose{position:absolute;top:10px;right:10px;background:#315b51;color:#fff;border:1px solid #ffffff4d;border-radius:8px;padding:7px 10px;font-size:15px;cursor:pointer}