@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap");:root{--color-bg:#0a0e17;--color-surface:#131a28;--color-surface-elevated:#1a2435;--color-primary:#00d4aa;--color-primary-dim:#00a88a;--color-accent:#ff6b35;--color-text:#e8edf5;--color-text-muted:#8b9ab8;--color-border:#2a3548;--font-display:"Syne",sans-serif;--font-body:"IBM Plex Sans Thai",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--color-text)}body,body:before{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;opacity:1;transition:opacity .3s ease;pointer-events:none}body.loaded:before{opacity:0}.mapboxgl-ctrl-logo{display:none!important}.mapboxgl-ctrl-attrib{background:rgba(26,36,53,.9)!important;color:var(--color-text-muted)!important;font-family:var(--font-body)!important;font-size:10px!important;padding:4px 8px!important;border-radius:4px!important}.mapboxgl-ctrl-attrib a{color:var(--color-primary)!important}.mapboxgl-ctrl-group{border:1px solid var(--color-border)!important;border-radius:8px!important;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4)!important}.mapboxgl-ctrl-group,.mapboxgl-ctrl-group button{background:var(--color-surface-elevated)!important}.mapboxgl-ctrl-group button{border:none!important;width:36px!important;height:36px!important}.mapboxgl-ctrl-group button:hover{background:var(--color-surface)!important}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--color-border)!important}.mapboxgl-ctrl-icon{filter:invert(1) brightness(.8)}.mapboxgl-ctrl-geolocate{background:var(--color-surface-elevated)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:0 4px 20px rgba(0,0,0,.4)!important}.mapboxgl-ctrl-geolocate button{width:36px!important;height:36px!important}.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{filter:none!important}.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{filter:invert(1) brightness(.8)}.mapboxgl-user-location-dot{border:3px solid #fff!important;box-shadow:0 0 12px rgba(59,130,246,.6),0 2px 8px rgba(0,0,0,.3)!important}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#3b82f6!important}.mapboxgl-user-location-accuracy-circle{background-color:rgba(59,130,246,.15)!important;border:1px solid rgba(59,130,246,.3)!important}.mapboxgl-user-location-heading{border-bottom-color:#3b82f6!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width:768px){.mapboxgl-ctrl-group{border-radius:6px!important}.mapboxgl-ctrl-group button{width:32px!important;height:32px!important}.mapboxgl-ctrl-top-right{top:8px!important;right:8px!important}.mapboxgl-ctrl-bottom-right{bottom:8px!important;right:8px!important}.mapboxgl-ctrl-bottom-left{bottom:8px!important;left:8px!important}.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-scale{font-size:9px!important;padding:2px 6px!important}.mapboxgl-popup-content{max-width:250px!important;font-size:13px!important;padding:10px!important}.marker-label{font-size:10px!important;padding:2px 6px!important}}@media (max-width:480px){.mapboxgl-ctrl-group button{width:28px!important;height:28px!important}.mapboxgl-ctrl-scale{font-size:8px!important}.mapboxgl-popup-content{max-width:200px!important;font-size:12px!important;padding:8px!important}}