.thailand-map-container{padding:var(--spacing-8) 0;max-width:600px;margin:0 auto}.map-header{text-align:center;margin-bottom:var(--spacing-6)}.map-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-2)}.map-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.region-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.region-filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.region-filter-btn:hover{color:var(--color-text);background:var(--color-surface-muted)}.region-filter-btn.active,.region-filter-btn:hover{border-color:var(--region-color,var(--color-primary-500))}.region-filter-btn.active{color:white}.region-dot,.region-filter-btn.active{background:var(--region-color,var(--color-primary-500))}.region-dot{width:8px;height:8px;border-radius:50%}.region-filter-btn.active .region-dot{background:white}.region-count{padding:var(--spacing-1) var(--spacing-2);background:rgba(0,0,0,.08);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.region-filter-btn.active .region-count{background:rgba(255,255,255,.25)}.illustrated-map-wrapper{position:relative;background:linear-gradient(135deg,#fef9e7,#fdf6e3 50%,#f5f0e1);border-radius:var(--radius-2xl);padding:var(--spacing-4);border:1px solid #e5e0d5;box-shadow:var(--shadow-lg);overflow:hidden}.hiker-character{position:absolute;bottom:var(--spacing-8);left:var(--spacing-4);width:80px;height:100px;z-index:10;animation:hikerBounce 2s ease-in-out infinite}@keyframes hikerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hiker-svg{width:100%;height:100%;filter:drop-shadow(2px 4px 3px rgba(0,0,0,.15))}.thailand-illustrated-svg{width:100%;height:auto;display:block}.thailand-map-canvas{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--radius-lg)}.province-name-label{font-size:11px;font-weight:600;fill:#92400e;font-family:var(--font-display);pointer-events:none}.hiking-spot{cursor:pointer;transition:transform .2s ease,filter .2s ease;transform-box:fill-box;transform-origin:center;pointer-events:all}.hiking-spot.hovered,.hiking-spot:hover{transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.spot-link{text-decoration:none}.spot-name{fill:#57534e;font-family:var(--font-body);pointer-events:none}.map-legend-box{position:absolute;bottom:var(--spacing-4);right:var(--spacing-4);background:rgba(255,255,255,.95);border:1px solid #d6d3d1;border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);z-index:10}.legend-header{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-text);font-size:var(--font-size-base)}.legend-info-icon{font-size:var(--font-size-lg)}.legend-items{flex-direction:column}.legend-items,.legend-row{display:flex;gap:var(--spacing-2)}.legend-row{align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.legend-circle{width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.2)}.legend-circle.green{background:#22c55e}.legend-circle.yellow{background:#eab308}.legend-circle.orange{background:#f97316}.spot-tooltip{position:absolute;top:var(--spacing-4);left:var(--spacing-4);background:white;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-lg);min-width:140px;z-index:20}.tooltip-title{font-weight:600;color:var(--color-text);font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.tooltip-province{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.tooltip-popularity{font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:500}.map-stats-row{display:flex;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-6);flex-wrap:wrap}.stat-box{text-align:center;padding:var(--spacing-4) var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-width:100px}.stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary-600);font-family:var(--font-display)}.stat-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.map-cta{display:flex;justify-content:center;margin-top:var(--spacing-6)}@media (max-width:640px){.thailand-map-container{padding:var(--spacing-4)}.illustrated-map-wrapper{border-radius:var(--radius-lg);padding:var(--spacing-2)}.hiker-character{width:60px;height:75px;bottom:var(--spacing-4);left:var(--spacing-2)}.map-legend-box{position:relative;bottom:auto;right:auto;margin-top:var(--spacing-4)}.spot-tooltip{position:relative;top:auto;left:auto;margin-bottom:var(--spacing-4)}.province-name-label{font-size:9px}.spot-name{font-size:6px}}