*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1120;--card:#141b2d;--card-2:#1a2338;--border:#1e2a45;--border-2:#2a3a5a;--text:#f0f4f8;--text-2:#94a5b8;--text-3:#5a6d85;--purple:#8b5cf6;--cyan:#22d3ee;--amber:#f59e0b;--green:#22c55e;--red:#ef4444}body,html{background:var(--bg)!important;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;height:100%}body,html{width:100%;overflow:hidden}.layout,body{height:100dvh}.layout{max-width:24rem;margin:0 auto;overflow:hidden;position:relative;background:var(--bg);color:var(--text)}.scroll-wrap{height:100%;overflow-y:auto;padding-top:42px;padding-bottom:62px}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;position:fixed;top:0;left:0;right:0;z-index:1001;background:var(--bg)}.header-title{font-size:18px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#c084fc,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:8px}.header-icon{color:var(--text-3);font-size:12px}.header-steps{font-size:14px;font-weight:700}.header-gps{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--green);font-weight:700}.gps-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main{padding:0 12px}.section{margin-bottom:10px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 20px rgba(139,92,246,.06)}.card-2{background:var(--card-2);border:1px solid var(--border-2);border-radius:12px}.card-pad{padding:16px}.card-pad-sm{padding:12px}.pet-area{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.pet-egg{font-size:48px}.pet-title{font-size:14px;font-weight:500;color:var(--text-2)}.pet-glow-wrap{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pet-badge{font-size:11px;padding:2px 10px;border-radius:20px;font-weight:700}.pet-lv{font-size:11px;color:var(--text-3)}.pet-cp{font-size:11px;font-weight:700;color:var(--amber);text-shadow:0 0 10px rgba(245,158,11,.5)}.pet-stats{display:flex;gap:12px;font-size:10px;color:var(--text-3)}.pet-mood{display:flex;align-items:center;gap:4px}.pet-mood-text{font-size:10px;color:var(--green);font-weight:500}.pet-actions{display:flex;gap:8px;margin-top:4px}.progress-wrap{width:144px}.progress-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--text-3);margin-bottom:2px}.progress-bar{height:6px;border-radius:3px;background:var(--card-2);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .4s ease}.steps-row{display:flex;align-items:center;justify-content:space-around;padding:12px}.steps-stat{text-align:center;min-width:60px}.steps-num{font-size:20px;font-weight:700;color:white}.steps-label{font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.steps-center,.walk-btn{position:relative;display:flex;align-items:center;justify-content:center}.walk-btn{width:64px;height:64px;border-radius:50%;font-size:28px;background:linear-gradient(145deg,#7c3aed,#6d28d9);box-shadow:0 4px 20px rgba(124,58,237,.35),inset 0 -3px 6px rgba(0,0,0,.3);transition:all .15s;cursor:pointer;border:none;color:white}.walk-btn:active{transform:scale(.92)}.walk-btn:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(139,92,246,.2);animation:ring-pulse 2.5s ease-in-out infinite;pointer-events:none}.walk-btn.active{background:linear-gradient(145deg,#dc2626,#b91c1c);box-shadow:0 4px 20px rgba(220,38,38,.35),inset 0 -3px 6px rgba(0,0,0,.3)}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.05}}.egg-shake{animation:wiggle .4s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.egg-crack{animation:pop-in .6s ease-out}@keyframes pop-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.hatch-sparkle{display:flex;justify-content:center;gap:8px;margin-top:8px}.hatch-sparkle span{animation:bounce .5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.enc-flash{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(30,27,75,.9);border-radius:16px;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.nearby-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nearby-scroll::-webkit-scrollbar{display:none}.nearby-card{flex-shrink:0;cursor:pointer;background:var(--card-2);border:1px solid var(--border-2);border-radius:12px;padding:10px;text-align:center;min-width:76px;transition:transform .15s}.nearby-card:active{transform:scale(.95)}.nearby-pet{width:40px;height:40px;margin:0 auto 4px;border-radius:12px;display:flex;align-items:center;justify-content:center}.nearby-rarity{font-size:8px;font-weight:700;margin-bottom:2px}.nearby-cp{font-size:9px;font-weight:700;color:var(--amber)}.nearby-lv{font-size:8px;color:var(--text-3)}.btn{padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;transition:all .15s;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:4px}.btn:active{transform:scale(.94)}.btn-primary{background:linear-gradient(135deg,var(--purple),#7c3aed);color:white}.btn-ghost{background:var(--card-2);color:var(--text-2)}.btn-green{background:#16a34a;color:white}.btn-blue{background:#2563eb;color:white}.btn-amber{background:#d97706;color:white}.btn-danger{background:#dc2626;color:white}.debug-row{display:flex;align-items:center;justify-content:space-between}.debug-info{font-size:9px;color:var(--text-3)}.log-box{padding:10px}.log-title{font-size:8px;color:var(--text-3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.log-item{font-size:10px;color:var(--text-2);padding:2px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:14px;font-weight:700;color:var(--text)}.section-count{font-size:10px;color:var(--text-3)}.pet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.pet-card{cursor:pointer;position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px 6px 6px;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.pet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.pet-card:active{transform:scale(.93)}.pet-card-icon{width:48px;height:48px;margin:0 auto 2px;justify-content:center;position:relative}.pet-card-icon,.prop-modal-row{display:flex;align-items:center}.prop-modal-row{justify-content:space-between;padding:5px 0;border-bottom:1px solid #1a2a3a;font-size:10px}.prop-modal-label{color:#5a6d85;font-weight:500}.prop-modal-value{color:#c8d6e5;font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.pet-card-stars{font-size:7px;letter-spacing:1px;margin-bottom:2px;line-height:1}.pet-card-lv{font-size:8px;color:var(--text-2);font-weight:600}.pet-card-cp{position:absolute;top:6px;right:6px;font-size:7px;font-weight:700;color:var(--amber);background:rgba(245,158,11,.12);padding:1px 5px;border-radius:6px}.pet-card-evo{position:absolute;bottom:4px;right:4px;font-size:9px;opacity:.5}.pet-card-evo-ready{opacity:1;animation:evoGlow 1.5s ease-in-out infinite}@keyframes evoGlow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.empty-state{text-align:center;padding:64px 16px}.empty-icon{font-size:36px;margin-bottom:8px}.empty-text{font-size:12px;color:var(--text-3)}.incubator{gap:12px;padding:14px}.incubator,.incubator-slot{display:flex;align-items:center}.incubator-slot{width:56px;height:56px;border-radius:16px;flex-shrink:0;justify-content:center;border:2px dashed rgba(139,92,246,.25);background:rgba(139,92,246,.06)}.incubator-slot-done{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}.incubator-info{flex:1 1;min-width:0}.incubator-name{font-size:12px;font-weight:700;color:var(--text)}.incubator-desc{font-size:10px;color:var(--text-3);margin-bottom:6px}.incubator-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--text-3);margin-top:2px}.locked-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.locked-slot{text-align:center;padding:12px;opacity:.6}.locked-icon{font-size:24px;margin-bottom:4px}.locked-title{font-size:10px;color:var(--text-3);font-weight:500}.locked-sub{font-size:8px;color:#3a4d65}.community-wrap{display:flex;justify-content:center;padding-top:32px}.community-card{padding:24px;text-align:center;max-width:260px}.community-icon{font-size:48px;margin-bottom:12px}.community-title{font-size:14px;font-weight:700;margin-bottom:4px}.community-desc{font-size:10px;color:var(--text-3);margin-bottom:16px}.community-list{display:flex;flex-direction:column;gap:6px}.community-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:10px;color:var(--text-3)}.community-status{color:var(--purple);font-size:9px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1001;padding:4px 12px 8px;background:linear-gradient(transparent,var(--bg) 30%);pointer-events:none}.bottom-nav .nav-bar{pointer-events:auto}.nav-bar{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:4px}.nav-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:2px;gap:2px}.nav-btn{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:12px;transition:all .2s;cursor:pointer;border:none;background:transparent;color:var(--text-3);font-family:inherit}.nav-btn:active{transform:scale(.95)}.nav-btn.active{background:rgba(139,92,246,.3);box-shadow:0 2px 8px rgba(139,92,246,.15);color:var(--purple)}.nav-icon{font-size:18px;line-height:1;transition:transform .2s}.nav-icon.active{transform:scale(1.1)}.nav-label{font-size:9px;font-weight:700;margin-top:2px}.nav-label.active{color:#c084fc}.nav-label.inactive{color:var(--text-3)}.fade-up{animation:slide-up .35s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-bounce{animation:bounce-tw 1s ease-in-out infinite}@keyframes bounce-tw{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}.anim-pulse{animation:pulse-tw 2s ease-in-out infinite}@keyframes pulse-tw{0%,to{opacity:1}50%{opacity:.5}}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:4px 0}.weekly-bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;transition:transform .15s,opacity .15s;position:relative;border-radius:8px;padding:2px 0}.weekly-bar-col-active{background:rgba(251,191,36,.1);box-shadow:inset 0 0 0 2px rgba(251,191,36,.5),0 0 12px rgba(251,191,36,.2);border-radius:8px}.weekly-bar-col-active .weekly-bar{opacity:1!important;box-shadow:0 0 10px currentColor!important}.weekly-bar-col-active .weekly-bar-label{color:#fbbf24!important;font-weight:800!important;text-shadow:0 0 6px rgba(251,191,36,.4)}.weekly-bar-col-active .weekly-bar-steps{color:#fbbf24!important;font-weight:700!important}.weekly-bar-col:active{transform:scale(.95)}.weekly-bar-wrap{width:100%;display:flex;align-items:flex-end;justify-content:center;height:64px}.weekly-bar{width:100%;max-width:28px;border-radius:4px 4px 2px 2px;transition:height .4s ease;min-height:4px}.weekly-bar-today{box-shadow:0 0 8px rgba(139,92,246,.4)}.weekly-bar-steps{font-size:7px;color:#94a5b8;font-weight:600;line-height:1}.weekly-bar-label{font-size:8px;color:#5a6d85;font-weight:600;margin-top:1px}.weekly-bar-label-today{color:#c084fc;font-weight:700}.pet-card-main{cursor:pointer;position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.pet-card-main:active{transform:scale(.98)}.pet-card-main:hover{border-color:rgba(139,92,246,.35);box-shadow:0 0 12px rgba(139,92,246,.1)}.pet-card-main-simple{cursor:pointer;position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;transition:transform .15s,border-color .15s;overflow:hidden}.pet-card-main-simple:active{transform:scale(.97)}.team-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:6px;gap:6px}.team-slot{position:relative;border-radius:12px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s;overflow:hidden}.team-slot:active{transform:scale(.93)}.team-slot-filled{background:var(--card);border:1px solid var(--border);gap:2px}.team-slot-empty{background:rgba(26,35,56,.5);border:1px dashed var(--border-2)}.team-slot-lv{font-size:7px;font-weight:700;color:var(--text-3);line-height:1}.pet-grid-square{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}.pet-card-sq{cursor:pointer;position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px;text-align:center;transition:transform .15s,border-color .15s;overflow:hidden}.pet-card-sq:active{transform:scale(.93)}.pet-card-sq-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pet-grid-other{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:8px;gap:8px}.pet-card-other{cursor:-webkit-grab;cursor:grab;position:relative;background:var(--card);border:1px solid var(--border);border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pet-card-other:active{transform:scale(.9);cursor:-webkit-grabbing;cursor:grabbing}.pet-add-btn{position:absolute;bottom:0;right:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.2);color:#f59e0b;border-radius:8px 0 0 0;cursor:pointer;transition:background .15s,transform .15s;z-index:2;-webkit-tap-highlight-color:transparent}.pet-add-btn:active{background:rgba(245,158,11,.4);transform:scale(.85)}.team-slot-minus{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:white;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,.4);border:2px solid var(--card)}.team-slot-minus:active{transform:scale(.85)}.new-badge{position:absolute;top:-4px;left:-4px;background:#f59e0b;color:#0b1120;font-size:7px;font-weight:800;padding:2px 6px;border-radius:5px;z-index:10;line-height:1.3;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.6);animation:new-pulse 1.2s ease-in-out infinite}@keyframes new-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(0,0,0,.6)}50%{transform:scale(1.2);box-shadow:0 2px 16px rgba(245,158,11,.5)}}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(.5);opacity:0}}.particle{animation:float-up 1s ease-out forwards}@keyframes step-flash{0%{background-color:rgba(34,197,94,.25)}to{background-color:transparent}}@keyframes step-flash-skill{0%{background-color:rgba(34,197,94,.4);box-shadow:0 0 12px rgba(34,197,94,.3)}to{background-color:transparent;box-shadow:none}}@keyframes arrow-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-24px) scale(.6);opacity:0}}@keyframes arrow-float-skill{0%{transform:translateY(0) scale(1.4);opacity:1;filter:brightness(1.5)}to{transform:translateY(-40px) scale(.6);opacity:0;filter:brightness(2)}}@keyframes step-bounce{0%{transform:scale(1)}30%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}.step-flash{animation:step-flash .6s ease-out}.step-flash-skill{animation:step-flash-skill .8s ease-out}.arrow-float{animation:arrow-float .8s ease-out forwards}.arrow-float-skill{animation:arrow-float-skill 1.2s ease-out forwards}.step-bounce{animation:step-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.fixed-modal-layer,.fixed-modal-layer-top{position:fixed!important;inset:0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;z-index:9999!important;isolation:isolate!important}.modal-portal-wrapper{position:fixed;inset:0;z-index:9999!important;isolation:isolate!important;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch}.modal-portal-wrapper>*{pointer-events:auto}.real-map-container{height:100%;width:100%;border-radius:16px;overflow:hidden;background:#0f172a}.monopoly-grid-tooltip{background:#1a2338!important;border:1px solid #2a3a5a!important;color:#f0f4f8!important;font-family:inherit!important;font-size:10px!important;padding:3px 8px!important;border-radius:6px!important;box-shadow:none!important;white-space:nowrap}.monopoly-grid-tooltip:before{display:none!important}.monopoly-popup .leaflet-popup-content-wrapper{background:transparent!important;box-shadow:none!important;border-radius:10px!important;padding:0!important;overflow:hidden}.monopoly-popup .leaflet-popup-content{margin:0!important;padding:0!important}.monopoly-popup .leaflet-popup-tip{background:#1a1b2e!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}.monopoly-popup .leaflet-popup-close-button{color:#94a5b8!important;font-size:16px!important;top:28px!important;right:4px!important;z-index:10}.monopoly-popup .leaflet-popup-close-button:hover{color:#f0f4f8!important}.real-map-container .leaflet-control-zoom{display:flex;flex-direction:column;border:1px solid #2a3a5a;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4);margin:12px}.real-map-container .leaflet-control-zoom a{width:32px;height:32px;line-height:32px;font-size:18px;font-weight:700;text-align:center;background:#141b2d;color:#c4b5fd;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background .15s}.real-map-container .leaflet-control-zoom a:hover{background:#1e2a45;color:#a78bfa}.real-map-container .leaflet-control-zoom a.leaflet-control-zoom-in{border-bottom:1px solid #2a3a5a}.real-map-container .leaflet-control-zoom a.leaflet-control-zoom-disabled{opacity:.35;cursor:default;color:#4a5a75}.real-map-container .leaflet-control-zoom a.leaflet-control-zoom-disabled:hover{background:#141b2d}.real-map-container .leaflet-control-attribution{display:none!important}.pipz-player-marker{background:none!important;border:none!important}.pipz-player-marker div{line-height:1}.pipz-pet-marker{background:none!important;border:none!important}.pipz-pet-dot{width:24px;height:24px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 0 8px rgba(0,0,0,.5);background:rgba(139,92,246,.15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.real-map-gps-badge{position:absolute;top:10px;right:10px;z-index:1000;background:rgba(11,17,32,.75);border:1px solid rgba(68,204,255,.3);border-radius:8px;padding:3px 10px;color:#44ccff;font-size:10px;font-weight:600;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.real-map-gps-badge .gps-dot{width:6px;height:6px;border-radius:50%;background:#44ccff;animation:gps-pulse 1.5s ease-in-out infinite}@keyframes gps-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(68,204,255,.4)}50%{opacity:.6;box-shadow:0 0 6px 3px rgba(68,204,255,.15)}}.real-map-mode-vehicle{border-color:rgba(251,191,36,.4)!important;color:#fbbf24!important}.gps-dot-vehicle{background:#fbbf24!important;animation:gps-pulse-vehicle 1.5s ease-in-out infinite}@keyframes gps-pulse-vehicle{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(251,191,36,.4)}50%{opacity:.6;box-shadow:0 0 6px 3px rgba(251,191,36,.15)}}.real-map-gps-toggle{position:absolute;top:226px;right:10px;z-index:1000;width:40px;height:40px;border-radius:50%;background:rgba(11,17,32,.85);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .15s,box-shadow .3s;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1.5px solid}.real-map-gps-toggle.gps-on{border-color:rgba(34,197,94,.5);color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.2)}.real-map-gps-toggle.gps-on:active{background:rgba(34,197,94,.2);transform:scale(.92)}.real-map-gps-toggle.gps-off{border-color:rgba(239,68,68,.5);color:#ef4444;box-shadow:0 0 12px rgba(239,68,68,.3);animation:gps-off-pulse 2s ease-in-out infinite}.real-map-gps-toggle.gps-off:active{background:rgba(239,68,68,.2);transform:scale(.92)}@keyframes gps-off-pulse{0%,to{box-shadow:0 0 8px rgba(239,68,68,.3)}50%{box-shadow:0 0 18px rgba(239,68,68,.7)}}.real-map-grid-toggle-btn{position:absolute;top:178px;right:10px;z-index:1000;width:40px;height:40px;border-radius:50%;background:rgba(11,17,32,.8);border:1px solid rgba(139,92,246,.4);color:#8b5cf6;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .15s;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.real-map-grid-toggle-btn:active{background:rgba(139,92,246,.3);border-color:#8b5cf6;transform:scale(.92)}.real-map-trail-overview{position:absolute;top:130px;right:10px;z-index:1000;width:40px;height:40px;border-radius:50%;background:rgba(11,17,32,.8);border:1.5px solid rgba(251,191,36,.4);color:#fbbf24;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .15s,box-shadow .3s;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.real-map-trail-overview.active{border-color:rgba(251,191,36,.8);box-shadow:0 0 14px rgba(251,191,36,.3);background:rgba(251,191,36,.15)}.real-map-trail-overview:active{background:rgba(251,191,36,.3);transform:scale(.92)}.real-map-mode-stationary{border-color:rgba(163,163,163,.4)!important;color:#a3a3a3!important}.gps-dot-stationary{background:#a3a3a3!important;animation:none;opacity:.5}.leaflet-popup-content-wrapper{background:#141b2d!important;color:#e2e8f0!important;border:1px solid #2a3a5a!important;border-radius:12px!important;font-family:inherit!important;font-size:13px!important;box-shadow:0 4px 20px rgba(0,0,0,.5)!important;overflow:visible!important}.leaflet-popup-content{margin:8px 10px!important;overflow:visible!important}.leaflet-popup-tip{background:#141b2d!important;border:1px solid #2a3a5a!important}.real-map-container .leaflet-popup-pane{z-index:9999!important}@keyframes pipz-highlight-pulse{0%,to{opacity:.4;r:8}50%{opacity:.9;r:12}}.pipz-highlight-circle{animation:pipz-highlight-pulse 1.5s ease-in-out infinite!important}