.ios-pwa-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}@supports (-webkit-touch-callout:none){.ios-pwa-safe{padding-bottom:max(env(safe-area-inset-bottom),20px);padding-top:max(env(safe-area-inset-top),20px)}}.map-safe-area{padding-bottom:env(safe-area-inset-bottom)}@supports (-webkit-touch-callout:none){.map-safe-area{padding-bottom:max(env(safe-area-inset-bottom),20px)}}.mapboxgl-map{height:100%!important;width:100%!important}.cursor-crosshair{cursor:crosshair}.temporary-marker{cursor:pointer;z-index:1000}.temporary-marker-content{height:32px;position:relative;width:32px}.temporary-marker-center{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff;box-shadow:0 2px 8px #0000004d;height:16px;width:16px;z-index:2}.temporary-marker-center,.temporary-marker-pulse{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.temporary-marker-pulse{animation:pulse 2s infinite;background:#3b82f64d;height:32px;width:32px}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}70%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.temporary-marker:hover .temporary-marker-center{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translate(-50%,-50%) scale(1.1);transition:all .2s ease}.tinyblob{background:#000;border-radius:50%;box-shadow:0 0 #000;height:24px;width:24px;z-index:30}.tinyblob.blue{background:linear-gradient(to bottom right,#ffb800,#ff9f00);box-shadow:0 0 #ff9f00}.tinyblob.orange{background:linear-gradient(to bottom right,orange,#ff8c00);box-shadow:0 0 #ff8c00}.tinyblob.green{background:linear-gradient(to bottom right,#0f0,#00c800);box-shadow:0 0 #00c800}.tinyblob-center{background:#fff;border-radius:100px;box-shadow:0 0 20px #0003;cursor:default;height:14px;margin:auto;overflow:hidden;position:relative;top:5px;transition-duration:.4s;width:14px}.tinyblob-orb.blue{background:radial-gradient(circle,#ff9f00,transparent)}.tinyblob-orb.orange{background:radial-gradient(circle,orange,transparent)}.tinyblob-orb.green{background:radial-gradient(circle,#0f0,transparent)}.tinyblob-orb{background:radial-gradient(circle,#ff9f00,transparent);cursor:default;height:24px;margin:auto;transition-duration:.4s;width:24px}.tinyblob-center:hover{transform:scale(1.1)}.tinyblob-center:active{transform:scale(.9)}:deep(.marker-label){transition:opacity .3s ease}.tinyblob:hover{transform:scale(1.1);transition:transform .2s ease}.tinyblob-center:hover{transform:scale(1.05);transition:transform .2s ease}:deep(.marker-label.hovered){opacity:1!important;transform:translate(-50%) scale(1.05);transition:opacity .3s ease,transform .2s ease}:deep(.marker-label:hover){cursor:pointer;opacity:1!important;transform:translate(-50%) scale(1.05)}:deep(.marker-label){background:#1f2937f2!important;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;font-family:inherit;opacity:0;padding:2px 6px;pointer-events:auto;transition:opacity .3s ease,transform .2s ease;z-index:1}:deep(.dark .marker-label){background:#1f2937f2!important;border-color:#ffffff1a!important;color:#f3f4f6!important}:deep(.marker-label){color:#f3f4f6!important}.tinyblob,.tinyblob-center,.tinyblob-orb{transition:transform .2s ease}.visitor-marker{cursor:pointer;z-index:10}.visitor-blob{align-items:center;animation:visitor-pulse 2s infinite;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;height:10px;justify-content:center;position:relative;transition:all .3s ease;width:10px}.visitor-blob:hover{box-shadow:0 4px 12px #0006;transform:scale(1.1)}.visitor-blob.green{background:linear-gradient(to bottom right,#10b981,#059669);box-shadow:0 0 #10b981b3}.visitor-blob.orange{background:linear-gradient(to bottom right,#f97316,#ea580c);box-shadow:0 0 #f97316b3}.visitor-blob.blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb);box-shadow:0 0 #3b82f6b3}.visitor-blob.purple{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed);box-shadow:0 0 #8b5cf6b3}.visitor-blob.gray{background:linear-gradient(to bottom right,#6b7280,#4b5563);box-shadow:0 0 #6b7280b3}.visitor-center{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.visitor-emoji{font-size:10px;line-height:1}.visitor-marker.large .visitor-emoji{font-size:12px}.visitor-marker.small .visitor-emoji{font-size:8px}.visitor-label{background:#1f2937f2;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#f3f4f6;font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-45px;transform:translate(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:20}.visitor-marker:hover .visitor-label{opacity:1}.visitor-info{display:flex;flex-direction:column;gap:2px}.visitor-location{font-size:10px;font-weight:500}.visitor-status{color:#d1d5db;font-size:9px;opacity:.8}@keyframes visitor-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}:deep(.dark .visitor-label){background:#1f2937f2!important;border-color:#ffffff1a!important;color:#f3f4f6!important}.neutral-marker{cursor:pointer;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);z-index:20}.neutral-marker-center{align-items:center;animation:neutral-pulse 3s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.neutral-marker.blue .neutral-marker-center{background:linear-gradient(to bottom right,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.neutral-marker.purple .neutral-marker-center{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf666}.neutral-marker.green .neutral-marker-center{background:linear-gradient(to bottom right,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.neutral-marker.orange .neutral-marker-center{background:linear-gradient(to bottom right,#f97316,#ea580c);box-shadow:0 4px 12px #f9731666}.neutral-marker.red .neutral-marker-center{background:linear-gradient(to bottom right,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.neutral-marker.gray .neutral-marker-center{background:linear-gradient(to bottom right,#6b7280,#4b5563);box-shadow:0 4px 12px #6b728066}.neutral-marker:hover .neutral-marker-center{transform:scale(1.1)}.neutral-marker.blue:hover .neutral-marker-center{background:linear-gradient(to bottom right,#6366f1,#4f46e5);box-shadow:0 6px 20px #3b82f699}.neutral-marker.purple:hover .neutral-marker-center{background:linear-gradient(to bottom right,#a855f7,#8b5cf6);box-shadow:0 6px 20px #8b5cf699}.neutral-marker.green:hover .neutral-marker-center{background:linear-gradient(to bottom right,#34d399,#10b981);box-shadow:0 6px 20px #10b98199}.neutral-marker.orange:hover .neutral-marker-center{background:linear-gradient(to bottom right,#fb923c,#f97316);box-shadow:0 6px 20px #f9731699}.neutral-marker.red:hover .neutral-marker-center{background:linear-gradient(to bottom right,#f87171,#ef4444);box-shadow:0 6px 20px #ef444499}.neutral-marker.gray:hover .neutral-marker-center{background:linear-gradient(to bottom right,#9ca3af,#6b7280);box-shadow:0 6px 20px #6b728099}.neutral-marker-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.neutral-marker-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2937f2;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#f3f4f6;font-size:11px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:-50px;transform:translate(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:30}.neutral-marker:hover .neutral-marker-label{opacity:1}.neutral-marker-info{display:flex;flex-direction:column;gap:2px}.neutral-marker-name{font-size:11px;font-weight:600;line-height:1.2}.neutral-marker-description{color:#d1d5db;font-size:9px;line-height:1.2;opacity:.8}:deep(.neutral-marker-popup .mapboxgl-popup-content){-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #00000026!important;color:#1f2937!important;font-family:inherit!important;font-size:14px!important;padding:16px!important}:deep(.neutral-marker-popup .mapboxgl-popup-close-button){color:#6b7280!important;font-size:18px!important;opacity:.7!important;padding:4px!important}:deep(.neutral-marker-popup .mapboxgl-popup-close-button:hover){color:#1f2937!important;opacity:1!important}:deep(.neutral-marker-popup .mapboxgl-popup-tip){border-top-color:#fffffffa!important}@keyframes neutral-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.neutral-marker.blue .neutral-marker-center{--pulse-color:rgba(59,130,246,.4)}.neutral-marker.purple .neutral-marker-center{--pulse-color:rgba(139,92,246,.4)}.neutral-marker.green .neutral-marker-center{--pulse-color:rgba(16,185,129,.4)}.neutral-marker.orange .neutral-marker-center{--pulse-color:rgba(249,115,22,.4)}.neutral-marker.red .neutral-marker-center{--pulse-color:rgba(239,68,68,.4)}.neutral-marker.gray .neutral-marker-center{--pulse-color:hsla(220,9%,46%,.4)}:deep(.dark .neutral-marker-center){border-color:#ffffff26!important}:deep(.dark .neutral-marker.blue .neutral-marker-center){background:linear-gradient(to bottom right,#3b82f6,#1d4ed8)!important}:deep(.dark .neutral-marker.purple .neutral-marker-center){background:linear-gradient(to bottom right,#8b5cf6,#6d28d9)!important}:deep(.dark .neutral-marker.green .neutral-marker-center){background:linear-gradient(to bottom right,#10b981,#047857)!important}:deep(.dark .neutral-marker.orange .neutral-marker-center){background:linear-gradient(to bottom right,#f97316,#c2410c)!important}:deep(.dark .neutral-marker.red .neutral-marker-center){background:linear-gradient(to bottom right,#ef4444,#b91c1c)!important}:deep(.dark .neutral-marker.gray .neutral-marker-center){background:linear-gradient(to bottom right,#6b7280,#374151)!important}:deep(.dark .neutral-marker-label){background:#111827f2!important;border-color:#ffffff1a!important;color:#f3f4f6!important}:deep(.dark .neutral-marker-popup .mapboxgl-popup-content){background:#111827fa!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 20px 25px -5px #0000004d!important;color:#f3f4f6!important}:deep(.dark .neutral-marker-popup .mapboxgl-popup-close-button){color:#9ca3af!important}:deep(.dark .neutral-marker-popup .mapboxgl-popup-close-button:hover){color:#f3f4f6!important}:deep(.dark .neutral-marker-popup .mapboxgl-popup-tip){border-top-color:#111827fa!important}:deep(.neutral-marker-popup .popup-title){color:inherit}:deep(.neutral-marker-popup .popup-content){color:inherit}:deep(.neutral-marker-popup .popup-description){color:inherit;opacity:.7}:deep(.neutral-route-popup .mapboxgl-popup-content){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;box-shadow:0 8px 32px #00000040;font-size:14px;line-height:1.4;max-width:300px;min-width:120px;padding:12px 16px}:deep(.neutral-route-popup .mapboxgl-popup-close-button){display:none}:deep(.neutral-route-popup .mapboxgl-popup-tip){border-top-color:#fffffffa!important}:deep(.dark .neutral-route-popup .mapboxgl-popup-content){background:#111827fa;border:1px solid rgba(75,85,99,.3);color:#f9fafb}:deep(.dark .neutral-route-popup .mapboxgl-popup-tip){border-top-color:#111827fa!important}:deep(.neutral-route-popup .popup-title){color:inherit;font-weight:600}:deep(.neutral-route-popup .popup-content){color:inherit}:deep(.neutral-route-popup .popup-description){color:inherit;font-size:13px;margin-top:4px;opacity:.7}.neutral-marker{will-change:opacity}.neutral-marker-center{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.neutral-marker.pulse .neutral-marker-center{animation:neutral-pulse 2s infinite}.neutral-marker.glow-effect .neutral-marker-center{filter:drop-shadow(0 0 8px currentColor)}:deep(.mapboxgl-map .mapboxgl-canvas-container canvas){transition:opacity .4s cubic-bezier(.4,0,.2,1)}.neutral-marker[style*="visibility: hidden"]{pointer-events:none;transform:scale(.95)}.neutral-marker[style*="visibility: visible"]{pointer-events:auto;transform:scale(1)}.game-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px #0000004d;font-family:serif;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;margin:0 auto;max-width:90vw;min-width:200px;opacity:0;padding:16px 24px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);transform:translateY(-20px) scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.game-message.visible{opacity:1;transform:translateY(0) scale(1)}.game-message:hover{box-shadow:0 12px 48px #0006;transform:translateY(-2px) scale(1.02)}.message-content{color:#fff;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-message.message-success{background:#22c55e1a;border-color:#22c55e66}.game-message.message-success .message-content{color:#22c55e}.game-message.message-warning{background:#f59e0b1a;border-color:#f59e0b66}.game-message.message-warning .message-content{color:#f59e0b}.game-message.message-error{background:#ef44441a;border-color:#ef444466}.game-message.message-error .message-content{color:#ef4444}.game-message.message-info{background:#3b82f61a;border-color:#3b82f666}.game-message.message-info .message-content{color:#3b82f6}.message-enter-active,.message-leave-active{transition:all .5s cubic-bezier(.4,0,.2,1)}.message-enter-from{opacity:0;transform:translateY(-30px) scale(.8)}.message-leave-to{opacity:0;transform:translateY(20px) scale(.8)}.message-move{transition:transform .5s cubic-bezier(.4,0,.2,1)}.history-panel-enter-active,.history-panel-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.history-panel-enter-from,.history-panel-leave-to{opacity:0;transform:translate(20px) scale(.95)}@media (max-width:768px){.game-message{margin:0 8px;max-width:95vw;padding:12px 16px}.message-content{font-size:clamp(.875rem,2vw,1.25rem)}}@media (max-width:480px){.game-message{border-radius:8px;margin:0 4px;max-width:100vw;padding:8px 12px}.message-content{font-size:clamp(.75rem,1.8vw,1rem)}}@media (prefers-color-scheme:dark){.game-message{background:#000c;border-color:#ffffff4d}}