:root{--bg-primary: #090c15;--bg-secondary: #111726;--bg-surface: #192238;--bg-glass: rgba(17, 23, 38, .82);--border-color: rgba(255, 255, 255, .1);--border-glow: rgba(255, 42, 112, .35);--accent-pink: #ff2a70;--accent-pink-glow: rgba(255, 42, 112, .6);--accent-purple: #9333ea;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-emerald: #10b981;--accent-red: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(255, 42, 112, .35);--shadow-beacon: 0 0 30px rgba(245, 158, 11, .6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background-color:#090c15;-webkit-text-size-adjust:100%}body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#090c15;color:var(--text-primary);font-family:var(--font-body);overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y}#root{width:100%;height:100%;height:100dvh;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;flex-direction:column}h1,h2,h3,h4,.brand-font{font-family:var(--font-heading)}.glass-panel{background:#0d111cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-md);color:#f8fafc}.glass-card{background:#141c30eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);transition:all .25s ease}.glass-card:hover{border-color:#ff2a7066;transform:translateY(-2px);box-shadow:0 10px 25px #0006}.neon-text-pink{color:var(--accent-pink);text-shadow:0 0 12px var(--accent-pink-glow)}.neon-border-pink{border-color:var(--accent-pink);box-shadow:0 0 14px var(--accent-pink-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--font-heading);font-weight:600;font-size:.92rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:linear-gradient(135deg,#ff2a70,#b91c1c);color:#fff;box-shadow:0 4px 14px #ff2a7066}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px #ff2a7099}.btn-beacon{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 4px 18px #f59e0b73;animation:pulse-beacon-btn 2s infinite}@keyframes pulse-beacon-btn{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.btn-secondary{background:#ffffff1f;color:#f8fafc;border:1px solid rgba(255,255,255,.18)}.btn-secondary:hover{background:#ffffff38;border-color:#ffffff59;color:#fff}.map-floating-btn{background:#0d111cf2!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 6px 20px #0009!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:600}.map-floating-btn:hover{background:#192238!important;border-color:var(--accent-pink)!important;color:#fff!important;box-shadow:0 6px 24px #ff2a7066!important}.btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.btn-danger:hover{background:#ef4444;color:#fff;box-shadow:0 4px 16px #ef444466}.btn-panic{background:#0f172a;border:1px solid rgba(239,68,68,.5);color:#ef4444;font-size:.8rem;padding:6px 12px}.btn-panic:hover{background:#dc2626;color:#fff}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#f1f5f9;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.tag-chip:hover{background:#ff2a7040;border-color:#ff2a7080;color:#fff;transform:translateY(-1px)}.tag-chip.active{background:linear-gradient(135deg,#ff2a70,#9333ea);border-color:#ff2a70;color:#fff;box-shadow:0 0 14px #ff2a7080;font-weight:700}.badge-privacy{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.badge-participants{background:#06b6d433;color:#67e8f9;border:1px solid rgba(6,182,212,.4)}.badge-spectators{background:#f59e0b33;color:#fde68a;border:1px solid rgba(245,158,11,.4)}.custom-pin{display:flex;align-items:center;justify-content:center;position:relative}.user-marker-bubble{width:44px;height:44px;border-radius:50%;border:2px solid var(--accent-pink);background:#111726;box-shadow:0 0 12px #ff2a7080;overflow:hidden;position:relative;transition:transform .2s ease}.user-marker-bubble:hover{transform:scale(1.15);z-index:1000}.user-marker-bubble img{width:100%;height:100%;object-fit:cover}.beacon-pulse-marker{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.beacon-center-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 20px #f59e0be6;z-index:2;animation:beacon-shake 1.5s infinite}.beacon-pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid #f59e0b;animation:beacon-ring-anim 1.8s cubic-bezier(.215,.61,.355,1) infinite}.beacon-pulse-ring-delayed{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #ef4444;animation:beacon-ring-anim 1.8s cubic-bezier(.215,.61,.355,1) infinite;animation-delay:.9s}@keyframes beacon-ring-anim{0%{transform:scale(.6);opacity:1}to{transform:scale(2.8);opacity:0}}@keyframes beacon-shake{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.dark-map-tiles{filter:brightness(.65) invert(1) contrast(2.6) hue-rotate(205deg) saturate(.35);background:#090c15}.custom-pin-fixed{background:transparent!important;border:none!important}.map-viewport{width:100%;height:calc(100vh - 68px);position:relative;background:#090c15}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 45px #0009;position:relative}.chat-modal-dialog{display:flex!important;flex-direction:row!important;width:960px!important;max-width:95vw!important;height:84vh!important;max-height:860px!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;background:#090c15!important;border:1px solid rgba(255,42,112,.35)!important;box-shadow:0 16px 50px #000c,0 0 25px #ff2a7033!important}.chat-sidebar{width:320px!important;min-width:280px!important;max-width:340px!important;display:flex!important;flex-direction:column!important;border-right:1px solid rgba(255,255,255,.08)!important;background:#0d111cfa!important;height:100%!important;overflow:hidden!important}.chat-main{flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;background:#090c15fa!important;overflow:hidden!important}.chat-back-btn{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.form-input,.form-textarea,.form-select{width:100%;padding:12px 14px;background:#090c15cc;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;transition:all .2s ease;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-pink);box-shadow:0 0 0 3px #ff2a7033}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}.app-container{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg-primary)}.app-header{padding-top:env(safe-area-inset-top,0px)!important;min-height:calc(54px + env(safe-area-inset-top,0px))!important;box-sizing:border-box;flex-shrink:0}@media (min-width: 821px){.app-header{padding-top:0!important;min-height:54px!important}}@media (display-mode: standalone),(display-mode: fullscreen),(display-mode: minimal-ui){html,body,#root,.app-container{height:100%!important;height:100dvh!important;padding-bottom:0!important}.app-header{padding-top:env(safe-area-inset-top,0px)!important;min-height:calc(54px + env(safe-area-inset-top,0px))!important}.mobile-bottom-nav{height:calc(54px + env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}}body.pwa-standalone .app-header{padding-top:env(safe-area-inset-top,0px)!important;min-height:calc(54px + env(safe-area-inset-top,0px))!important}body.pwa-standalone .mobile-bottom-nav{height:calc(54px + env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}@media (max-width: 820px){.leaflet-control-zoom{display:none!important}.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:calc(54px + env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;background:#090c15fa!important;z-index:13000!important}.modal-overlay:not(.modal-centered-overlay){padding:0!important;align-items:stretch!important;justify-content:stretch!important;width:100vw!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:calc(54px + env(safe-area-inset-bottom,0px))!important;height:calc(100% - 54px - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - 54px - env(safe-area-inset-bottom,0px))!important;z-index:12000!important}.modal-overlay:not(.modal-centered-overlay) .modal-content:not(.modal-compact){max-width:100vw!important;width:100vw!important;min-height:0!important;height:100%!important;max-height:100%!important;border-radius:0!important;border:none!important;margin:0!important;padding:16px!important;padding-top:max(16px,env(safe-area-inset-top,16px))!important;padding-bottom:20px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.chat-modal-overlay{padding:0!important;align-items:stretch!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:calc(54px + env(safe-area-inset-bottom,0px))!important;height:calc(100% - 54px - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - 54px - env(safe-area-inset-bottom,0px))!important;z-index:12000!important}.chat-modal-dialog{max-width:100%!important;width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;border:none!important;margin:0!important;display:flex!important;flex-direction:column!important}.chat-sidebar{width:100%!important;max-width:100%!important;flex:1!important;border-right:none!important}.chat-sidebar.chat-hidden-mobile{display:none!important}.chat-main{width:100%!important;max-width:100%!important;flex:1!important}.chat-main.chat-hidden-mobile{display:none!important}.chat-back-btn{display:inline-flex!important}}@media (min-width: 769px){.chat-back-btn{display:none!important}}