*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.left-panel{color:#d6edff;z-index:1000;background:#478978;flex-direction:column;width:300px;min-width:300px;display:flex;overflow-y:auto;box-shadow:2px 0 8px #0000004d}.left-panel-header{text-align:center;background:#3d7a6c;border-bottom:3px solid #84dcc6;padding:20px 16px 12px}.left-panel-header h1{letter-spacing:.5px;color:#fff;margin-bottom:6px;font-size:1.25rem;font-weight:700}.left-panel-header p{color:#acd7ec;font-size:.8rem;line-height:1.4}.logo-img{max-width:120px;margin:10px auto 6px;display:block}.panel-section{padding:12px 16px}.panel-section h3{text-transform:uppercase;letter-spacing:1.5px;color:#acd7ec;margin-bottom:8px;font-size:.7rem}.contact-details{background:#47897826;border-radius:6px;padding:8px 10px;font-size:.78rem}.contact-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.contact-row .contact-label{color:#acd7ec;flex-shrink:0;font-weight:500}.contact-row a{color:#84dcc6;text-align:right;text-decoration:none}.contact-row a:hover{text-decoration:underline}.contact-copyright{color:#acd7ec;text-align:center;margin-top:6px;font-size:.68rem}.btn{cursor:pointer;text-align:left;border:none;border-radius:6px;width:100%;margin-bottom:6px;padding:10px 12px;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s;display:block}.btn:active{transform:scale(.98)}.btn-overview{color:#3d7a6c;background:#84dcc6}.btn-overview:hover{background:#6bc9b0}.map-panel{flex:1;position:relative}.map-panel .leaflet-container{width:100%;height:100%}.home-button{z-index:1000;cursor:pointer;background:#fff;border:2px solid #0003;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:80px;left:10px;box-shadow:0 2px 6px #0003}.home-button img{filter:brightness(0)saturate();width:18px;height:18px}.home-button:hover{background:#f0f0f0}.info-button{z-index:1000;cursor:pointer;background:#fff;border:2px solid #0003;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:120px;left:10px;box-shadow:0 2px 6px #0003}.info-button img{filter:brightness(0)saturate();width:18px;height:18px}.info-button:hover{background:#f0f0f0}.location-button{display:none}.location-button img{filter:brightness(0)saturate();width:18px;height:18px}.location-button:hover{background:#f0f0f0}.location-button.active{background:#4285f4;border-color:#4285f4}.location-button.active img{filter:brightness(0)invert()}.info-popup{z-index:1001;color:#333;background:#fff;border-radius:8px;min-width:220px;max-width:280px;padding:14px 16px;font-size:.82rem;position:absolute;top:120px;left:54px;box-shadow:0 4px 16px #00000040}.info-popup h3{color:#478978;border-bottom:2px solid #84dcc6;margin:0 0 10px;padding-bottom:6px;font-size:.9rem}.info-popup-close{color:#999;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1.2rem;line-height:1;position:absolute;top:6px;right:8px}.info-popup-close:hover{color:#333}.info-row{border-bottom:1px solid #eee;justify-content:space-between;gap:10px;padding:4px 0;display:flex}.info-row .info-label{color:#666;flex-shrink:0;font-weight:500}.info-row a{color:#478978;text-decoration:none}.info-row a:hover{text-decoration:underline}.info-copyright{color:#999;text-align:center;margin-top:8px;font-size:.72rem}.basemap-toggle{z-index:1000;cursor:pointer;background:#fff;border:2px solid #0003;border-radius:6px;padding:6px 12px;font-size:.8rem;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0003}.basemap-toggle:hover{background:#f0f0f0}.map-panel .leaflet-top.leaflet-right{top:46px}.map-panel .leaflet-control-attribution{opacity:.6;padding:1px 4px;font-size:8px}.elevation-profile{z-index:999;pointer-events:none;background:linear-gradient(#0000,#001423e0 35%);padding-bottom:18px;position:absolute;bottom:0;left:0;right:0}.right-panel{color:#d6edff;z-index:1000;background:#478978;flex-direction:column;width:320px;min-width:320px;display:flex;overflow-y:auto;box-shadow:-2px 0 8px #0000001a}.right-panel-header{background:#478978;border-bottom:3px solid #84dcc6;padding:16px}.right-panel-header h2{color:#d6edff;font-size:1.1rem}.right-panel-body{flex:1;padding:16px}.detail-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.detail-row .label{color:#d6edff99;font-weight:500}.detail-row .value{color:#d6edff;font-weight:600}.detail-notes{color:#d6edff;background:#8b95c9;border-radius:6px;margin-top:12px;padding:10px;font-size:.82rem;line-height:1.4}.right-panel .placeholder{color:#d6edff80;text-align:center;justify-content:center;align-items:center;height:100%;padding:20px;font-size:.9rem;display:flex}.image-popup .leaflet-popup-content-wrapper{padding:8px}.image-popup .leaflet-popup-content{max-width:450px;margin:0;width:450px!important}.image-popup img{border-radius:4px;width:100%;height:auto;display:block}.overview-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.stat-card{text-align:center;background:#ffffff14;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0003}.stat-card .stat-value{color:#84dcc6;font-size:1.3rem;font-weight:700}.stat-card .stat-label{color:#d6edff99;margin-top:2px;font-size:.7rem}.course-point-label{white-space:nowrap;font-size:12px;font-weight:700}.dist-marker-label{color:#003049;white-space:nowrap;background:#eae2b7d9;border:1px solid #003049;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0003}.mobile-top-bar,.mobile-bottom-panel{display:none}.right-panel-mobile{color:#333;background:#d6edff}.right-panel-mobile .right-panel-header{background:#478978;border-bottom:3px solid #84dcc6;padding:12px 16px}.right-panel-mobile .right-panel-header h2{color:#d6edff;font-size:1rem}.right-panel-mobile .right-panel-body{padding:16px}.right-panel-mobile .placeholder{color:#999;text-align:center;justify-content:center;align-items:center;padding:20px;font-size:.9rem;display:flex}@media (width<=768px){.app-container{flex-direction:column}.left-panel,.right-panel{display:none}.mobile-top-bar{z-index:1001;background:#478978;border-bottom:2px solid #84dcc6;flex-direction:column;flex-shrink:0;display:flex}.mobile-top-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.mobile-top-row::-webkit-scrollbar{display:none}.mobile-top-row:first-child{padding-bottom:4px}.mobile-nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:8px 14px;font-size:.78rem;font-weight:600;transition:background .2s}.mobile-top-row:first-child .mobile-nav-btn{text-align:center;flex:1}.mobile-nav-overview{color:#fff;background:#8b95c9}.mobile-nav-overview.active{color:#3d7a6c;background:#84dcc6}.map-panel{flex:1;min-height:0}.basemap-toggle{padding:5px 10px;font-size:.75rem;top:8px;right:8px}.location-button{z-index:1000;cursor:pointer;background:#fff;border:2px solid #0003;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:158px;left:10px;box-shadow:0 2px 6px #0003}.mobile-bottom-panel{z-index:1002;background:#d6edff;border-top-left-radius:14px;border-top-right-radius:14px;flex-direction:column;max-height:65vh;transition:transform .35s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 48px));box-shadow:0 -4px 16px #00000040}.mobile-bottom-panel.open{transform:translateY(0)}.mobile-bottom-tab{color:#d6edff;cursor:pointer;letter-spacing:.5px;background:#478978;border:none;border-top-left-radius:14px;border-top-right-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:.85rem;font-weight:600;display:flex}.mobile-bottom-tab-arrow{color:#84dcc6;font-size:.7rem}.mobile-bottom-tab-text{color:#d6edff}.mobile-bottom-header{background:#3d7a6c;border-bottom:2px solid #84dcc6;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.mobile-logo{flex-shrink:0;width:50px;height:auto}.mobile-header-text h1{color:#fff;margin:0;font-size:.9rem;font-weight:700}.mobile-header-text p{color:#acd7ec;margin:2px 0 0;font-size:.7rem}.mobile-bottom-content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.elevation-profile{bottom:48px}.image-popup .leaflet-popup-content{max-width:250px;width:250px!important}.right-panel-mobile .right-panel-header{border-bottom-width:2px;padding:6px 12px}.right-panel-mobile .right-panel-header h2{font-size:.85rem}.right-panel-mobile .right-panel-body{padding:8px 12px}.right-panel-mobile .right-panel-body>p{margin-bottom:6px!important;font-size:.78rem!important}.right-panel-mobile .detail-row{padding:4px 0;font-size:.78rem}.right-panel-mobile .detail-notes{margin-top:6px;padding:6px 8px;font-size:.75rem;line-height:1.3}.right-panel-mobile .overview-stats{gap:6px;margin-top:6px}.right-panel-mobile .stat-card{border-radius:6px;padding:6px 8px}.right-panel-mobile .stat-card .stat-value{font-size:1rem}.right-panel-mobile .stat-card .stat-label{margin-top:1px;font-size:.65rem}.right-panel-mobile .right-panel-body h3{margin-top:10px!important;font-size:.7rem!important}}