:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-primary:#0f172a;--bg-surface:rgba(30,41,59,.85);--bg-card:#1e293b;--accent-gradient:linear-gradient(135deg,#ff5e62,#f96);--accent-teal:#10b981;--accent-blue:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:hsla(0,0%,100%,.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.5);--radius-full:9999px;--radius-lg:16px;--radius-md:12px;--overlay-gutter:16px;--overlay-pad:18px;--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,16px);--sa-left:env(safe-area-inset-left,0px);--sa-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior:none;-webkit-font-smoothing:antialiased}.app-shell,body,html{width:100%;overflow:hidden}.app-shell{height:100vh;height:100dvh;position:relative;touch-action:manipulation}.app-shell[data-panel-mode=portrait] .maplibregl-ctrl-bottom-left{position:fixed!important;bottom:calc(var(--sa-bottom) + 68px)!important;left:50%!important;transform:translateX(-50%);z-index:9650!important}.app-shell[data-panel-mode=landscape] .maplibregl-ctrl-bottom-left{bottom:var(--sa-bottom)!important;left:calc(8px + var(--sa-left, 0px))!important;transform:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{margin:0!important}.maplibregl-ctrl-attrib{font-size:9px!important;font-weight:600;white-space:nowrap;opacity:.5!important;color:#94a3b8!important;background:transparent!important;padding:0!important;border:none;border-radius:0!important;box-shadow:none;transform:none;text-shadow:0 1px 6px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.85)}.maplibregl-ctrl-attrib a{color:#cbd5e1!important;text-decoration:none!important;position:relative}.maplibregl-ctrl-attrib a:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:max(44px,100%)}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.real-3d-pin-wrapper{position:relative;width:36px;height:48px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.real-3d-pin-wrapper:hover{transform:scale(1.25) translateY(-6px);z-index:99}.real-3d-pin-head{width:32px;height:32px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#ef4444,#f97316);position:absolute;top:0;left:2px;transform:rotate(-45deg);box-shadow:-2px 4px 12px rgba(239,68,68,.5);border:2px solid #fff;display:flex;align-items:center;justify-content:center}.real-3d-pin-head.cluster{background:linear-gradient(135deg,#10b981,#3b82f6);box-shadow:-2px 4px 12px rgba(16,185,129,.5)}.real-3d-pin-badge{transform:rotate(45deg);color:#fff;font-size:11px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5)}.real-3d-pin-shadow{width:14px;height:6px;background:rgba(0,0,0,.45);border-radius:50%;filter:blur(1px);margin-top:42px}.lightbox-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:var(--overlay-gutter);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{max-width:850px;width:100%;background:#1e293b;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}@media (min-width:768px){.lightbox-content{flex-direction:row;max-height:550px}}.lightbox-image-container{flex:1.5 1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px}.lightbox-image{width:100%;height:100%;max-height:550px;object-fit:contain}.lightbox-details{flex:1 1;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.notice-slot{position:fixed;top:calc(var(--sa-top) + 205px);left:50%;transform:translateX(-50%);z-index:20000;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;box-shadow:var(--shadow-lg)}.notice-slot button{border:none;border-radius:var(--radius-full);padding:6px 12px;background:var(--accent-gradient);color:#fff;font-weight:700;cursor:pointer;flex-shrink:0}.notice-slot button[aria-label=\B2EB\AE30]{background:transparent;color:var(--text-secondary);padding:4px 6px}.brand-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-gradient);color:#fff;font-weight:700;font-size:13px;border-radius:var(--radius-full)}