*{box-sizing:border-box}:root{--yp-bg:#050816;--yp-panel:rgba(7,11,31,.90);--yp-panel-strong:rgba(7,11,31,.96);--yp-border:rgba(255,255,255,.14);--yp-text:#fff;--yp-muted:#aeb8e8;--yp-accent:#4f7cff;--yp-green:#52ffb0;--yp-yellow:#ffd43b;--yp-red:#ff315f;--yp-safe-top:env(safe-area-inset-top,0px);--yp-safe-bottom:env(safe-area-inset-bottom,0px)}
#youplugs-map-app{position:relative;display:block;width:100%;height:min(88svh,920px);min-height:620px;overflow:hidden;background:#0b1027;color:var(--yp-text);font-family:Arial,Helvetica,sans-serif;isolation:isolate;border-radius:20px;contain:layout size paint;touch-action:pan-x pan-y}#yp-map{position:absolute;inset:0;z-index:1;background:#101735}.leaflet-control-container{z-index:650}.yp-panel{position:absolute;z-index:700;background:var(--yp-panel);border:1px solid var(--yp-border);color:white;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.yp-top{top:12px;left:12px;right:12px;padding:10px;display:grid;grid-template-columns:minmax(180px,1.2fr) 110px auto auto auto;gap:8px;align-items:center}.yp-side{top:82px;left:12px;width:302px;padding:12px}.yp-tools{top:82px;right:12px;width:280px;padding:12px;display:grid;gap:10px}.yp-chat{left:12px;right:12px;bottom:12px;padding:10px;display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.yp-map-actions{position:absolute;right:12px;top:92px;z-index:720;display:flex;flex-direction:column;gap:8px}.yp-fab{width:46px;height:46px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(7,11,31,.88);color:#fff;font-size:19px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.32);cursor:pointer}.yp-input,.yp-select,.yp-textarea{width:100%;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:13px;padding:0 12px;outline:none;font-size:16px}.yp-input,.yp-select{height:42px}.yp-textarea{height:78px;padding:10px 12px;resize:none}.yp-select option{color:#111}.yp-input::placeholder,.yp-textarea::placeholder{color:#c4caeb}.yp-btn{height:42px;border:0;border-radius:13px;padding:0 13px;color:white;font-weight:800;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f7cff,#8f5cff)}.yp-btn.secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.yp-btn.taxi{background:linear-gradient(135deg,#ffb900,#ff7a00)}.yp-btn.emergency{background:linear-gradient(135deg,#ff315f,#1b70ff)}.yp-btn:disabled{opacity:.45;cursor:not-allowed}.yp-btn.yp-active{outline:3px solid rgba(255,212,59,.35)}.yp-full{width:100%;margin-top:8px}.yp-title{margin:0 0 8px;font-size:14px;font-weight:900}.yp-help{display:block;margin-top:8px;color:var(--yp-muted);line-height:1.35}.yp-stat{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px}.yp-stat span:first-child{color:var(--yp-muted)}.yp-status{padding:9px 10px;border-radius:13px;margin:8px 0;font-size:13px;line-height:1.35;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.yp-status.ok{border-color:rgba(82,255,176,.35);background:rgba(82,255,176,.11)}.yp-status.warn{border-color:rgba(255,212,59,.5);background:rgba(255,212,59,.12)}.yp-status.error{border-color:rgba(255,49,95,.6);background:rgba(255,49,95,.16)}.yp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.yp-radar{height:145px;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;position:relative;background:radial-gradient(circle at center,transparent 0 23%,rgba(255,255,255,.14) 24% 25%,transparent 26% 49%,rgba(255,255,255,.12) 50% 51%,transparent 52%),rgba(0,0,0,.24)}.yp-radar:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(79,124,255,0),rgba(79,124,255,.36),rgba(79,124,255,0) 68deg);animation:ypSpin 3s linear infinite}@keyframes ypSpin{to{transform:rotate(360deg)}}.yp-radar-dot{position:absolute;width:9px;height:9px;border-radius:50%;z-index:2;background:#52ffb0;box-shadow:0 0 12px currentColor;transform:translate(-50%,-50%)}.yp-radar-dot[data-status="emergency"]{background:#ff315f}.yp-radar-dot[data-status="taxi"]{background:#ffd43b}.yp-chat-messages{height:142px;overflow:auto;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);padding:8px;font-size:13px}.yp-message{margin:0 0 7px;line-height:1.35}.yp-message b{color:#9db6ff}.yp-msg-emergency b{color:#ff8fa5}.yp-msg-taxi b{color:#ffd43b}.yp-chat-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;margin-top:8px}.yp-selected{min-height:126px;max-height:126px;overflow:auto;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.20);padding:10px;color:#cbd3ff;font-size:13px;line-height:1.45}.yp-chat-photo{max-width:180px;max-height:120px;border-radius:12px;margin-top:6px;border:1px solid rgba(255,255,255,.22)}.yp-you-icon{width:28px;height:28px;background:#4f7cff;border:3px solid white;border-radius:70% 70% 70% 8%;transform:rotate(45deg);box-shadow:0 0 24px rgba(79,124,255,.95)}.yp-user-icon{width:18px;height:18px;border-radius:50%;background:#52ffb0;border:2px solid white;box-shadow:0 0 18px #52ffb0}.yp-dest-icon{width:22px;height:22px;border-radius:50% 50% 50% 0;background:#ffd43b;border:3px solid #fff;transform:rotate(-45deg);box-shadow:0 0 18px #ffd43b}.yp-tooltip{background:rgba(7,11,31,.95);color:white;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:4px 7px}.yp-alert-taxi .yp-you-icon,.yp-alert-taxi .yp-user-icon{animation:ypTaxi 1s infinite}.yp-alert-emergency .yp-you-icon,.yp-alert-emergency .yp-user-icon{animation:ypEmergency .55s infinite}@keyframes ypTaxi{0%,100%{background:#ffd43b;box-shadow:0 0 8px #ffd43b}50%{background:#ff7a00;box-shadow:0 0 42px #ffb000}}@keyframes ypEmergency{0%,100%{background:#ff315f;box-shadow:0 0 30px #ff315f}50%{background:#2176ff;box-shadow:0 0 30px #2176ff}}.yp-taxi-wave{animation:ypWave 1.4s infinite}.yp-emergency-wave{animation:ypWave .8s infinite}@keyframes ypWave{50%{stroke-width:12;fill-opacity:.05}}
.yp-mobile-tabs{display:none}@media(max-width:980px){#youplugs-map-app{height:100svh;min-height:560px;border-radius:0;margin-left:0;margin-right:0;width:100%;max-width:100%;min-width:0}.yp-top{top:calc(8px + var(--yp-safe-top));left:8px;right:8px;grid-template-columns:1fr auto;gap:7px;padding:8px}.yp-top #yp-address,.yp-top #yp-route-btn{grid-column:1/-1}.yp-side,.yp-tools,.yp-chat{left:8px;right:8px;width:auto;display:none}.yp-side.yp-open,.yp-tools.yp-open,.yp-chat.yp-open{display:block}.yp-side,.yp-tools,.yp-chat{top:auto;bottom:calc(66px + var(--yp-safe-bottom));max-height:44svh;overflow:auto;padding:10px}.yp-chat.yp-open{display:grid;grid-template-columns:1fr}.yp-chat-messages{height:95px}.yp-selected{min-height:auto;max-height:88px}.yp-chat-row{grid-template-columns:1fr auto auto auto}.yp-mobile-tabs{position:absolute;z-index:730;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;left:8px;right:8px;bottom:calc(8px + var(--yp-safe-bottom));padding:7px;border-radius:18px;background:var(--yp-panel-strong);border:1px solid var(--yp-border);box-shadow:0 18px 55px rgba(0,0,0,.42)}.yp-tab{height:43px;border:0;border-radius:13px;background:rgba(255,255,255,.10);color:white;font-weight:900}.yp-tab.yp-active{background:linear-gradient(135deg,#4f7cff,#8f5cff)}.yp-map-actions{top:calc(174px + var(--yp-safe-top));right:8px}.yp-input,.yp-select,.yp-btn{height:40px;font-size:16px}}


/* Social groups + invitations */
.yp-social{display:grid;gap:8px}.yp-inline{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.yp-list{max-height:118px;overflow:auto;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);border-radius:12px;padding:6px;margin:6px 0;color:#d8ddff;font-size:12px}.yp-list-row{display:grid;grid-template-columns:1fr auto auto auto;gap:5px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08)}.yp-list-row:last-child{border-bottom:0}.yp-mini{height:28px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.11);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.yp-mini:hover{background:rgba(255,255,255,.18)}.yp-btn.yp-active{outline:2px solid rgba(82,255,176,.55)}
@media(max-width:980px){.yp-tools.yp-open{grid-template-columns:1fr}.yp-list{max-height:86px}.yp-list-row{grid-template-columns:1fr auto auto}}

/* ===== Youplugs G-Map v4 — responsive production fixes ===== */
#youplugs-map-app,
#youplugs-map-app *{box-sizing:border-box}
#youplugs-map-app{--yp-top-h:64px;--yp-mobile-nav:58px;max-width:100%;min-width:0;height:clamp(640px,82dvh,920px);min-height:0;border-radius:18px;overscroll-behavior:contain;touch-action:manipulation}
#yp-map{width:100%;height:100%;touch-action:none}
#youplugs-map-app .leaflet-container{font:inherit}
#youplugs-map-app .leaflet-control-zoom{border:1px solid var(--yp-border);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.32)}
#youplugs-map-app .leaflet-control-zoom a{background:rgba(7,11,31,.92);color:#fff;border-color:rgba(255,255,255,.12)}
.yp-top{grid-template-columns:minmax(220px,1fr) 120px auto auto auto;max-width:none}
.yp-side{top:84px;bottom:190px;overflow:auto;overscroll-behavior:contain}
.yp-tools{top:84px;bottom:190px;overflow:auto;overscroll-behavior:contain}
.yp-chat{max-height:172px}
.yp-btn,.yp-fab,.yp-tab,.yp-mini{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.yp-btn:focus-visible,.yp-fab:focus-visible,.yp-tab:focus-visible,.yp-mini:focus-visible,.yp-input:focus-visible,.yp-select:focus-visible,.yp-textarea:focus-visible{outline:2px solid #7fe7ff;outline-offset:2px}
.yp-list,.yp-chat-messages,.yp-selected{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

@media (max-width:1100px) and (min-width:981px){
  .yp-top{grid-template-columns:minmax(180px,1fr) 105px repeat(3,auto)}
  .yp-side{width:270px}.yp-tools{width:250px}
}

@media (max-width:980px){
  #youplugs-map-app{width:100%;height:clamp(620px,calc(100dvh - 8px),1000px);min-height:620px;margin:0;border-radius:14px;contain:layout paint;overflow:hidden}
  .yp-top{top:max(8px,var(--yp-safe-top));left:8px;right:8px;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:6px;padding:7px;border-radius:15px}
  .yp-top #yp-address{grid-column:1/2;grid-row:1}
  .yp-top #yp-mode{grid-column:2/3;grid-row:1}
  .yp-top #yp-route-btn{grid-column:1/2;grid-row:2}
  .yp-top #yp-taxi-btn{grid-column:2/3;grid-row:2}
  .yp-top #yp-emergency-btn{grid-column:1/-1;grid-row:3}
  .yp-top .yp-input,.yp-top .yp-select,.yp-top .yp-btn{height:38px;min-width:0;padding-left:9px;padding-right:9px;font-size:14px}
  .yp-side,.yp-tools,.yp-chat{top:auto;left:8px;right:8px;bottom:calc(var(--yp-mobile-nav) + 16px + var(--yp-safe-bottom));width:auto;max-height:min(48dvh,430px);overflow:auto;border-radius:16px;padding:10px;-webkit-overflow-scrolling:touch}
  .yp-side.yp-open,.yp-tools.yp-open{display:block}
  .yp-chat.yp-open{display:grid;grid-template-columns:1fr;gap:10px}
  .yp-mobile-tabs{left:8px;right:8px;bottom:max(8px,var(--yp-safe-bottom));height:var(--yp-mobile-nav);padding:6px;gap:6px}
  .yp-tab{height:44px;font-size:13px}
  .yp-map-actions{top:calc(max(8px,var(--yp-safe-top)) + 158px);right:8px;gap:6px}
  .yp-fab{width:42px;height:42px;border-radius:13px;font-size:18px}
  .yp-grid2{gap:6px}
  .yp-grid2 .yp-btn{min-width:0;padding:0 7px;font-size:13px}
  .yp-chat-row{grid-template-columns:minmax(0,1fr) 40px 40px;gap:6px}
  .yp-chat-row #yp-send-btn{grid-column:1/-1;width:100%}
  .yp-chat-row .yp-btn{padding:0;min-width:0}
  .yp-chat-messages{height:112px}
  .yp-selected{max-height:100px}
  .yp-inline{grid-template-columns:minmax(0,1fr) auto}
  .yp-list-row{grid-template-columns:minmax(0,1fr) auto;gap:5px}
  .yp-list-row .yp-mini{min-width:44px;padding:0 7px}
  .yp-radar{height:118px}
  #youplugs-map-app .leaflet-bottom.leaflet-right{bottom:calc(var(--yp-mobile-nav) + 18px + var(--yp-safe-bottom))}
  #youplugs-map-app .leaflet-control-attribution{font-size:9px;max-width:60vw;white-space:normal;line-height:1.15}
}

@media (max-width:520px){
  #youplugs-map-app{height:100dvh;min-height:560px;border-radius:0}
  .yp-top{grid-template-columns:minmax(0,1fr) 92px}
  .yp-top .yp-input,.yp-top .yp-select,.yp-top .yp-btn{font-size:13px}
  .yp-side,.yp-tools,.yp-chat{max-height:52dvh}
  .yp-stat{font-size:12px}.yp-help{font-size:11px}
  .yp-title{font-size:13px}.yp-input,.yp-select,.yp-textarea{font-size:16px}
}

@media (max-height:680px) and (max-width:980px){
  #youplugs-map-app{min-height:520px}
  .yp-side,.yp-tools,.yp-chat{max-height:43dvh}
  .yp-top #yp-emergency-btn{display:none}
  .yp-map-actions{top:calc(max(8px,var(--yp-safe-top)) + 116px)}
}

@media (prefers-reduced-motion:reduce){
  #youplugs-map-app *{scroll-behavior:auto!important}
  .yp-radar:after,.yp-alert-taxi .yp-you-icon,.yp-alert-taxi .yp-user-icon,.yp-alert-emergency .yp-you-icon,.yp-alert-emergency .yp-user-icon,.yp-taxi-wave,.yp-emergency-wave{animation:none!important}
}

/* ===== Youplugs G-Map v5 — Neon realtime/privacy ===== */
#youplugs-map-app{--yp-cyan:#23e8ff;--yp-violet:#9a5cff;--yp-pink:#ff38d1;--yp-lime:#61ff9b;--yp-orange:#ffad33;background:radial-gradient(circle at 20% 0%,rgba(35,232,255,.12),transparent 34%),radial-gradient(circle at 85% 10%,rgba(154,92,255,.14),transparent 38%),#02050d;box-shadow:inset 0 0 70px rgba(35,232,255,.06),0 0 34px rgba(35,232,255,.08)}
.yp-panel,.yp-mobile-tabs{background:linear-gradient(145deg,rgba(3,8,22,.91),rgba(12,7,30,.86));border-color:rgba(62,231,255,.26);box-shadow:0 15px 48px rgba(0,0,0,.52),inset 0 0 22px rgba(35,232,255,.035),0 0 18px rgba(35,232,255,.07)}
.yp-panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(35,232,255,.65),rgba(154,92,255,.22),rgba(255,56,209,.45),rgba(97,255,155,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55}
.yp-title{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(35,232,255,.55)}
.yp-btn{background:linear-gradient(115deg,#1264ff,#793cff 48%,#d329d6);box-shadow:0 0 15px rgba(88,89,255,.22);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.yp-btn:hover{filter:brightness(1.16);box-shadow:0 0 22px rgba(35,232,255,.28);transform:translateY(-1px)}
.yp-input:focus,.yp-select:focus,.yp-textarea:focus{border-color:var(--yp-cyan);box-shadow:0 0 0 2px rgba(35,232,255,.12),0 0 18px rgba(35,232,255,.12)}
.yp-privacy-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:10px;border:1px solid rgba(35,232,255,.22);border-radius:15px;background:rgba(0,0,0,.22)}.yp-privacy-label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.yp-privacy-card small{display:block;margin-top:3px;color:var(--yp-muted);font-size:10px;line-height:1.25}.yp-privacy-toggle{height:38px;min-width:112px;padding:4px 9px 4px 5px;display:flex;align-items:center;gap:7px;border-radius:22px;border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.08);font-size:11px;cursor:pointer;transition:.2s}.yp-switch-dot{width:28px;height:28px;border-radius:50%;background:#888;box-shadow:0 0 12px currentColor;transition:.2s}.yp-privacy-toggle.yp-public{border-color:rgba(97,255,155,.55);background:rgba(30,160,95,.16);box-shadow:0 0 17px rgba(97,255,155,.13)}.yp-privacy-toggle.yp-public .yp-switch-dot{background:var(--yp-lime);box-shadow:0 0 16px var(--yp-lime)}.yp-privacy-toggle.yp-private{border-color:rgba(255,56,209,.45);background:rgba(160,30,130,.13)}.yp-privacy-toggle.yp-private .yp-switch-dot{background:var(--yp-pink);box-shadow:0 0 16px var(--yp-pink)}
.yp-you-icon{background:linear-gradient(135deg,var(--yp-cyan),#6a5cff);box-shadow:0 0 12px var(--yp-cyan),0 0 28px rgba(154,92,255,.75)}.yp-user-icon{background:var(--yp-lime);box-shadow:0 0 8px var(--yp-lime),0 0 20px rgba(97,255,155,.55)}
@media(max-width:520px){.yp-privacy-card{padding:8px;gap:7px}.yp-privacy-toggle{min-width:100px}.yp-privacy-card small{font-size:9px}}

/* ===== Youplugs G-Map v6 — responsive Earth globe ===== */
html,body{max-width:100%;overflow-x:hidden}
#youplugs-map-app{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
#yp-map,#yp-globe{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%;overflow:hidden}
#yp-globe{z-index:0;visibility:hidden;opacity:0;background:radial-gradient(circle at 50% 45%,#071b38 0,#02050d 55%,#000 100%);transition:opacity .35s ease}
#youplugs-map-app.yp-globe-mode #yp-map{visibility:hidden;opacity:0;pointer-events:none}
#youplugs-map-app.yp-globe-mode #yp-globe{z-index:2;visibility:visible;opacity:1;pointer-events:auto}
.yp-globe-hud{position:absolute;z-index:735;left:50%;bottom:20px;transform:translateX(-50%);display:none;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid rgba(35,232,255,.42);border-radius:18px;background:rgba(2,6,18,.78);backdrop-filter:blur(15px);box-shadow:0 0 28px rgba(35,232,255,.16);white-space:nowrap}
.yp-globe-hud b{font-size:11px;letter-spacing:.14em;color:#7ff7ff;text-shadow:0 0 12px #23e8ff}.yp-globe-hud span{font-size:10px;color:#cbdcff;overflow:hidden;text-overflow:ellipsis}.yp-globe-hud button{height:32px;border:1px solid rgba(154,92,255,.55);border-radius:12px;background:linear-gradient(120deg,rgba(18,100,255,.8),rgba(211,41,214,.8));color:#fff;font-size:10px;font-weight:900;cursor:pointer}
#youplugs-map-app.yp-globe-mode .yp-globe-hud{display:flex}
#youplugs-map-app.yp-globe-mode .yp-panel,#youplugs-map-app.yp-globe-mode .yp-map-actions,#youplugs-map-app.yp-globe-mode .yp-mobile-tabs{z-index:740}
#yp-globe .maplibregl-canvas{outline:none;max-width:none!important}
@media(max-width:980px){html,body{width:100%;max-width:100%;overflow-x:hidden}#youplugs-map-app{left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;min-width:0!important}.yp-panel,.yp-mobile-tabs{max-width:calc(100% - 16px)!important}.yp-globe-hud{bottom:calc(74px + var(--yp-safe-bottom));width:auto;max-width:calc(100% - 16px)}.yp-globe-hud b{display:none}.yp-globe-hud span{max-width:52%}}

/* V6.1 — embedded mobile width hardening */
#youplugs-map-app,
#youplugs-map-app *{box-sizing:border-box}
#youplugs-map-app{position:relative!important;left:auto!important;right:auto!important;margin-inline:0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;contain:layout paint style!important}
#youplugs-map-app #yp-map,
#youplugs-map-app #yp-globe{inset:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
#youplugs-map-app .leaflet-container,
#youplugs-map-app .maplibregl-map,
#youplugs-map-app .maplibregl-canvas-container,
#youplugs-map-app .maplibregl-canvas{max-width:100%!important}
@media(max-width:980px){
  #youplugs-map-app{height:min(100dvh,820px)!important;min-height:560px!important;border-radius:0!important}
  #youplugs-map-app .yp-top,#youplugs-map-app .yp-side,#youplugs-map-app .yp-tools,#youplugs-map-app .yp-chat,#youplugs-map-app .yp-mobile-tabs{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;min-width:0!important}
  #youplugs-map-app .yp-top{grid-template-columns:minmax(0,1fr) auto!important}
  #youplugs-map-app .yp-top>*{min-width:0!important;max-width:100%!important}
  #youplugs-map-app .yp-input,#youplugs-map-app .yp-select,#youplugs-map-app .yp-textarea{max-width:100%!important}
}
@media(max-width:420px){#youplugs-map-app{min-height:520px!important}.yp-fab{width:38px!important;height:38px!important}}

/* ===== Youplugs G-Map v6.2 — embedded mobile layout + Immersion ===== */
#youplugs-map-app{container-type:inline-size;inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}
#youplugs-map-app .yp-panel,#youplugs-map-app .yp-top,#youplugs-map-app .yp-side,#youplugs-map-app .yp-tools,#youplugs-map-app .yp-chat,#youplugs-map-app .yp-mobile-tabs{box-sizing:border-box;min-width:0;max-width:100%}
#youplugs-map-app .yp-top>* ,#youplugs-map-app .yp-grid2>* ,#youplugs-map-app .yp-inline>* ,#youplugs-map-app .yp-chat-row>*{min-width:0;max-width:100%}
#youplugs-map-app .yp-immersive-fab{border-color:rgba(35,232,255,.55);box-shadow:0 0 18px rgba(35,232,255,.22)}
#youplugs-map-app .yp-exit-immersion{display:none;position:absolute;z-index:2005;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));height:40px;padding:0 14px;border:1px solid rgba(35,232,255,.5);border-radius:14px;background:rgba(3,8,22,.9);color:#fff;font-weight:900;box-shadow:0 0 22px rgba(35,232,255,.22);backdrop-filter:blur(14px)}
#youplugs-map-app.yp-immersive,#youplugs-map-app:fullscreen,#youplugs-map-app:-webkit-full-screen{width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;min-height:100%!important;border-radius:0!important;margin:0!important}
#youplugs-map-app.yp-immersive-fallback{position:fixed!important;inset:0!important;z-index:2147483000!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;border-radius:0!important;margin:0!important}
#youplugs-map-app.yp-immersive .yp-exit-immersion,#youplugs-map-app.yp-immersive-fallback .yp-exit-immersion{display:block}
html.yp-map-immersion-lock,body.yp-map-immersion-lock{overflow:hidden!important;overscroll-behavior:none!important}

@media(max-width:980px){
  #youplugs-map-app{width:100%!important;max-width:100%!important;min-width:0!important;height:clamp(600px,88dvh,820px)!important;overflow:hidden!important}
  #youplugs-map-app .yp-top{left:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;padding:7px!important}
  #youplugs-map-app .yp-top #yp-address{grid-column:1/-1!important;width:100%!important}
  #youplugs-map-app .yp-top #yp-mode,#youplugs-map-app .yp-top #yp-route-btn,#youplugs-map-app .yp-top #yp-taxi-btn,#youplugs-map-app .yp-top #yp-emergency-btn{grid-column:auto!important;width:100%!important;min-width:0!important;padding-inline:7px!important;overflow:hidden;text-overflow:ellipsis}
  #youplugs-map-app .yp-side,#youplugs-map-app .yp-tools,#youplugs-map-app .yp-chat{left:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;overflow-x:hidden!important}
  #youplugs-map-app .yp-grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  #youplugs-map-app .yp-inline{grid-template-columns:minmax(0,1fr) auto!important}
  #youplugs-map-app .yp-chat-row{grid-template-columns:minmax(0,1fr) auto auto!important}
  #youplugs-map-app .yp-chat-row #yp-send-btn{grid-column:1/-1;width:100%}
  #youplugs-map-app .yp-mobile-tabs{left:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #youplugs-map-app .yp-tab{min-width:0!important;padding-inline:4px!important;font-size:12px!important}
  #youplugs-map-app .yp-map-actions{top:174px!important;right:6px!important}
  #youplugs-map-app .yp-globe-hud{max-width:calc(100% - 12px)!important;white-space:normal!important}
  #youplugs-map-app .leaflet-control-container .leaflet-bottom.leaflet-right{right:0!important}
}
@media(max-width:420px){
  #youplugs-map-app .yp-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  #youplugs-map-app .yp-btn,#youplugs-map-app .yp-select,#youplugs-map-app .yp-input{font-size:13px!important}
  #youplugs-map-app .yp-privacy-card{grid-template-columns:minmax(0,1fr)!important}
  #youplugs-map-app .yp-privacy-toggle{width:100%!important;justify-content:center!important}
}

/* ===== Youplugs G-Map v6.3 — MOBILE SPLIT VIEW =====
   Embedded mobile mode: controls and map are separate blocks. No desktop overlay geometry. */
@media (max-width:980px){
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback){
    display:flex!important; flex-direction:column!important;
    width:100%!important; max-width:100%!important; min-width:0!important;
    height:auto!important; min-height:0!important; max-height:none!important;
    overflow:hidden!important; contain:layout paint!important;
    border-radius:14px!important; margin:0!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-top{
    position:relative!important; inset:auto!important; order:1!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important; padding:8px!important; border-radius:14px 14px 0 0!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-top #yp-address,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-top #yp-route-btn,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-top #yp-emergency-btn{grid-column:1/-1!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) #yp-map,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) #yp-globe{
    position:relative!important; inset:auto!important; order:2!important;
    flex:none!important; display:block; width:100%!important; max-width:100%!important;
    height:52svh!important; min-height:330px!important; max-height:560px!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) #yp-globe{display:none!important}
  #youplugs-map-app.yp-globe-mode:not(.yp-immersive):not(.yp-immersive-fallback) #yp-map{display:none!important}
  #youplugs-map-app.yp-globe-mode:not(.yp-immersive):not(.yp-immersive-fallback) #yp-globe{display:block!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-map-actions{
    position:absolute!important; z-index:850!important; top:154px!important; right:8px!important;
    display:flex!important; flex-direction:column!important; gap:6px!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-globe-hud{
    position:absolute!important; z-index:860!important; top:154px!important; bottom:auto!important;
    left:8px!important; right:58px!important; width:auto!important; max-width:none!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-mobile-tabs{
    position:relative!important; inset:auto!important; order:3!important;
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important; max-width:100%!important; height:auto!important;
    margin:0!important; padding:7px!important; border-radius:0!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-side,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-tools,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-chat{
    position:relative!important; inset:auto!important; order:4!important;
    width:100%!important; max-width:100%!important; min-width:0!important;
    max-height:none!important; overflow:visible!important; margin:0!important;
    border-radius:0 0 14px 14px!important; padding:10px!important;
  }
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-side:not(.yp-open),
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-tools:not(.yp-open),
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-chat:not(.yp-open){display:none!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-side.yp-open,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-tools.yp-open{display:block!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-chat.yp-open{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-grid2{grid-template-columns:minmax(0,1fr)!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-inline{grid-template-columns:minmax(0,1fr) auto!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-chat-row{grid-template-columns:minmax(0,1fr) auto auto!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-chat-row #yp-send-btn{grid-column:1/-1!important;width:100%!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .leaflet-bottom.leaflet-right{bottom:8px!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .leaflet-control-attribution{max-width:72%!important}
}
@media (max-width:420px){
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) #yp-map,
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) #yp-globe{height:48svh!important;min-height:300px!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-top{grid-template-columns:minmax(0,1fr)!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-top>*{grid-column:1!important;width:100%!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-map-actions{top:266px!important}
  #youplugs-map-app:not(.yp-immersive):not(.yp-immersive-fallback) .yp-globe-hud{top:266px!important}
}


/* ===== Youplugs G-Map v6.7 — clean mobile launcher + single immersion ===== */
.yp-mobile-map-launcher{display:none;width:100%;max-width:100%;min-width:0;padding:10px 0;box-sizing:border-box}
.yp-mobile-open-map{box-sizing:border-box;position:relative;isolation:isolate;width:100%;max-width:100%;min-width:0;min-height:76px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(35,232,255,.52);border-radius:20px;color:#fff;background:linear-gradient(125deg,rgba(3,9,24,.98),rgba(20,7,44,.96));box-shadow:inset 0 0 24px rgba(35,232,255,.08),0 0 18px rgba(35,232,255,.12),0 0 34px rgba(154,92,255,.08);overflow:hidden;text-align:left;cursor:pointer}
.yp-mobile-open-map:before{content:"";position:absolute;z-index:-1;inset:-70% -20%;background:conic-gradient(from 90deg,transparent,rgba(35,232,255,.18),rgba(255,56,209,.18),transparent 42%);animation:ypMapLaunchGlow 7s linear infinite}
.yp-mobile-open-map b{display:block;font-size:16px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px #23e8ff,0 0 22px rgba(154,92,255,.65)}
.yp-mobile-open-map small{display:block;margin-top:4px;color:#9fdcff;font-size:9px;letter-spacing:.13em}.yp-mobile-open-orbit{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(97,255,155,.48);border-radius:50%;font-size:29px;color:#70f7ff;box-shadow:inset 0 0 18px rgba(35,232,255,.18),0 0 18px rgba(35,232,255,.22);text-shadow:0 0 10px #23e8ff}.yp-mobile-open-arrow{font-size:31px;color:#ff63e0;text-shadow:0 0 12px #ff38d1}@keyframes ypMapLaunchGlow{to{transform:rotate(360deg)}}
.yp-mobile-site-return{display:none;position:absolute;z-index:5000;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));height:42px;padding:0 15px;border:1px solid rgba(35,232,255,.58);border-radius:15px;color:#fff;background:linear-gradient(120deg,rgba(4,12,31,.94),rgba(64,20,103,.92));box-shadow:0 0 20px rgba(35,232,255,.22),inset 0 0 15px rgba(255,56,209,.08);font:800 12px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(14px);cursor:pointer}
@media(max-width:980px){
  .yp-mobile-map-launcher{display:block!important}
  #youplugs-map-app:not(.yp-mobile-open){display:none!important}
  #youplugs-map-app.yp-mobile-open{display:block!important;position:fixed!important;z-index:2147483000!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;contain:none!important;transform:none!important;background:#02050d!important;box-sizing:border-box!important}
  #youplugs-map-app.yp-mobile-open *{box-sizing:border-box}
  #youplugs-map-app.yp-mobile-open #yp-map,#youplugs-map-app.yp-mobile-open #yp-globe{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}
  #youplugs-map-app.yp-mobile-open .leaflet-container,#youplugs-map-app.yp-mobile-open .maplibregl-map,#youplugs-map-app.yp-mobile-open .maplibregl-canvas-container{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}
  #youplugs-map-app.yp-mobile-open .yp-mobile-site-return{display:block!important}
  #youplugs-map-app.yp-mobile-open .yp-top{position:absolute!important;top:calc(max(10px,env(safe-area-inset-top)) + 50px)!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;border-radius:15px!important}
  #youplugs-map-app.yp-mobile-open .yp-mobile-tabs{position:absolute!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;border-radius:16px!important}
  #youplugs-map-app.yp-mobile-open .yp-side,#youplugs-map-app.yp-mobile-open .yp-tools,#youplugs-map-app.yp-mobile-open .yp-chat{position:absolute!important;left:8px!important;right:8px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:44dvh!important;overflow:auto!important;border-radius:16px!important}
  #youplugs-map-app.yp-mobile-open .yp-map-actions{position:absolute!important;top:calc(max(10px,env(safe-area-inset-top)) + 190px)!important;right:8px!important}
  #youplugs-map-app.yp-mobile-open .yp-immersive-fab{display:grid!important;visibility:visible!important;opacity:1!important}
  html.yp-map-mobile-lock,body.yp-map-mobile-lock{overflow:hidden!important;overscroll-behavior:none!important}
}
@media(prefers-reduced-motion:reduce){.yp-mobile-open-map:before{animation:none}}

/* ===== Youplugs G-Map v6.8 — dedicated mobile host ===== */
.yp-gmap-responsive-host,.yp-gmap-desktop-host,.yp-gmap-mobile-shell,.yp-gmap-mobile-stage{box-sizing:border-box;min-width:0;max-width:100%}
.yp-gmap-responsive-host{position:relative;width:100%;overflow:hidden}
.yp-gmap-desktop-host{display:block;width:100%;min-width:0;overflow:hidden}
.yp-gmap-mobile-shell{display:none;width:100%;min-width:0;overflow:hidden}

@media (max-width:980px){
  .yp-gmap-responsive-host{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
  .yp-gmap-desktop-host{display:none!important}
  .yp-gmap-mobile-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:8px!important}
  .yp-gmap-mobile-shell>.yp-mobile-open-map{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .yp-gmap-mobile-stage{display:none;position:fixed!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:2147483000;background:#02050d}
  .yp-gmap-mobile-shell.yp-mobile-stage-open>.yp-gmap-mobile-stage{display:block!important}
  .yp-gmap-mobile-stage>#youplugs-map-app{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;contain:layout paint!important}
  .yp-gmap-mobile-stage>#youplugs-map-app #yp-map,
  .yp-gmap-mobile-stage>#youplugs-map-app #yp-globe,
  .yp-gmap-mobile-stage>#youplugs-map-app .leaflet-container,
  .yp-gmap-mobile-stage>#youplugs-map-app .maplibregl-map,
  .yp-gmap-mobile-stage>#youplugs-map-app .maplibregl-canvas-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .yp-gmap-mobile-stage>#youplugs-map-app canvas{max-width:100%!important}
  html.yp-map-mobile-lock,body.yp-map-mobile-lock{overflow:hidden!important;overscroll-behavior:none!important}
  body.yp-map-mobile-lock{touch-action:none}
}