*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--site-footer-h:0px;--preview-banner-h:0px;--blue-900:#070f1a;--blue-800:#0d1b2e;--blue-700:#132440;--blue-600:#1a3258;--blue-500:#2463ae;--blue-400:#3a7fc4;--blue-300:#6aaee0;--accent:#00d4ff;--accent-h:#00afd8;--white:#f0f5fa;--white-dim:#c4d4e8;--text:#ddeaf7;--text-dim:#6a8cad;--panel-bg:#080f1c;--panel-border:hsla(0,0%,100%,.07);--shadow:0 8px 32px rgba(0,0,0,.6);--radius:10px;--topbar-h:62px;--map-notice-h:0px;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}@media (max-width:600px){:root{--topbar-h:132px}}body,html{height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--blue-900);color:var(--text)}html.admin-scrollable,html.admin-scrollable body{height:auto;min-height:100%;max-height:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body.has-site-footer{--site-footer-h:34px}body.has-site-footer #map{bottom:var(--site-footer-h)}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:450;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;min-height:var(--site-footer-h);box-sizing:border-box;padding:6px 14px calc(6px + env(safe-area-inset-bottom, 0));font-size:.68rem;color:var(--text-dim);background:rgba(7,15,26,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid hsla(0,0%,100%,.06)}.site-footer-copy{opacity:.92}.site-footer-sep{opacity:.35;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-footer-mail{color:var(--accent);text-decoration:none;font-weight:500}.site-footer-mail:hover{text-decoration:underline}@media (max-width:600px){body.has-site-footer .mobile-home-bar{bottom:calc(8px + var(--site-footer-h))}body.has-site-footer .home-ranking{bottom:calc(56px + var(--site-footer-h))}body.has-site-footer .legend{bottom:calc(16px + var(--site-footer-h))}}@media (min-width:901px){body.has-site-footer .legend{bottom:calc(24px + var(--site-footer-h))}}body.map-preview-mode{--preview-banner-h:44px}.preview-login-banner{position:fixed;top:var(--topbar-h);left:0;right:0;z-index:1001;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;min-height:var(--preview-banner-h);box-sizing:border-box;padding:8px 14px;font-size:.72rem;line-height:1.35;color:var(--text-dim);background:rgba(0,40,60,.92);border-bottom:1px solid rgba(0,212,255,.2)}.preview-login-banner-text{flex:1 1 220px;max-width:720px;text-align:center}.preview-login-banner-btn{flex-shrink:0;padding:7px 14px;border-radius:8px;border:1px solid rgba(0,212,255,.45);background:rgba(0,212,255,.12);color:var(--accent);font-size:.75rem;font-weight:600;cursor:pointer}.preview-login-banner-btn:hover{background:rgba(0,212,255,.22)}.map-preview-mode #resetBtn,.map-preview-mode .filter-group,.map-preview-mode .search-wrap{pointer-events:none;opacity:.45}.map-preview-mode .gps-btn,.map-preview-mode .home-btn,.map-preview-mode .home-clear-btn,.map-preview-mode .home-radius-input,.map-preview-mode .home-radius-label,.map-preview-mode .mobile-home-bar{pointer-events:none!important;opacity:.4!important}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:1000;background:rgba(7,15,26,.97);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;gap:16px;padding:0 16px;box-shadow:0 1px 0 hsla(0,0%,100%,.04),0 4px 32px rgba(0,0,0,.6)}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.35) 30%,rgba(0,212,255,.35) 70%,transparent);pointer-events:none}@media (max-width:600px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:0;padding:0;height:var(--topbar-h);align-content:flex-start}}.topbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:4px}@media (max-width:600px){.topbar-brand{height:44px;padding:0 12px;flex:1 1 auto;margin-right:0;border-bottom:1px solid var(--panel-border);order:1}.topbar-brand .brand-icon{width:22px;height:22px}.topbar-brand .brand-name{font-size:.95rem}}.brand-icon{width:32px;height:32px;color:var(--accent);filter:drop-shadow(0 0 7px rgba(0,212,255,.5))}.brand-name{font-size:1.15rem;font-weight:700;color:var(--white);letter-spacing:-.01em;line-height:1.2;margin:0}.brand-sub{font-size:.72rem;color:var(--text-dim);display:none}@media (min-width:700px){.brand-sub{display:block}}.topbar-controls{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0}@media (max-width:600px){.topbar-controls{order:3;flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:stretch;padding:0;gap:0}.topbar-controls:after{content:"";flex:0 0 100%;order:10;height:0;border-bottom:1px solid var(--panel-border)}.search-wrap{order:1;flex:1 1;min-width:0;max-width:none;padding:0 10px}.search-wrap,.topbar-controls>.filter-group:nth-child(2){height:44px;display:flex;align-items:center;border-bottom:1px solid var(--panel-border)}.topbar-controls>.filter-group:nth-child(2){order:2;flex:0 0 130px;padding:0 8px;border-left:1px solid var(--panel-border)}.topbar-controls>.filter-group:nth-child(2) .filter-select{width:100%;min-width:0}.topbar-controls>.filter-group:nth-child(3),.topbar-controls>.filter-group:nth-child(4){order:20;flex:1 1;height:44px;display:flex;align-items:center;padding:0 8px;border-right:1px solid var(--panel-border)}.topbar-controls>.filter-group:nth-child(3) .filter-select,.topbar-controls>.filter-group:nth-child(4) .filter-select{width:100%;min-width:0}.reset-btn{order:20;flex:0 0 44px;width:44px;height:44px;margin:0;border:none;border-radius:0;border-left:1px solid var(--panel-border)}.topbar-controls .gps-btn,.topbar-controls .home-btn,.topbar-controls .home-clear-btn,.topbar-controls .home-radius-input,.topbar-controls .home-radius-label,.topbar-stats{display:none!important}}.search-wrap{position:relative;flex:1 1;max-width:280px;min-width:120px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-dim);pointer-events:none}.search-input{width:100%;height:34px;padding:0 32px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.09);border-radius:8px;color:var(--text);font-size:.875rem;outline:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:pointer;transition:background var(--transition),color var(--transition)}.search-clear:hover{background:rgba(255,80,80,.2);color:#ff6b6b}.search-clear.hidden{display:none}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{background:hsla(0,0%,100%,.08);border-color:rgba(0,212,255,.5);box-shadow:0 0 0 3px rgba(0,212,255,.08)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--blue-800);border:1px solid var(--panel-border);border-radius:var(--radius);max-height:280px;overflow-y:auto;z-index:2000;box-shadow:var(--shadow)}@media (max-width:600px){.search-results{position:fixed;top:calc(var(--topbar-h) + var(--map-notice-h) + var(--preview-banner-h));left:8px;right:8px;max-height:55vh}}.search-results.hidden{display:none}.search-result-item{padding:9px 14px;cursor:pointer;font-size:.85rem;border-bottom:1px solid hsla(0,0%,100%,.05);transition:background var(--transition)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:rgba(0,180,216,.12)}.search-result-item strong{color:var(--accent)}.search-result-item small{color:var(--text-dim);display:block;margin-top:2px}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);line-height:1}.filter-select{height:34px;padding:0 28px 0 10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.09);border-radius:8px;color:var(--text);font-size:.82rem;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236a8cad' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--transition),box-shadow var(--transition);min-width:130px;flex-shrink:0}.filter-select:focus{border-color:rgba(0,212,255,.45);box-shadow:0 0 0 3px rgba(0,212,255,.07)}.filter-select option{background:#0d1b2e;color:var(--text)}@media (max-width:600px){.filter-select{min-width:0;font-size:.78rem;height:30px;width:100%}.filter-label{font-size:.55rem;letter-spacing:.04em}}.filter-select-sm{min-width:110px;font-size:.78rem;height:30px}.reset-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all var(--transition);flex-shrink:0}.reset-btn:hover{background:rgba(255,80,80,.15);color:#ff6b6b;border-color:rgba(255,80,80,.3)}.home-btn{display:flex;align-items:center;gap:5px;height:34px;padding:0 10px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:var(--text-dim);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition);flex-shrink:0}.home-btn:hover{background:rgba(255,68,68,.12);color:#f66;border-color:rgba(255,68,68,.3)}.home-btn-active{background:rgba(255,68,68,.18)!important;color:#f44!important;border-color:rgba(255,68,68,.5)!important}.home-radius-input{width:54px;height:34px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.09);border-radius:8px;color:var(--text);font-size:.82rem;text-align:center;padding:0 4px;flex-shrink:0}.home-radius-input:focus{outline:none;border-color:rgba(0,212,255,.4)}.home-radius-label{font-size:.78rem;color:var(--text-dim);flex-shrink:0;margin-left:-4px}.home-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,68,68,.15);border:1px solid rgba(255,68,68,.3);border-radius:6px;color:#f66;cursor:pointer;transition:all var(--transition);flex-shrink:0}.home-clear-btn:hover{background:rgba(255,68,68,.3)}.gps-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all var(--transition);flex-shrink:0}.gps-btn:hover{background:rgba(0,212,255,.12);color:var(--accent);border-color:rgba(0,212,255,.3)}.gps-btn-active{background:rgba(0,212,255,.18)!important;color:var(--accent)!important;border-color:rgba(0,212,255,.5)!important}@keyframes gps-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}70%{transform:translate(-50%,-50%) scale(3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.gps-dot{background:#00d4ff;border:2.5px solid #fff;box-shadow:0 0 8px rgba(0,212,255,.7);position:relative}.gps-dot,.gps-dot:before{width:14px;height:14px;border-radius:50%}.gps-dot:before{content:"";position:absolute;top:50%;left:50%;background:rgba(0,212,255,.4);animation:gps-pulse 1.8s ease-out infinite}.home-ranking{position:fixed;bottom:24px;right:16px;z-index:900;background:rgba(8,15,28,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:10px 0 6px;width:260px;max-height:320px;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.6)}@media (max-width:600px){.home-ranking{bottom:56px;right:8px;left:8px;width:auto;max-height:160px}}.mobile-home-bar{display:none}@media (max-width:600px){.mobile-home-bar{display:flex;align-items:center;gap:6px;position:fixed;bottom:8px;left:8px;z-index:900;background:rgba(8,15,28,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.1);border-radius:22px;padding:7px 12px;box-shadow:0 4px 20px rgba(0,0,0,.6)}.mobile-home-bar .home-btn{height:30px;padding:0 8px;font-size:.75rem;border-radius:16px}.mobile-home-bar .home-radius-input{width:46px;height:30px;font-size:.78rem}.mobile-home-bar .home-radius-label{font-size:.72rem}.mobile-home-bar .home-clear-btn{width:26px;height:26px;border-radius:50%}}.home-ranking-header{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,212,255,.7);padding:0 14px 8px;border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-rank-chevron{font-size:.7rem;transition:transform .2s}.home-ranking.collapsed .home-rank-chevron{transform:rotate(-90deg)}.home-ranking.collapsed .home-rank-row{display:none}.home-ranking.collapsed{max-height:none;overflow:visible}.home-rank-row{display:flex;align-items:center;gap:8px;padding:6px 14px;cursor:pointer;transition:background var(--transition);border-radius:6px;margin:0 4px}.home-rank-row:hover{background:hsla(0,0%,100%,.05)}.home-rank-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.home-rank-name{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.home-rank-meta{font-size:.7rem}.home-rank-meta,.topbar-stats{color:var(--text-dim);flex-shrink:0;white-space:nowrap}.topbar-stats{font-size:.73rem;display:none;letter-spacing:.01em;background:rgba(0,212,255,.05);border:1px solid rgba(0,212,255,.12);border-radius:20px;padding:4px 14px}@media (min-width:900px){.topbar-stats{display:block}}.nav-btn{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-dim);text-decoration:none;padding:5px 11px;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;background:hsla(0,0%,100%,.04);transition:all var(--transition);white-space:nowrap}.nav-btn:hover{color:var(--accent);border-color:rgba(0,212,255,.25);background:rgba(0,212,255,.07)}.logout-topbar-btn{cursor:pointer;font:inherit;padding:5px 10px;min-width:38px;justify-content:center}.logout-topbar-btn:hover{color:#e57373;border-color:hsla(0,69%,67%,.35);background:hsla(0,69%,67%,.08)}@media (max-width:600px){.nav-btn{order:2;height:44px;border-radius:0;border:none;border-left:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);background:rgba(0,212,255,.08);color:var(--accent);font-size:.82rem;font-weight:700;padding:0 16px;letter-spacing:.02em}.nav-btn svg{display:none}.logout-topbar-btn svg{display:block!important}.filter-label{display:none}}.map-notice-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px 16px;pointer-events:auto;animation:map-notice-in .28s cubic-bezier(.4,0,.2,1)}@keyframes map-notice-in{0%{opacity:0}to{opacity:1}}.map-notice-backdrop{position:absolute;inset:0;background:rgba(4,12,24,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.map-notice-card{position:relative;z-index:1;width:100%;max-width:400px;padding:22px 22px 20px;border-radius:16px;background:linear-gradient(155deg,rgba(17,34,51,.98),rgba(10,22,38,.98));border:1px solid rgba(0,212,255,.22);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04),0 24px 48px rgba(0,0,0,.55),0 0 40px rgba(0,212,255,.06);animation:map-notice-card-in .32s cubic-bezier(.34,1.2,.64,1)}@keyframes map-notice-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.map-notice-card-icon{width:40px;height:40px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(0,212,255,.1);color:var(--accent)}.map-notice-heading{font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--white);margin:0 0 10px}.map-notice-text{margin:0;font-size:.84rem;line-height:1.55;color:var(--white-dim)}.map-notice-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:10px;background:hsla(0,0%,100%,.05);color:var(--text-dim);cursor:pointer;transition:background var(--transition),color var(--transition)}.map-notice-close:hover{color:var(--accent);background:rgba(0,212,255,.12)}#map{left:0;bottom:0;z-index:1}#map,.panel{position:fixed;top:calc(var(--topbar-h) + var(--map-notice-h) + var(--preview-banner-h));right:0}.panel{width:400px;height:calc(100vh - var(--topbar-h) - var(--map-notice-h) - var(--preview-banner-h));background:var(--panel-bg);border-left:1px solid hsla(0,0%,100%,.06);z-index:500;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:-8px 0 40px rgba(0,0,0,.5)}.panel-open{transform:translateX(0)}.panel-handle{display:none}@media (max-width:600px){.panel{width:100%;top:calc(var(--topbar-h) + var(--map-notice-h) + var(--preview-banner-h) + 6px);bottom:0;height:auto;max-height:none;transform:translateY(100%);border-left:none;border-top:2px solid rgba(0,180,216,.3);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.5)}.panel-open{transform:translateY(0)}.panel-handle{display:flex;width:100%;height:24px;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center}.panel-handle:after{content:"";width:40px;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px}.panel-handle:active:after{background:rgba(0,180,216,.6)}.panel-minimized{top:auto!important;height:80px!important;overflow:hidden}.panel-header{padding:10px 52px 10px 16px;border-bottom:1px solid var(--panel-border)}.panel-title{font-size:1.1rem;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--white)}.panel-meta{gap:4px;flex-wrap:wrap}.meta-tag{font-size:.67rem;padding:2px 8px}.panel-summary{padding:8px 12px;gap:8px;flex-wrap:wrap}.summary-card{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-width:calc(50% - 4px);padding:8px 10px}.summary-card-value{font-size:.9rem}.summary-card-label{font-size:.6rem;margin-top:2px}.panel-filter-row{padding:8px 12px;gap:6px}.filter-select-sm{min-width:0;flex:1 1;font-size:.75rem}.panel-close{top:8px;right:10px;width:30px;height:30px}}.panel-close{position:absolute;top:14px;right:14px;background:hsla(0,0%,100%,.06);border:1px solid var(--panel-border);border-radius:7px;color:var(--text-dim);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:10}.panel-close:hover{background:hsla(0,0%,100%,.12);color:var(--white)}.panel-header{padding:18px 48px 14px 20px;border-bottom:1px solid hsla(0,0%,100%,.06);flex-shrink:0;background:linear-gradient(180deg,rgba(0,212,255,.05),transparent)}.panel-title{font-size:1.25rem;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:8px;letter-spacing:-.02em}.panel-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{font-size:.7rem;font-weight:500;padding:2px 9px;border-radius:100px;background:rgba(0,212,255,.08);color:var(--accent);border:1px solid rgba(0,212,255,.2);letter-spacing:.02em}.panel-summary{padding:14px 20px;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.summary-card{flex:1 1;min-width:0;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-top:2px solid rgba(0,212,255,.45);border-radius:10px;padding:10px 8px;text-align:center;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 0 16px rgba(0,212,255,.04);transition:border-top-color var(--transition),box-shadow var(--transition)}.summary-card:hover{border-top-color:rgba(0,212,255,.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 0 20px rgba(0,212,255,.08)}.summary-card-value{font-size:1.05rem;font-weight:700;color:var(--accent);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card--ramps{border-top-color:rgba(77,208,225,.55);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 0 16px rgba(0,188,212,.06)}.summary-card--ramps:hover{border-top-color:rgba(77,208,225,.85)}.summary-card--ramps .summary-card-value{color:#80deea}.summary-card-label{font-size:.63rem;color:var(--text-dim);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.panel-section{flex:1 1;overflow-y:auto;padding:0}.panel-section::-webkit-scrollbar{width:4px}.panel-section::-webkit-scrollbar-track{background:transparent}.panel-section::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}.panel-section-title{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:12px 20px 8px;position:-webkit-sticky;position:sticky;top:0;background:rgba(8,15,28,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center}.panel-filter-row,.panel-section-title{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px}.panel-filter-row{padding:10px 16px;background:hsla(0,0%,100%,.02)}.panel-records{padding:8px 0}.rajoitus-panel-section{margin:0 16px 16px;border-top:1px solid rgba(211,47,47,.3);padding-top:12px}.rajoitus-panel-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ef9a9a;margin-bottom:8px}.rajoitus-item{background:rgba(211,47,47,.08);border-left:3px solid #d32f2f;border-radius:4px;padding:8px 10px;margin-bottom:6px}.rajoitus-nimi{font-size:.82rem;font-weight:700;color:var(--text-main,#eee);margin-bottom:2px}.rajoitus-tyyppi{font-size:.75rem;color:#ef9a9a;font-weight:600;margin-bottom:2px}.rajoitus-lisatieto,.rajoitus-pvm{font-size:.72rem;color:var(--text-dim,#aaa)}.rajoitus-lisatieto{margin-top:4px;line-height:1.4}.laskurampit-panel-section{margin:12px 16px 0;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.08)}.laskurampit-panel-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main,#e8eaf0);margin-bottom:6px}.laskurampit-panel-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:10px 12px;box-sizing:border-box;font:inherit;text-align:left;cursor:pointer;color:var(--text-main,#e8eaf0);background:hsla(0,0%,100%,.05);border:1px solid rgba(255,152,0,.35);border-radius:8px;transition:background .15s,border-color .15s}.laskurampit-panel-toggle:hover{background:hsla(0,0%,100%,.08);border-color:rgba(255,152,0,.5)}.laskurampit-panel-toggle-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.laskurampit-panel-chevron{flex-shrink:0;font-size:.65rem;color:var(--text-dim,#9aa5b8);transition:transform .2s ease}.laskurampit-panel-open .laskurampit-panel-chevron{transform:rotate(180deg)}.laskurampit-panel-body{padding-top:10px}.laskurampit-panel-note{font-size:.72rem;color:var(--text-dim,#999);margin:0 0 10px;line-height:1.35}.laskurampit-item{background:rgba(255,183,77,.08);border-left:3px solid #ff9800;border-radius:4px;padding:8px 10px;margin-bottom:6px}.laskurampit-name{font-size:.82rem;font-weight:700;color:var(--text-main,#eee);margin-bottom:2px}.laskurampit-meta{font-size:.72rem;color:var(--text-dim,#aaa);line-height:1.35}.leaflet-container .laskurampi-leaflet-marker{background:transparent!important;border:none!important}.laskurampi-map-shape{width:16px;height:16px;margin:4px;background:linear-gradient(145deg,#ffd54f,#ff6f00);border:2px solid #fff;border-radius:3px;transform:rotate(45deg);box-shadow:0 0 0 1px rgba(0,0,0,.45),0 2px 10px rgba(0,0,0,.5),0 0 12px rgba(255,152,0,.55)}.leaflet-popup-content .laskurampi-popup{min-width:0;line-height:1.35}.leaflet-popup-content .laskurampi-popup-kicker{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#546e7a;margin-bottom:4px}.leaflet-popup-content .laskurampi-popup-title{font-size:.88rem;font-weight:700;color:#0d47a1;margin-bottom:2px}.leaflet-popup-content .laskurampi-popup-city{font-size:.78rem;color:#37474f;margin-top:2px}.leaflet-popup-content .laskurampi-popup-type{font-size:.75rem;color:#455a64;margin-top:6px;font-weight:500}.record-group{margin-bottom:4px}.record-group-header{display:flex;align-items:center;gap:9px;padding:9px 16px 7px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;margin:0 6px;transition:background var(--transition)}.record-group-header:hover{background:hsla(0,0%,100%,.05)}.species-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.record-group-name{font-size:.85rem;font-weight:600;color:var(--white);flex:1 1}.record-group-count{font-size:.68rem;color:var(--accent);font-weight:500;opacity:.8;margin-left:auto;white-space:nowrap;letter-spacing:.01em}.record-group-toggle{font-size:.65rem;color:var(--text-dim);transition:transform var(--transition)}.record-group-open .record-group-toggle{transform:rotate(180deg)}.record-list{display:none}.record-group-open .record-list{display:block}.record-item{padding:7px 16px 7px 36px;border-bottom:1px solid hsla(0,0%,100%,.04);display:grid;grid-template-columns:1fr auto;grid-gap:3px 10px;gap:3px 10px;border-left:2px solid transparent;transition:border-color var(--transition),background var(--transition)}.record-item:hover{background:rgba(0,212,255,.04);border-left-color:rgba(0,212,255,.4)}.record-item:last-child{border-bottom:none}.record-date{font-size:.78rem;color:var(--text-dim);grid-column:1/-1}.record-place{font-size:.82rem;color:var(--text)}.record-count{font-size:.72rem;font-weight:500;color:var(--accent);text-align:right;white-space:nowrap}.record-details{grid-column:1}.record-details,.record-size{font-size:.72rem;color:var(--text-dim)}.record-size{text-align:right}.map-style-switcher{position:absolute;top:10px;right:10px;z-index:800;display:flex;gap:4px;background:rgba(8,15,28,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:4px}.map-style-btn{background:transparent;border:none;cursor:pointer;color:hsla(0,0%,100%,.55);font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:5px;transition:all .15s;white-space:nowrap}.map-style-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.map-style-btn-active{background:rgba(0,212,255,.15)!important;color:#00d4ff!important}.map-overlay-btns{top:56px!important;gap:4px}.overlay-btn{font-size:.74rem!important}@media (max-width:600px){.map-style-switcher{top:6px;right:6px}.map-style-btn{font-size:.65rem;padding:3px 6px}.map-overlay-btns{top:46px!important}.overlay-btn{font-size:.68rem!important}}.legend{position:fixed;bottom:24px;left:16px;background:rgba(13,27,42,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px 14px;z-index:500;min-width:140px}@media (max-width:600px){.legend{bottom:16px;left:10px;padding:8px 10px;min-width:0}.legend-title{font-size:.6rem;margin-bottom:5px}.legend-items{gap:3px}.legend-item{font-size:.67rem;gap:5px}}.legend-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:8px}.legend-items{display:flex;flex-direction:column;gap:5px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-dim)}.legend-circle{border-radius:50%;background:var(--accent);opacity:.7;flex-shrink:0}.geocode-notice{position:fixed;bottom:24px;right:24px;background:rgba(13,27,42,.9);border:1px solid var(--panel-border);border-radius:100px;padding:7px 14px 7px 10px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-dim);z-index:600;transition:opacity var(--transition)}.geocode-notice.hidden,.legend.hidden{display:none}@media (max-width:600px){.geocode-notice{bottom:12px;right:10px;font-size:.65rem;padding:5px 10px 5px 8px;max-width:calc(100vw - 160px)}}.geocode-notice-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.custom-marker{border-radius:50%;border:2px solid hsla(0,0%,100%,.95);opacity:.98;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 10px rgba(0,212,255,.45),0 2px 8px rgba(0,0,0,.42);transition:transform .15s,opacity .15s;cursor:pointer}.custom-marker:hover{opacity:1;transform:scale(1.16);box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 14px rgba(0,212,255,.62),0 3px 10px rgba(0,0,0,.48)}.map-laskurampit-on .custom-marker{opacity:1;border-color:hsla(0,0%,100%,.92);box-shadow:0 0 0 2px hsla(0,0%,100%,.75),0 2px 8px rgba(0,0,0,.45)}.map-laskurampit-on .marker-cluster-large,.map-laskurampit-on .marker-cluster-medium,.map-laskurampit-on .marker-cluster-small{opacity:.98}.custom-marker-selected{border-color:#fff!important;opacity:1!important;transform:scale(1.25);box-shadow:0 0 0 3px rgba(0,212,255,.55),0 0 16px rgba(0,212,255,.65),0 3px 12px rgba(0,0,0,.55)}.marker-cluster-large,.marker-cluster-medium,.marker-cluster-small{background-clip:padding-box;border-radius:50%}.marker-cluster-small{background:rgba(0,140,180,.18)}.marker-cluster-medium{background:rgba(0,180,220,.22)}.marker-cluster-large{background:rgba(0,212,255,.26)}.marker-cluster-large div,.marker-cluster-medium div,.marker-cluster-small div{width:30px;height:30px;margin:5px;background:rgba(0,180,220,.82);text-align:center;border-radius:50%;color:#fff;font-weight:700;font-size:.7rem;line-height:30px;border:1.5px solid hsla(0,0%,100%,.3);box-shadow:0 2px 8px rgba(0,0,0,.4)}.marker-cluster-large div{background:rgba(0,212,255,.88)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);border-radius:4px}.loading-overlay{position:fixed;inset:0;z-index:9999;background:var(--blue-900);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .4s}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:48px;height:48px;border:3px solid hsla(0,0%,100%,.1);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:.9rem;color:var(--text-dim)}.wx-panel{padding:14px 16px 10px;border-bottom:1px solid var(--panel-border);margin-bottom:4px}.wx-header{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.wx-current{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wx-icon{font-size:2.2rem}.wx-icon,.wx-temp{line-height:1;flex-shrink:0}.wx-temp{font-size:1.9rem;font-weight:700;color:var(--white)}.wx-details{display:flex;flex-direction:column;gap:3px;min-width:0}.wx-desc{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-wind{font-size:.78rem;color:var(--text-dim);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.wx-gust{color:#b0bec5;font-size:.74rem;font-weight:600}.wx-day-tabs{display:flex;gap:4px;margin:10px 0 6px;background:hsla(0,0%,100%,.04);border-radius:7px;padding:3px}.wx-day-btn{flex:1 1;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:5px 4px;border-radius:5px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s;white-space:nowrap}.wx-day-btn:hover{color:var(--text)}.wx-day-btn.active{background:rgba(0,212,255,.15);color:var(--accent)}.wx-forecast-wrap{position:relative}.wx-forecast-wrap:after{content:"";position:absolute;top:0;right:0;width:32px;height:calc(100% - 6px);background:linear-gradient(to right,transparent,var(--panel-bg));pointer-events:none;border-radius:0 8px 8px 0}.wx-forecast{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.18) transparent}.wx-forecast::-webkit-scrollbar{height:3px}.wx-forecast::-webkit-scrollbar-track{background:transparent}.wx-forecast::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);border-radius:2px}.wx-forecast::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.32)}.wx-hour{display:flex;flex-direction:column;align-items:center;gap:3px;background:hsla(0,0%,100%,.04);border-radius:8px;padding:6px 10px;flex-shrink:0;min-width:52px;scroll-snap-align:start}.wx-hour-time{font-size:.68rem;color:var(--text-dim);font-weight:600}.wx-hour-icon{font-size:1.2rem;line-height:1}.wx-hour-temp{font-size:.8rem;font-weight:700;color:var(--white)}.wx-hour-wind{font-size:.68rem;color:var(--text-dim);display:flex;align-items:center;gap:2px}